快速上手

体验一下 DEMO

测试网址

点击下面的链接便可访问(建议使用电脑端访问以获得最佳体验), 测试用户名为User, 密码为password,权限为【一般用户】

测试 DEMO

CodeSandbox

你也可以使用CodeSandbox访问,由于网络原因,可能需要等待几秒钟来加载。使用 CodeSandbox,你可以轻松修改源代码且无需配置开发环境。

CodeSandbox 版 DEMO

部署服务端

项目的部署依赖dockerdocker-compose

安装依赖

yum install -y docker docker-compose // centos

获取 docker-compose 配置文件

wget https://cdn.jsdelivr.net/gh/yuzhanglong/YuJudge-JudgeServer/deploy/docker-compose-single.yml

执行部署

docker-compose -f docker-compose-single.yml up -d

项目将在大概二十秒后在服务器后台正常运行。

部署完成之后,整个项目结构如下所示,可尝试使用数据库管理工具、浏览器访问各个部分,或者去尝试前端项目

image-20200912212555137

其中,使用浏览器访问服务器的8081 端口(JudgeServer,主服务器)和8080 端口(JudgeHost,判题服务器),看到以下内容, 说明部署成功

{
"code":"00000",
"message":"Your project is running successfully! O(∩_∩)O",
"request":null,
"data":null
}

部署前端

使用 CodeSandbox

更快地得到体验

如果你对nodejs不了解,你可以点击下面链接,使用CodeSandbox来在线部署运行。

CodeSandbox 版 DEMO

进入页面后,打开src/config/config.ts, 修改下面的内容你已经部署成功的服务器地址,保存即可体验。

// 服务器的baseUrl
export const BASE_URL: string = "你的服务器地址,不要忘记端口号";

常规部署

获取源代码

git clone https://github.com/yuzhanglong/YuJudge

生产环境打包

yarn build

将打包好的文件(build目录下)上传至服务器/本地代理托管即可。

显示白屏
  • 项目无法直接通过双击index.html在浏览器打开,请上传服务器/本地代理运行。
在服务器访问速度慢

可以考虑为你的静态资源使用cdn,可以查看【前端二次开发】板块以获取详细内容。

大功告成

进入首页,你将看到以下内容,说明前端项目部署成功,我们已经为你初始化了一名管理员用户,用户名为admin,密码为password,你可以点击登录按钮查看项目。

Landing 页面 首页 登录页 登录页

接下来

尝试提交

了解项目的文件管理方式