# Li-OJ

**Repository Path**: lihanqi666/li-oj

## Basic Information

- **Project Name**: Li-OJ
- **Description**: 基于 Spring Boot + Spring Cloud 微服务+ Docker + Vue 3+ Arco Design 的编程题目在线评测系统。
在系统前台，管理员可以创建、管理题目;用户可以自由搜索题目、阅读题目、编写并提交代码。
在系统后端，能够根据管理员设定的题目测试用例在 自主实现的代码沙箱 中对代码进行编译、运行、判断输出是否正确。
其中，代码沙箱可以作为独立服务，提供给其他开发者
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-01-15
- **Last Updated**: 2025-11-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# SpringBoot 项目初始模板

项目介绍:
基于 Spring Boot + Spring Cloud 微服务+ Docker + Vue 3+ Arco Design 的编程题目在线评测系统。
在系统前台，管理员可以创建、管理题目;用户可以自由搜索题目、阅读题目、编写并提交代码。
在系统后端，能够根据管理员设定的题目测试用例在 自主实现的代码沙箱 中对代码进行编译、运行、判断输出是否正确。
其中，代码沙箱可以作为独立服务，提供给其他开发者使用。

# 主要工作:
1.基于 Vue3 + Arco Design 组件库,自主实现了在线做题、题目检索和管理、提交列表、用户登录等页面。

2.全局导航生成:基于 Vue Router 的路由配置文件自动生成导航菜单，并通过给路由的 meta 属性增加 hidden 字段实现集中控制页面的显隐。

3.前后端联调:使用 openapi-typescript-codegen 工具根据后端 Swagger 接口文档自动生成请求后端的代码，大幅提高开发效率。

4.基于 Webpack 整合了 Monaco Editor 开源代码编辑器组件,并进一步基于 ref 自行封装了可复用的 Editor 和 Viewer， 实现了用户编写代码功能，支持多种语言的高亮。

5.选用 BvteMD 开源 Markdown 文本编辑器组件,引入 qfm 插件并进一步自行封装了可复用的 Editor 和 Viewer，实现了题目内容及答案的编辑功能。

6.使用 Arco Design 的 Table 组件实现了题目检索页面，,并通过自定义插槽将后端返回的 JSON 数据解析为美观的格式，