当前位置: 首页 > news >正文

如何使用Vue和C++实现OJ《从零开始打造 Online Judge》

课程简介

课程链接:https://www.lanqiao.cn/courses/20638
邀请码:x8pGd60V

本课程采用前后端分离架构,基于 Vue.js 和 C++ 技术,从零开始打造 Online Judge。

课程介绍

OJ 是 Online Judge 系统的简称,用来在线检测程序源代码的正确性。OJ 系统能够编译并执行代码,使用预设的数据对这些程序进行测试。提交的代码一般会在受限的环境下运行,包括时间限制、内存限制、安全限制等。

本课程将会从项目设计、项目后端开发、项目前端开发和项目部署四个阶段循序渐进完成对项目的整体构建。项目采用前后端分离架构,基于模块开发,涉及到用户模块、题目模块、公告模块、讨论模块、题解模块、评论模块、测评记录模块和判题模块。

本课程前端采用 Vue.js 框架,后端采用 C++ ,数据库采用 MongoDB 和 Redis,实现了 Markdown 文本的编辑和展示、列表数据分页、题目和测评记录的多条件搜索、父子评论、Monaco Editor 代码编辑器的使用、Token 鉴权实现、缓存实现、判题(支持 C、C++、Java、Python、Javascript 和 Go 语言)等功能。

功能架构

图片描述

技术架构

图片描述

效果展示

  • 题库页面

图片描述

  • 题目页面

图片描述

  • 测评记录列表页面

图片描述

  • 测评记录对话框

图片描述

  • 题解页面

图片描述

  • 题目编辑页面

图片描述

http://www.lryc.cn/news/127954.html

相关文章:

  • 在Spring Boot和Vue中实现请求过滤器以验证请求头中的Token
  • ThreeJS——在3D地球上标记中国地图板块
  • 第2章 性能测量
  • 未来,运营的重要性大于产品?
  • paddle ocr框架识别数字问题和解决方案
  • 构建高性能的MongoDB数据迁移工具:Java的开发实践
  • 2023年国赛数学建模思路 - 案例:最短时间生产计划安排
  • 1572. 矩阵对角线元素的和
  • 在vue中使用swiper轮播图(搭配watch和$nextTick())
  • Java书签 #使用MyBatis接入多数据源
  • 神经网络基础-神经网络补充概念-23-神经网络的梯度下降法
  • 鸿蒙3.1 设备管理DeviceManager
  • Git 目录详解
  • 基于springboot+vue的武汉旅游网(前后端分离)
  • 步入React正殿 - React组件设计模式
  • Java 单例模式简单介绍
  • 根据源码,模拟实现 RabbitMQ - 从需求分析到实现核心类(1)
  • 企业服务器数据库遭到malox勒索病毒攻击后如何解决,勒索病毒解密
  • udp与can通信的选择与比较
  • HoudiniVex笔记_P24_ForceBasics力基础
  • 半导体退火那些事(1)
  • MapReduce介绍
  • Redis支持的主要数据结构操作命令有哪些?
  • 环境与能源创新专题:地级市绿色创新、碳排放与环境规制数据
  • 设计模式之门面模式(Facade)的C++实现
  • 【数理知识】向量与基的内积,Matlab 代码验证
  • 黑客入侵:福特汽车Sync3车机存在漏洞,黑客入侵可抹除系统数据
  • 面试热题(单词搜索)
  • 自定义表格组件:实现表格中有固定列的功能逻辑
  • uni-app弹窗列表滚动, 弹框下面的内容也跟随滚动解决方案