voj vue

voj-vue

前言

此專案為前後端分離專案的前端部分，後端專案voj位址：傳送門。

項目介紹

voj-vue是一個線上評測系統的前端項目，基於Vue+Element實作。主要包括前台頁面（首頁、題目、訓練、比賽、評測、排名、討論、關於），後台管理等功能。

專案文件

專案文件網址：https://github.com/simplefanC/voj/wiki

專案結構

 src -- 源码目录
├── assets -- 静态图片资源文件
├── common -- 工具类、网络请求定义等
├── components -- 通用组件封装
├── i18n -- 国际化文件
├── router -- vue-router路由配置
├── store -- vuex的状态管理
└── views -- 前端页面
    ├── oj -- 前台页面
    └── admin -- 后台管理页面

技術選型

科技	說明	官網
Vue	前端框架	https://vuejs.org
Vue-router	路由框架	https://router.vuejs.org
Vuex	全域狀態管理框架	https://vuex.vuejs.org
Element	前端UI框架	https://element.eleme.io
Axios	前端HTTP框架	https://github.com/axios/axios
vxe-table	Vue 表格解決方案	https://github.com/x-extends/vxe-table
mavonEditor	基於Vue的markdown編輯器	https://github.com/hinesboy/mavonEditor
CodeMirror	線上程式碼編輯器	https://codemirror.net
vue-i18n	Vue.js 的國際化插件	https://github.com/kazupon/vue-i18n
Vue-ECharts	基於Echarts的圖錶框架	https://github.com/ecomfe/vue-echarts
nprogress	進度條控件	https://github.com/rstacruz/nprogress
vue-element-admin	項目腳手架參考	https://github.com/PanJiaChen/vue-element-admin

Project setup

 # 安装依赖
npm install

# 启动服务 localhost:8088
npm run serve

# 构建生产环境
npm run build