voj vue

voj-vue

Preface

This project is the front-end part of the front-end and back-end separation project, and the back-end project voj address: Portal.

Project introduction

voj-vue is a front-end project for an online evaluation system, implemented based on Vue+Element. It mainly includes front-end pages (home page, questions, training, competitions, evaluations, rankings, discussions, about), back-end management and other functions.

Project documentation

Project document address: https://github.com/simplefanC/voj/wiki

Project structure

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

Technology selection

technology	illustrate	Official website
Vue	front-end framework	https://vuejs.org
Vue-router	routing framework	https://router.vuejs.org
Vuex	Global state management framework	https://vuex.vuejs.org
Element	Front-end UI framework	https://element.eleme.io
Axios	Front-end HTTP framework	https://github.com/axios/axios
vxe-table	Vue table solution	https://github.com/x-extends/vxe-table
mavonEditor	Markdown editor based on Vue	https://github.com/hinesboy/mavonEditor
CodeMirror	Online code editor	https://codemirror.net
vue-i18n	Internationalization plug-in for Vue.js	https://github.com/kazupon/vue-i18n
Vue-ECharts	Chart framework based on Echarts	https://github.com/ecomfe/vue-echarts
progress	progress bar control	https://github.com/rstacruz/nprogress
vue-element-admin	Project scaffolding reference	https://github.com/PanJiaChen/vue-element-admin

Project setup

 # 安装依赖
npm install

# 启动服务 localhost:8088
npm run serve

# 构建生产环境
npm run build