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

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

news 文章来源：https://blog.csdn.net/qq_46470984/article/details/132352270 2025/5/16 10:57:56

课程简介

课程链接：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 语言）等功能。

功能架构

图片描述

技术架构

图片描述

效果展示

  • 题库页面

图片描述

  • 题目页面

图片描述

  • 测评记录列表页面

图片描述

  • 测评记录对话框

图片描述

  • 题解页面

图片描述

  • 题目编辑页面

图片描述

相关文章：

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

课程简介 课程链接：https://www.lanqiao.cn/courses/20638 邀请码：x8pGd60V 本课程采用前后端分离架构，基于 Vue.js 和 C 技术，从零开始打造 Online Judge。 课程介绍 OJ 是 Online Judge 系统的简称，用来在线检测…...

编程日记 2023/8/18 4:23:16

在Spring Boot和Vue中实现请求过滤器以验证请求头中的Token

在Spring Boot应用程序中创建一个过滤器类，用于处理请求： Component public class AuthenticationFilter implements Filter {Overridepublic void doFilter(ServletRequest request, ServletResponse response, FilterChain chain)throws IOException,…...

编程日记 2023/8/18 4:22:15

ThreeJS——在3D地球上标记中国地图板块

Threejs3D地球标记中国地图位置 先看效果 地球预览视频效果 用到的库 TweenJS (动画库)用来做相机转场的动画Jquery(这里只用到一个 each 循环方法，可以使用 js 去写)ThreeJS (3D 地球制作)100000.json(全国城市经纬度)d3.v6.js用来设置平面转3D效果(本来考虑做成…...

编程日记 2023/8/18 4:21:14

第2章 性能测量

理解应用程序性能的第一步是学会对它进行测量。 与绝大多数功能问题相比，性能问题通常很难跟踪和复现。 任何关注过性能评估的人可能都知道公允地进行性能测量并从中得到准确结论是多么困难。 因为在测量中存在误差，性能分析通常需要统计方法进行处理…...

编程日记 2023/8/18 4:20:13

未来，运营的重要性大于产品？

微博上看到某产品大V的一个观点，说在未来，产品运营的重要性会大过产品经理，还挺认同的，谈谈我的想法。 这个观点的核心依据是，目前没有新的产品形态，各种产品解决方案都是标准化的，产品由开疆辟…...

编程日记 2023/8/18 4:19:10

paddle ocr框架识别数字问题和解决方案

识别出的字符串重复 情况1：检测错误，同一个字符串被两次检测到 比如 “12 方案 ” 被识别成：“12” “2方案”，这种可以通过x坐标交叉并且第一个结果最后一个字符与第二个结果第一个字符相同判断 情况2： 识别错误&am…...

编程日记 2023/8/18 4:18:09

构建高性能的MongoDB数据迁移工具：Java的开发实践

随着大数据时代的到来，数据迁移成为许多企业和组织必须面对的挑战之一。作为一种非关系型数据库，MongoDB在应用开发中得到了广泛的应用。为了满足数据迁移的需求，我们需要一个高性能、稳定可靠的MongoDB数据迁移工具。下面将分享使用Java开发…...

编程日记 2023/8/18 4:17:04

2023年国赛数学建模思路 - 案例：最短时间生产计划安排

文章目录 0 赛题思路1 模型描述2 实例2.1 问题描述2.2 数学模型2.2.1 模型流程2.2.2 符号约定2.2.3 求解模型 2.3 相关代码2.4 模型求解结果 建模资料 0 赛题思路 （赛题出来以后第一时间在CSDN分享） https://blog.csdn.net/dc_sinor?typeblog 最短时…...

编程日记 2023/8/18 4:16:01

1572. 矩阵对角线元素的和

题目描述： 给你一个正方形矩阵 mat，请你返回矩阵对角线元素的和。 请你返回在矩阵主对角线上的元素和副对角线上且不在主对角线上元素的和。 示例： 解题思路： 同时求对角线和副对角线上元素的和再减去重合的元素 相关代码&#xf…...

编程日记 2023/8/18 4:14:57

在vue中使用swiper轮播图（搭配watch和$nextTick()）

在组件中使用轮播图展示图片信息： 1.下载swiper,5版本为稳定版本 cnpm install swiper5 2.在组件中引入swiper包和对应样式，若多组件使用swiper，可以把swiper引入到main.js入口文件中： import swiper/css/swiper.css //引入swipe…...

编程日记 2023/8/18 4:13:55

Java书签 #使用MyBatis接入多数据源

楔子：当然，世上有很多优秀的女性，我也会被她们吸引。这对男人来说是理所当然的。但目光被吸引和内心被吸引是截然不同的。- 东野圭吾《黎明之街》 今日书签 在一些应用场景中，可能需要连接多个不同的数据库，例如连接不…...

编程日记 2023/8/18 4:12:54

神经网络基础-神经网络补充概念-23-神经网络的梯度下降法

概念 神经网络的梯度下降法是训练神经网络的核心优化算法之一。它通过调整神经网络的权重和偏差，以最小化损失函数，从而使神经网络能够逐渐逼近目标函数的最优值。 步骤 1损失函数（Loss Function）： 首先&#xff0c…...

编程日记 2023/8/18 4:11:51

鸿蒙3.1 设备管理DeviceManager

介绍 DeviceManager组件在OpenHarmony上提供账号无关的分布式设备的认证组网能力，并为开发者提供了一套用于分布式设备间监听、发现和认证的接口。 其组成及依赖如下所示： 总结 设备管理模块其实就是软总线的包皮服务。目前权限都是控制系统uid，但是根据官方介绍，后续可…...

编程日记 2023/8/18 4:10:51

Git 目录详解

一、Git目录详解 在使用Git时，有几个目录和文件在Git项目中扮演着重要的角色，下面详细介绍一下这些目录和文件的作用 1、.git目录 .git目录是Git项目的核心，包含了Git的版本库和元数据等重要信息。在该目录中，有一些重要的子目录和…...

编程日记 2023/8/18 4:09:50

基于springboot+vue的武汉旅游网(前后端分离)

博主主页：猫头鹰源码 博主简介：Java领域优质创作者、CSDN博客专家、公司架构师、全网粉丝5万、专注Java技术领域和毕业设计项目实战 主要内容：毕业设计(Javaweb项目|小程序等)、简历模板、学习资料、面试题库、技术咨询 文末联系获取 项目介绍…...

编程日记 2023/8/18 4:08:48

步入React正殿 - React组件设计模式

目录 扩展学习资料 高阶组件 /src/components/hoc/withTooltip.js /src/components/hoc/itemA.jsx /src/components/hoc/itemB.jsx /src/App.js 函数作为子组件【Render pprops】 函数作为子组件 /src/components/rp/itemC.jsx【父组件】 /src/components/rp/withToo…...

编程日记 2023/8/18 4:07:46

Java 单例模式简单介绍

何为单例模式 所谓类的单例设计模式，就是采取一定的方法保证在整个的软件系统中，对某个类只能存在一个对象实例，并且该类只提供一个取得其对象实例的方法。 实现思路 如果我们要让类在一个虚拟机中只能产生一个对象，我们首先必…...

编程日记 2023/8/18 4:06:45

根据源码，模拟实现 RabbitMQ - 从需求分析到实现核心类(1)

目录 一、需求分析 1.1、对 Message Queue 的认识 1.2、消息队列核心概念 1.3、Broker Server 内部关键概念 1.4、Broker Server 核心 API （重点实现） 1.5、交换机类型 Direct 直接交换机 Fanout 扇出交换机 Topic 主题交换机 1.6、持久化 1.7…...

编程日记 2023/8/18 4:05:43

企业服务器数据库遭到malox勒索病毒攻击后如何解决，勒索病毒解密

网络技术的发展不仅为企业带来了更高的效率，还为企业带来信息安全威胁，其中较为常见的就是勒索病毒攻击。近期，我们公司收到很多企业的求助，企业的服务器数据库遭到了malox勒索病毒攻击，导致系统内部的许多重要数据被加…...

编程日记 2023/8/18 4:04:41

udp与can通信的选择与比较

UDP（用户数据报协议）和CAN（控制器局域网）是两种不同的通信协议，它们在实时传递性上有一些区别。 UDP是一种无连接的传输协议，它提供了简单的、不可靠的数据传输。UDP不提供可靠性保证、流控制或重传机制。…...

编程日记 2023/8/18 4:03:34

HoudiniVex笔记_P24_ForceBasics力基础

原视频：https://www.youtube.com/playlist?listPLzRzqTjuGIDhiXsP0hN3qBxAZ6lkVfGDI Bili：Houdini最强VEX算法教程 - VEX for Algorithmic Design_哔哩哔哩_bilibili Houdini版本：19.5 1、什么是Force 本章主要讲重力、弹力、速度与质量、…...

编程日记 2023/8/18 4:02:33

半导体退火那些事（1）

1.半导体退火的原理 半导体材料在晶体生长和制造过程中，由于各种原因会出现缺陷、杂质、位错等结构性缺陷，导致晶格不完整，施加电场后的电导率较低。通过退火处理，可以使材料得到修复，结晶体内部重新排列，…...

编程日记 2023/8/18 4:01:32

MapReduce介绍

目录 ​一、什么是MapReduce 二、MapReduce 的设计思想 2.1 分而治之 2.2 构建抽象模型：Map和Reduce 2.3 隐藏系统层细节 三、MapReduce 的框架原理 3.1 MRv1工作原理 3.1.1 MRv1架构工作原理图 3.1.1.1 流程说明 3.1.1.1.1 作业的提交 3.1.1.1.2 作业的初始化 3…...

编程日记 2023/8/18 4:00:30

Redis支持的主要数据结构操作命令有哪些？

Redis支持多种数据结构操作命令，包括以下主要命令： 字符串（Strings）： SET：设置字符串键的值。GET：获取指定键的值。INCR/DECR：对存储整数的字符串执行加一或减一操作。APPEND&#x…...

编程日记 2023/8/18 3:59:29

环境与能源创新专题：地级市绿色创新、碳排放与环境规制数据

数据简介：推动绿色发展，促进人与自然和谐共生是重大战略举措。绿色发展强调“绿水青山就是金山银山”，人与自然和谐共生重在正确处理生态环境保护与经济发展的关系。在着力于实现绿色发展的过程中，绿色创新是绿色发展的重要驱动因…...

编程日记 2023/8/18 3:58:27

设计模式之门面模式（Facade）的C++实现

1、门面模式提出 在组件的开发过程中，某些接口之间的依赖是比较紧密的，如果某个接口发生变化，其他的接口也会跟着发生变化，这样的代码违背了代码的设计原则。门面设计模式是在外部客户程序和系统程序之间添加了一层中间接口&…...

编程日记 2023/8/18 3:57:25

【数理知识】向量与基的内积，Matlab 代码验证

序号内容1【数理知识】向量的坐标基表示法，Matlab 代码验证2【数理知识】向量与基的内积，Matlab 代码验证 文章目录 1. 向量与基的内积2. 二维平面向量举例3. 代码验证Ref 1. 向量与基的内积 假设存在一个二维平面内的向量 a ⃗ \vec{a} a &#xff0c…...

编程日记 2023/8/18 3:56:24

黑客入侵：福特汽车Sync3车机存在漏洞，黑客入侵可抹除系统数据

据福特汽车公告，他们发现部分2021年至2022年车型的Sync3车机存在Wi-Fi漏洞，该漏洞可能被黑客利用来入侵并抹除车机内的系统数据。这一漏洞源于福特车系中采用的WL18xx MCP驱动程序的内存缓冲区溢位漏洞，其漏洞编号为CVE-2023-29468。 这一发现…...

编程日记 2023/8/18 3:55:23

面试热题（单词搜索）

给定一个 m x n 二维字符网格 board 和一个字符串单词 word 。如果 word 存在于网格中，返回 true ；否则，返回 false 。 单词必须按照字母顺序，通过相邻的单元格内的字母构成，其中“相邻”单元格是那些水平相邻或垂直相…...

编程日记 2023/8/18 3:54:21

自定义表格组件：实现表格中有固定列的功能逻辑

目录 1，效果图2，实现思路3，实现方式 1，效果图 可以拖动纵向滑块，最左边一列固定住。 以同样的道理，可以在右面固定一列 2，实现思路 作为一个table组件，要接受父组件中的对table的…...

编程日记 2023/8/18 3:53:20