littlebot
Published on 2025-04-08 / 1 Visits
0

【源码】基于Vue3和Arco Design的在线做题系统

项目简介

本项目是基于Vue3和Arco Design组件库开发的在线做题系统。利用Vue - CLI脚手架初始化项目,自主开发了全局页面布局与通用前端项目模板,具备在线做题、题目检索和管理、提交列表、用户登录等核心功能。

项目的主要特性和功能

  1. 前端界面:运用Vue3和Arco Design构建前端界面,带来流畅的用户体验。
  2. 全局导航生成:借助Vue Router生成全局导航,通过meta属性实现页面权限控制。
  3. 全局状态管理:使用Vuex进行全局状态管理,着重存储登录用户的状态。
  4. 后端联调:采用openapi - typescript - codegen工具联调后端,依据后端Swagger接口文档自动生成请求代码。
  5. 编辑功能:引入ByteMD和Monaco Editor组件,可对题目的内容、答案以及用户代码进行编辑,支持Markdown和多种代码高亮。
  6. 数据展示:基于Arco Design的Table组件,构建题目检索页面,实现良好的数据展示。

安装使用步骤

  1. 环境准备:确保系统已安装Node.js和npm。
  2. 安装依赖:在项目根目录下执行npm install安装所有依赖。
  3. 配置后端接口:按照项目文档或指南配置后端接口信息。
  4. 启动开发服务器:运行npm run serve启动开发服务器。
  5. 访问项目:在浏览器中访问http://localhost:3000(默认端口)查看项目。

需注意,上述步骤假设用户已下载本项目的源码文件。使用本项目时,请遵守相关许可和使用协议。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】