vue-zhishanyunxue-client 技术文档

【免费下载链接】vue-ZhiShanYunXue-Client 至善云学 - 简易的单选题自动统计与数据分析系统。 ZhiShanYunXue - a simple Single choice question automatic statistics and data analysis system. 后端仓库：https://gitcode.com/Fer_Amiya/go-ZhiShanYunXue-Server 项目地址: https://gitcode.com/Fer_Amiya/vue-ZhiShanYunXue-Client

1. 项目概述

vue-zhishanyunxue-client 是一个基于Vue3构建的前端项目，为"至善云学"平台提供用户界面支持。该项目实现了新建任务、查看任务情况、任务作答和任务评分等核心功能。

2. 安装指南

2.1 环境准备

• Node.js (建议版本14.x或更高)
• npm (随Node.js一起安装)
• Git (可选，用于版本控制)

2.2 依赖安装

npm install

3. 项目使用说明

3.1 开发模式运行

npm run dev

此命令将启动开发服务器，通常访问地址为 http://localhost:5173

3.2 生产环境构建

npm run build

构建完成后，生成的文件将位于 dist 目录中，可直接部署到Web服务器。

4. 项目配置

4.1 API服务器配置

在使用项目前，需要配置后端API地址：

1. 打开 front/config.js 文件
2. 修改 api_url 参数，指向您的后端API服务器地址

5. 项目功能说明

5.1 主要功能页面

• 新建任务页面: 教师可创建新任务
• 身份登记页: 用户身份验证
• 答题页: 用户任务作答界面
• 答题报告页: 显示作答结果
• 作答报告页: 展示任务完成情况统计

5.2 访问路径

项目部署后，可通过以下路径访问主要功能：

• 新建任务: /zsyx/pages/tasks/new_task
• 其他功能路径请参考项目路由配置

6. API使用文档

项目API接口遵循RESTful规范，主要包含以下功能接口:

6.1 任务管理接口

• 创建任务
• 获取任务列表
• 获取任务详情
• 提交任务答案
• 获取任务评分

6.2 用户管理接口

• 用户身份验证
• 用户信息获取

具体API参数和返回值格式请参考配套API文档。

7. 项目安装方式

7.1 本地开发安装

1. 克隆项目仓库
2. 安装依赖: npm install
3. 配置API地址
4. 运行开发服务器: npm run dev

7.2 生产环境部署

1. 构建生产版本: npm run build
2. 将 dist 目录内容部署到Web服务器
3. 配置Nginx/Apache等Web服务器指向构建目录

8. 注意事项

1. 本项目仅供个人学习研究使用，禁止用于商业及非法用途
2. 项目基于LGPL-3.0许可开源
3. 如需扩展功能，欢迎提交Issue和Pull request

【免费下载链接】vue-ZhiShanYunXue-Client 至善云学 - 简易的单选题自动统计与数据分析系统。 ZhiShanYunXue - a simple Single choice question automatic statistics and data analysis system. 后端仓库：https://gitcode.com/Fer_Amiya/go-ZhiShanYunXue-Server 项目地址: https://gitcode.com/Fer_Amiya/vue-ZhiShanYunXue-Client