# InfiniSynapse-CSDN-Vibe Coding泛数据分析应用开发大赛参赛作品

**Repository Path**: web_io/InfiniSynapse-CSDN-Vibe-Coding

## Basic Information

- **Project Name**: InfiniSynapse-CSDN-Vibe Coding泛数据分析应用开发大赛参赛作品
- **Description**: InfiniSynapse-CSDN-Vibe Coding泛数据分析应用开发大赛参赛作品
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-07-20
- **Last Updated**: 2026-07-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



```markdown
# InfiniSynapse CSDN Vibe Coding 项目 —— 智析账本 (BillLens)

本项目是 **InfiniSynapse AI** 能力在个人财务垂直领域的典型应用实践。作为 CSDN "Vibe Coding" 主题的代表项目，智析账本 (BillLens) 展示了如何利用 AI 快速构建数据洞察工具。

## ✨ 项目简介

智析账本是一个 **AI 驱动的个人财务数据分析助手**。用户只需上传银行流水或消费账单（CSV 格式），后端便会调用 InfiniSynapse Agent 进行智能解析与归类，并生成直观的可视化图表与消费洞察报告。

### 核心特性

*   🤖 **AI 智能解析**：利用大模型自动识别金额、商户、分类，告别手动记账烦恼。
*   📊 **可视化数据**：集成 ECharts，提供月度消费趋势、类别分布等图表。
*   💬 **对话式探索**：基于 RAG 技术，支持用户通过自然语言对话追问账本数据（如“对比上月娱乐支出”）。
*   🛡️ **隐私与安全**：采用 SSE 代理模式，敏感 API Key 仅存于服务端；数据本地 SQLite 存储。
*   🖥️ **多端支持**：提供 Web 端及 Electron 桌面端（跨平台）。

## 🏗️ 技术架构

项目采用 **前后端分离** 设计，核心代码位于 `billlens` 目录下：

*   **前端 (Web)**: Vue 3 + Vite + Element Plus + Pinia + ECharts
*   **前端 (Electron)**: 基于 Vite 打包的跨平台桌面应用
*   **后端 (Server)**: Node.js (Express) + SQLite (PGlite/better-sqlite3)
*   **AI 集成**: InfiniSynapse API (SSE 流式通信)
*   **部署**: PM2 进程守护 + Nginx 反向代理

## 📂 目录结构

```text
InfiniSynapse-CSDN-Vibe-Coding/
├── billlens/                 # 核心项目目录
│   ├── server/              # 后端服务 (Node.js)
│   │   ├── src/
│   │   │   ├── routes/      # API 路由 (auth, analysis, upload...)
│   │   │   ├── services/    # 业务逻辑与 InfiniSynapse 封装
│   │   │   └── db/          # SQLite 数据库初始化
│   │   └── .env.example     # 环境变量示例
│   ├── web/                 # 前端应用 (Vue 3)
│   │   ├── src/views/       # 页面视图 (Dashboard, Report, Chat...)
│   │   ├── src/components/  # 组件库 (ChartBlock, ChatDialog...)
│   │   └── src/api/         # Axios 请求封装
│   ├── electron/            # Electron 桌面端源码
│   │   └── src/             # 主进程与渲染进程配置
│   └── docs/                # 详细文档
│       ├── deployment.md    # Windows Server 部署指南
│       ├── api-integration.md # API 集成与 SSE 说明
│       └── screenshots.md   # 演示截图清单
└── SKILL.md                 # 技术栈与迁移文档
```

## 🚀 快速启动

### 1. 环境准备

确保本地已安装：
*   **Node.js** (v18 LTS 或更高)
*   **pnpm** (推荐) 或 npm

### 2. 启动后端服务

```bash
cd billlens/server
# 安装依赖
pnpm install

# 配置环境变量
# 复制 .env.example 为 .env 并填入 InfiniSynapse API Key 等配置
cp .env.example .env

# 启动开发服务器
pnpm dev
# 后端默认运行在 http://localhost:3000
```

### 3. 启动前端应用

```bash
cd billlens/web
# 安装依赖
pnpm install

# 启动开发服务器
pnpm dev
# 前端默认运行在 http://localhost:5173
```

### 4. 验证

访问 `http://localhost:5173`，注册/登录后即可上传 CSV 示例文件开始体验。

## 📚 详细文档

*   **部署指南**: 参见 [billlens/docs/deployment.md](./billlens/docs/deployment.md)，包含 PM2 守护进程配置与 Nginx 反向代理设置。
*   **API 集成**: 参见 [billlens/docs/api-integration.md](./billlens/docs/api-integration.md)，了解 SSE 代理与任务隔离的核心实现。
*   **提交材料**: 参见 [billlens/docs/contest-submission.md](./billlens/docs/contest-submission.md)，获取演示数据与截图建议。

## 📄 License

本项目遵循开源协议，核心功能代码已开源。详细许可信息请参阅各模块 LICENSE 或版权声明。
```