# qime **Repository Path**: cui-zhen-hao/qime ## Basic Information - **Project Name**: qime - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-12-09 - **Last Updated**: 2025-12-25 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 博客系统 一个基于Vue 3的现代化博客系统,包含完整的前端界面和后台管理功能。 ## 功能特性 ### 前台功能 - 首页展示 - 用户登录/注册 - 个人资料管理 - 论坛讨论区 - AI助手功能 - 会员中心 ### 后台管理功能 - 管理员登录 - 仪表盘概览 - 用户管理 - 文章管理 - 分类管理 - 评论管理 ## 技术栈 - Vue 3 - Vue Router - Vuex - Vite ## 安装和运行 ### 安装依赖 ```bash npm install ``` ### 开发模式 ```bash npm run dev ``` 应用将在 http://localhost:5174 启动。 ### 构建生产版本 ```bash npm run build ``` ## 后台管理系统 ### 访问地址 ``` http://localhost:5174/admin/login ``` ### 默认管理员账号 - 用户名:admin - 密码:admin123 ### 后台功能说明 1. **仪表盘**:显示系统的总体概览,包括用户数量、文章数量等统计信息。 2. **用户管理**: - 查看所有用户列表 - 编辑用户信息 - 删除用户 - 禁用/启用用户 3. **文章管理**: - 查看所有文章列表 - 发布新文章 - 编辑现有文章 - 删除文章 - 将文章设置为草稿/已发布 4. **分类管理**: - 查看所有分类 - 添加新分类 - 编辑分类 - 删除分类 5. **评论管理**: - 查看所有评论 - 审批/拒绝评论 - 删除评论 ## 项目结构 ``` src/ ├── assets/ # 静态资源 ├── components/ # Vue组件 ├── router/ # 路由配置 ├── store/ # Vuex状态管理 ├── views/ # 页面组件 │ ├── admin/ # 后台管理页面 │ ├── Home.vue # 首页 │ ├── Login.vue # 登录页 │ ├── Register.vue # 注册页 │ ├── Profile.vue # 个人资料页 │ ├── Membership.vue # 会员中心 │ ├── Forum.vue # 论坛页面 │ └── AIPage.vue # AI助手页面 ├── App.vue # 根组件 ├── main.js # 入口文件 └── style.css # 全局样式 ``` ## 注意事项 1. 本系统使用localStorage存储数据,实际项目中应该使用后端API。 2. 管理员账号和密码硬编码在前端代码中,实际项目中应该从后端获取。 3. 系统支持响应式设计,适配不同屏幕尺寸。 ## 许可证 MIT