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

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

news 2025/7/7 7:41:13

课程简介

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

【Linux】shell脚本忽略错误继续执行

在 shell 脚本中，可以使用 set -e 命令来设置脚本在遇到错误时退出执行。如果你希望脚本忽略错误并继续执行，可以在脚本开头添加 set e 命令来取消该设置。 举例1 #!/bin/bash# 取消 set -e 的设置 set e# 执行命令，并忽略错误 rm somefile…...

编程新知 2025/6/21 16:23:04

MySQL 隔离级别：脏读、幻读及不可重复读的原理与示例

一、MySQL 隔离级别 MySQL 提供了四种隔离级别，用于控制事务之间的并发访问以及数据的可见性，不同隔离级别对脏读、幻读、不可重复读这几种并发数据问题有着不同的处理方式，具体如下： 隔离级别脏读不可重复读幻读性能特点及锁机制读未提交（READ UNCOMMITTED）允许出现允许…...

编程新知 2025/6/17 15:33:10

.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/7/6 7:16:45

PPT|230页| 制造集团企业供应链端到端的数字化解决方案：从需求到结算的全链路业务闭环构建

制造业采购供应链管理是企业运营的核心环节，供应链协同管理在供应链上下游企业之间建立紧密的合作关系，通过信息共享、资源整合、业务协同等方式，实现供应链的全面管理和优化，提高供应链的效率和透明度，降低供应链的成…...

编程新知 2025/7/4 4:19:45

django filter 统计数量 按属性去重

在Django中，如果你想要根据某个属性对查询集进行去重并统计数量，你可以使用values()方法配合annotate()方法来实现。这里有两种常见的方法来完成这个需求： 方法1：使用annotate()和Count 假设你有一个模型Item，并且你想…...

编程新知 2025/6/24 3:45:54

基于数字孪生的水厂可视化平台建设：架构与实践

分享大纲： 1、数字孪生水厂可视化平台建设背景 2、数字孪生水厂可视化平台建设架构 3、数字孪生水厂可视化平台建设成效 近几年，数字孪生水厂的建设开展的如火如荼。作为提升水厂管理效率、优化资源的调度手段，基于数字孪生的水厂可视化平台的…...

编程新知 2025/6/16 21:39:46

三体问题详解

从物理学角度，三体问题之所以不稳定，是因为三个天体在万有引力作用下相互作用，形成一个非线性耦合系统。我们可以从牛顿经典力学出发，列出具体的运动方程，并说明为何这个系统本质上是混沌的，无法得到一般解…...

编程新知 2025/6/21 9:02:37

ardupilot 开发环境eclipse 中import 缺少C++

目录 文章目录 目录摘要1.修复过程摘要 本节主要解决ardupilot 开发环境eclipse 中import 缺少C++，无法导入ardupilot代码，会引起查看不方便的问题。如下图所示 1.修复过程 0.安装ubuntu 软件中自带的eclipse 1.打开eclipse—Help—install new software 2.在 Work with中…...

编程新知 2025/6/25 22:08:54

Android15默认授权浮窗权限

我们经常有那种需求，客户需要定制的apk集成在ROM中，并且默认授予其【显示在其他应用的上层】权限，也就是我们常说的浮窗权限，那么我们就可以通过以下方法在wms、ams等系统服务的systemReady()方法中调用即可实现预置应用默认授权浮…...

编程新知 2025/7/6 0:26:56

【HarmonyOS 5 开发速记】如何获取用户信息（头像/昵称/手机号）

1.获取 authorizationCode： 2.利用 authorizationCode 获取 accessToken：文档中心 3.获取手机：文档中心 4.获取昵称头像：文档中心 首先创建 request 若要获取手机号，scope必填 phone，permissions 必填 …...

编程新知 2025/6/19 6:02:19