项目简介
本项目是基于Vue3和Arco Design组件库开发的在线做题系统。利用Vue - CLI脚手架初始化项目,自主开发了全局页面布局与通用前端项目模板,具备在线做题、题目检索和管理、提交列表、用户登录等核心功能。
项目的主要特性和功能
- 前端界面:运用Vue3和Arco Design构建前端界面,带来流畅的用户体验。
- 全局导航生成:借助Vue Router生成全局导航,通过meta属性实现页面权限控制。
- 全局状态管理:使用Vuex进行全局状态管理,着重存储登录用户的状态。
- 后端联调:采用openapi - typescript - codegen工具联调后端,依据后端Swagger接口文档自动生成请求代码。
- 编辑功能:引入ByteMD和Monaco Editor组件,可对题目的内容、答案以及用户代码进行编辑,支持Markdown和多种代码高亮。
- 数据展示:基于Arco Design的Table组件,构建题目检索页面,实现良好的数据展示。
安装使用步骤
- 环境准备:确保系统已安装Node.js和npm。
- 安装依赖:在项目根目录下执行
npm install
安装所有依赖。 - 配置后端接口:按照项目文档或指南配置后端接口信息。
- 启动开发服务器:运行
npm run serve
启动开发服务器。 - 访问项目:在浏览器中访问http://localhost:3000(默认端口)查看项目。
需注意,上述步骤假设用户已下载本项目的源码文件。使用本项目时,请遵守相关许可和使用协议。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】