OJ判题项目-初始化(二)

往期开发(已经完成)

• OJ 判题项目-介绍(一)
• OJ 判题项目-初始化(二)
• OJ 判题项目-前后端联调(三)
• OJ 判题项目-简易判题机(四)
• OJ 判题项目-原生代码沙箱(五)
• OJ 判题项目-Docker 代码沙箱(六)
• OJ 判题项目-微服务改造(七)

后端项目初始化

• 克隆代码仓库中的后端模板

• 修改项目的名称、包名等一些文件命名

• 修改项目的 yml 文件，端口号，数据库链接 url、username、password 等

• 修改完成后的项目结构如下

  

• 修改完配置项后，启动项目并进入后端的接口文档如下

前端项目初始化

• 安装 vue-cli 脚手架
  执行命令

  vue create chenoj-frontend

• 项目创建完成后，进入项目安装 arco design 组件库
  执行命令

  npm install --save-dev @arco-design/web-vue

• 安装完成后 配置 main.js

  import { createApp } from "vue";
  import App from "./App.vue";
  import ArcoVue from "@arco-design/web-vue";
  import "@arco-design/web-vue/dist/arco.css";
  import router from "./router";
  import store from "./store";
  import "@/access";
  
  createApp(App).use(ArcoVue).use(store).use(router).mount("#app");

• 编写路由控制，权限控制，基本的登录页注册页