点击空白处退出提示
作品详情
1.系统能够根据管理员预设的题目用例对用户提交的代码进行执行和评测;2.系统中自主实现的代码沙箱可作为独立服务供其他开发者调用。
主要工作:
1.基于 Vue3 + Arco Design 组件库,自主实现了在线做题、题目检索和管理、提交列表、用户登录、用户注册等页面。
2.使用 Vue-CLI 脚手架初始化项目,并自行开发了全局页面布局和通用前端项目模板,便于后续复用。
3.全局导航生成:基于 Vue Router 的路由配置文件自动生成导航菜单,并通过给路由的 meta 属性增加 hidden 字段实现集中控制页面的显隐。
4.全局权限管理:通过给 Vue Router 路由的 meta 属性增加 access 字段来定义页面权限,然后通过 beforeEach 全局路由守卫集中校验用户进入页面的权限,并进一步将权限管理相关代码统一封装为 access.ts 模块,简化用户使用。
5.选用 ByteMD 开源 Markdown 文本编辑器组件,引入 gfm 插件(支持表格语法)并进一步自行封装了可复用的 Editor 和 Viewer,实现了题目内容及答案的编辑功能。
6.基于 Webpack 整合了 Monaco Editor 开源代码编辑器组件,并进一步基于 ref 自行封装了可复用的 Editor 和 Viewer,实现了用户编写代码功能,支持多种语言的高亮。
7.使用宝塔Linux在服务器上部署前后端项目并上线。
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态
评论