# personal-card

**Repository Path**: LHCOM/personal-card

## Basic Information

- **Project Name**: personal-card
- **Description**: 欢迎来到“personal-card”项目！这是一个基于Vue 3的前后端分离个人名片展示项目。
项目前端采用Vue 3，设计简洁，可定制名片样式和内容。后端需Node.js环境，但别担心，我们提供了快速启动脚本，初学者也能轻松上手。
无论你是想学Vue 3和前后端分离技术，还是想拥有独特名片，这个项目都适合你。文档齐全，示例代码丰富，助你快速定制。
- **Primary Language**: NodeJS
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-03-14
- **Last Updated**: 2025-11-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Personal Card Application - Distribution

这是个人名片应用的生产环境部署版本。该应用使用 Vue 3 + Vite 构建，并通过 Express 后端服务器提供服务。

## 项目说明

个人名片应用是一个简单而实用的工具，用于展示和管理个人信息。它提供了一个美观的卡片式界面来展示个人资料，并允许用户编辑这些信息。所有数据都存储在 CSV 文件中，并通过后端 API 进行管理。

## 快速启动

1. **一键启动**
   - 双击 `start.bat` 文件
   - 系统将自动打开浏览器并访问 http://localhost:3456

2. **手动启动**
   - 打开命令行窗口
   - 运行 `node server.js`
   - 在浏览器中访问 http://localhost:3456

## 技术栈

- **前端**：Vue 3、Vuex、Vue Router
- **构建工具**：Vite
- **后端**：Node.js、Express
- **数据存储**：CSV 文件
- **API 通信**：Axios

## 目录结构

- `dist/` - 前端构建文件
  - `assets/` - 静态资源和 CSV 数据文件
  - `index.html` - 应用入口 HTML 文件
- `server.js` - Express 后端服务器
- `start.bat` - Windows 启动脚本
- `package.json` - 项目依赖和脚本

## API 接口

- **GET /api/info** - 获取所有个人信息
- **POST /api/info** - 更新个人信息
- **GET /api/test** - API 测试端点

## 故障排除

- 如果应用无法启动，请检查端口 3456 是否被其他应用占用
- 如果浏览器无法自动打开，请手动访问 http://localhost:3456
- 如果遇到安全警告，可能需要暂时关闭安全软件或使用 Chrome 浏览器

## 系统要求

- Node.js 14.0 或更高版本
- 现代浏览器（Chrome、Firefox、Edge 等）
- Windows 操作系统（对于 start.bat 脚本）

## 注意事项

- 此版本是预构建的生产环境部署包
- 所有前端资源已经过优化和压缩
- 个人信息存储在 CSV 文件中，可以通过应用界面进行编辑

## 许可证

本项目采用 MIT 许可证开源。