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

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

news 2026/2/10 13:11:23

课程简介

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

循环冗余码校验CRC码 算法步骤+详细实例计算

通信过程：（白话解释） 我们将原始待发送的消息称为 M M M，依据发送接收消息双方约定的生成多项式 G ( x ) G(x) G(x)（意思就是 G （ x ) G（x) G（x) 是已知的）&#xff0…...

编程新知 2026/2/9 21:57:29

解读《网络安全法》最新修订，把握网络安全新趋势

《网络安全法》自2017年施行以来，在维护网络空间安全方面发挥了重要作用。但随着网络环境的日益复杂，网络攻击、数据泄露等事件频发，现行法律已难以完全适应新的风险挑战。 2025年3月28日，国家网信办会同相关部门起草了《网络安全…...

编程新知 2026/1/31 4:40:38

BLEU评分：机器翻译质量评估的黄金标准

BLEU评分：机器翻译质量评估的黄金标准 1. 引言 在自然语言处理(NLP)领域，衡量一个机器翻译模型的性能至关重要。BLEU (Bilingual Evaluation Understudy) 作为一种自动化评估指标，自2002年由IBM的Kishore Papineni等人提出以来，…...

编程新知 2026/1/13 7:39:19

用神经网络读懂你的“心情”：揭秘情绪识别系统背后的AI魔法

用神经网络读懂你的“心情”：揭秘情绪识别系统背后的AI魔法 大家好，我是Echo_Wish。最近刷短视频、看直播，有没有发现，越来越多的应用都开始“懂你”了——它们能感知你的情绪，推荐更合适的内容，甚至帮客服识别用户情绪，提升服务体验。这背后，神经网络在悄悄发力，撑起…...

编程新知 2025/12/18 22:11:53

从零手写Java版本的LSM Tree （一）：LSM Tree 概述

🔥 推荐一个高质量的Java LSM Tree开源项目！ https://github.com/brianxiadong/java-lsm-tree java-lsm-tree 是一个从零实现的Log-Structured Merge Tree，专为高并发写入场景设计。 核心亮点： ⚡ 极致性能：写入速度超…...

编程新知 2026/2/10 12:35:23

13.10 LangGraph多轮对话系统实战：Ollama私有部署+情感识别优化全解析

LangGraph多轮对话系统实战：Ollama私有部署+情感识别优化全解析 LanguageMentor 对话式训练系统架构与实现 关键词：多轮对话系统设计、场景化提示工程、情感识别优化、LangGraph 状态管理、Ollama 私有化部署 1. 对话训练系统技术架构 采用四层架构实现高扩展性的对话训练…...

编程新知 2025/11/26 18:37:42

【版本控制】GitHub Desktop 入门教程与开源协作全流程解析

目录 0 引言1 GitHub Desktop 入门教程1.1 安装与基础配置1.2 核心功能使用指南仓库管理日常开发流程分支管理 2 GitHub 开源协作流程详解2.1 Fork & Pull Request 模型2.2 完整协作流程步骤步骤 1: Fork（创建个人副本）步骤 2: Clone（克隆…...

编程新知 2026/2/5 4:19:27

验证redis数据结构

一、功能验证 1.验证redis的数据结构（如字符串、列表、哈希、集合、有序集合等）是否按照预期工作。 2、常见的数据结构验证方法： ①字符串（string） 测试基本操作 set、get、incr、decr 验证字符串的长度和内容是否正…...

编程新知 2025/10/5 5:37:09

Yii2项目自动向GitLab上报Bug

Yii2 项目自动上报Bug 原理 yii2在程序报错时, 会执行指定action, 通过重写ErrorAction, 实现Bug自动提交至GitLab的issue 步骤 配置SiteController中的actions方法 public function actions(){return [error > [class > app\helpers\web\ErrorAction,],];}重写Error…...

编程新知 2025/12/17 3:27:17

Linux 内存管理调试分析：ftrace、perf、crash 的系统化使用

Linux 内存管理调试分析：ftrace、perf、crash 的系统化使用 Linux 内核内存管理是构成整个内核性能和系统稳定性的基础，但这一子系统结构复杂，常常有设置失败、性能展示不良、OOM 杀进程等问题。要分析这些问题，需要一套工具化、…...

编程新知 2026/2/6 1:15:38