Jarvlis / Jar-OJ-frontend

🚀 前端基于 Vue 3 + Arco Design + TypeScript 搭建的在线判题系统。系统可根据管理员发布的题目和预设的判题用例，将用户提交的代码执行与评测。

Jar-OJ-frontend

Jar-OJ 前端部分

体验地址: https://oj.jarvlis.top (服务器带宽有限，做题页面，代码编辑器的加载约5s)

🚀 前端基于 Vue 3 + Arco Design + TypeScript 搭建的在线判题系统。系统可根据管理员发布的题目和预设的判题用例，将用户提交的代码执行与评测。

🚀 后端基于 Java8 + SpringBoot + MyBatis-Plus + Docker 搭建的在线判题系统。系统提供了单独调用自主实现的代码沙箱的接口，系统可根据管理员发布的题目和预设的判题用例，将用户提交的代码执行与评测。

后端github链接：https://github.com/Jarvlis/Jar-OJ-backend

代码沙箱github链接：https://github.com/Jarvlis/JarOJ-code-sandbox

快速上手:

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

根据后端接口, 快速生成前端API

openapi --input http://localhost:8121/api/v2/api-docs --output ./generated --client axios

项目时序图

(消息队列暂时未加入项目中, 过阵子会将RabbitMQ加入, 并且增设C++ 、 Python 、 JavaScript语言支持， 最后将项目改造为微服务)

项目展示

登录页面

注册页面

题目页面

做题页面

题目提交页面

管理题目页面

创建题目页面

项目待扩展点

• 消息队列暂时未加入项目中, 过阵子会将RabbitMQ加入
• 并且增设C++ 、 Python 、 JavaScript语言支持
• 最后将项目改造为微服务
• 增设更多用户友好型提示（如在做题页面即可浏览到做题结果）
• 根据输入的题目分析判题数据图
• 我的注销和个人做题分析页面
• 做题目前仅支持args模式，可以扩展acm模式和力扣模式