# 成章前端

**Repository Path**: FlyFive/chengzhang-vue

## Basic Information

- **Project Name**: 成章前端
- **Description**: 个人写作助手
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2025-07-16
- **Last Updated**: 2025-10-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 成章写作工作台 - 前端

一个基于 Vue.js 的现代化写作工作台，提供文章管理、AI 辅助写作、图片上传等功能。

## 项目简介

成章写作工作台是一个专为写作者设计的现代化写作平台，集成了文章管理、AI 辅助写作、图片上传、文章收藏等功能，旨在提供高效、便捷的写作体验。

个人使用产品，代码几乎全部由 AI 生成，请谨慎使用。

## 技术栈

### 前端技术栈
- **框架**: Vue.js 2.6.14
- **UI 组件库**: Element UI 2.15.14
- **状态管理**: Vuex 3.6.2
- **路由管理**: Vue Router 3.6.5
- **HTTP 客户端**: Axios 1.10.0
- **Markdown 编辑器**: Mavon Editor 2.10.4
- **构建工具**: Vue CLI 5.0.0

### 后端技术栈
- **框架**: Spring Boot 2.7.18
- **ORM**: Hibernate (Spring Data JPA)
- **数据库**: MySQL 5.7+
- **构建工具**: Maven 3.6+
- **Java版本**: JDK 8+
- **其他依赖**: Lombok、Jackson、Apache Commons Lang3

## 功能特性

### 核心功能
- ✅ 文章创建、编辑、删除
- ✅ Markdown 编辑器支持
- ✅ 文章分类管理
- ✅ 文章搜索和筛选
- ✅ 文章收藏功能
- ✅ 图片上传和管理
- ✅ AI 辅助写作
- ✅ 文章导入导出
- ✅ 响应式设计

### AI 功能
- ✅ AI 文章生成
- ✅ 内容优化建议
- ✅ 快捷操作模板
- ✅ 智能摘要生成

## 快速开始



## 项目结构

```
src/
├── api/                 # API 接口
│   ├── articles.js     # 文章相关接口
│   ├── collections.js  # 收藏相关接口
│   ├── images.js       # 图片相关接口
│   └── ai.js          # AI 相关接口
├── components/         # 组件
│   ├── common/        # 通用组件
│   ├── editor/        # 编辑器组件
│   └── ai/           # AI 相关组件
├── views/             # 页面视图
├── store/             # Vuex 状态管理
├── router/            # 路由配置
├── styles/            # 样式文件
└── utils/             # 工具函数
```

## 配置说明

### 自定义配置
参考 [Vue CLI 配置文档](https://cli.vuejs.org/config/)

### 环境变量
- `VUE_APP_AI_API_KEY`: AI API 密钥
- `VUE_APP_API_BASE_URL`: 后端 API 基础地址

## 贡献指南

1. Fork 本仓库
2. 创建特性分支 (`git checkout -b feature/AmazingFeature`)
3. 提交更改 (`git commit -m 'Add some AmazingFeature'`)
4. 推送到分支 (`git push origin feature/AmazingFeature`)
5. 打开 Pull Request

## 许可证

本项目采用 Apache License 2.0 许可证 - 查看 [LICENSE](LICENSE) 文件了解详情

## 相关项目

- [成章写作工作台 - 后端](../chengzhang-rest) - 后端 API 服务