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

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

news 2025/12/27 12:19:42

课程简介

课程链接：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

DeepSeek 赋能智慧能源：微电网优化调度的智能革新路径

目录 一、智慧能源微电网优化调度概述1.1 智慧能源微电网概念1.2 优化调度的重要性1.3 目前面临的挑战 二、DeepSeek 技术探秘2.1 DeepSeek 技术原理2.2 DeepSeek 独特优势2.3 DeepSeek 在 AI 领域地位 三、DeepSeek 在微电网优化调度中的应用剖析3.1 数据处理与分析3.2 预测与…...

编程新知 2025/11/20 2:48:44

.Net框架，除了EF还有很多很多......

文章目录 1. 引言2. Dapper2.1 概述与设计原理2.2 核心功能与代码示例基本查询多映射查询存储过程调用 2.3 性能优化原理2.4 适用场景 3. NHibernate3.1 概述与架构设计3.2 映射配置示例Fluent映射XML映射 3.3 查询示例HQL查询Criteria APILINQ提供程序 3.4 高级特性3.5 适用场…...

编程新知 2025/12/23 2:34:17

python/java环境配置

环境变量放一起 python： 1.首先下载Python Python下载地址：Download Python | Python.org downloads ---windows -- 64 2.安装Python 下面两个，然后自定义，全选 可以把前4个选上 3.环境配置 1）搜高级系统设置 2…...

编程新知 2025/12/15 13:15:32

新能源汽车智慧充电桩管理方案：新能源充电桩散热问题及消防安全监管方案

随着新能源汽车的快速普及，充电桩作为核心配套设施，其安全性与可靠性备受关注。然而，在高温、高负荷运行环境下，充电桩的散热问题与消防安全隐患日益凸显，成为制约行业发展的关键瓶颈。 如何通过智慧化管理手段优化散…...

编程新知 2025/12/23 17:55:20

什么是EULA和DPA

文章目录 EULA（End User License Agreement）DPA（Data Protection Agreement）一、定义与背景二、核心内容三、法律效力与责任四、实际应用与意义 EULA（End User License Agreement） 定义： EULA即…...

编程新知 2025/10/18 7:13:10

初学 pytest 记录

安装 pip install pytest用例可以是函数也可以是类中的方法 def test_func():print()class TestAdd: # def __init__(self): 在 pytest 中不可以使用__init__方法 # self.cc 12345 pytest.mark.api def test_str(self):res add(1, 2)assert res 12def test_int(self):r…...

编程新知 2025/12/15 0:46:10

C++ 设计模式 《小明的奶茶加料风波》

👨‍🎓 模式名称：装饰器模式（Decorator Pattern） 👦 小明最近上线了校园奶茶配送功能，业务火爆，大家都在加料： 有的同学要加波霸 🟤，有的要加椰果…...

编程新知 2025/12/25 14:21:52

小木的算法日记-多叉树的递归/层序遍历

🌲 从二叉树到森林：一文彻底搞懂多叉树遍历的艺术 🚀 引言 你好，未来的算法大神！ 在数据结构的世界里，“树”无疑是最核心、最迷人的概念之一。我们中的大多数人都是从 二叉树 开始入门的，它…...

编程新知 2025/11/13 14:22:52

CppCon 2015 学习:Reactive Stream Processing in Industrial IoT using DDS and Rx

“Reactive Stream Processing in Industrial IoT using DDS and Rx” 是指在工业物联网（IIoT）场景中，结合 DDS（Data Distribution Service） 和 Rx（Reactive Extensions） 技术，实现 …...

编程新知 2025/11/8 23:40:56

在Spring Boot中集成RabbitMQ的完整指南

前言 在现代微服务架构中，消息队列（Message Queue）是实现异步通信、解耦系统组件的重要工具。RabbitMQ 是一个流行的消息中间件，支持多种消息协议，具有高可靠性和可扩展性。 本博客将详细介绍如何在 Spring Boot 项目…...

编程新知 2025/7/27 20:49:33