bosscharlie / web-grade

课程成绩管理系统

系统架构

前端(frontend)

基于Vue实现，前端启动，但建议通过Vue-ui进行插件管理及编译运行。

cd frontend
npm run serve

使用vue2.0以适配element-ui，需要使用的组件需要在plugins/element.js中注册

开启前端页面路由，需要在App.vue中加入<router-view/>

router/index.js：配置路由，即前端各个页面的url

views/*.vue：路由中子组建

使用axios对后端进行get及post请求：http://www.axios-js.com/

vue中各种生命周期：https://cn.vuejs.org/v2/guide/instance.html#%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E5%9B%BE%E7%A4%BA

一些可复用的函数（包括axios请求）建议封装到.js文件中实现

后端(backend)

基于Django实现，启动服务器

cd backend
python3 manage.py runserver

数据库：mysql，通过django自带的api进行数据库的维护

传输数据时需要对非文本python对象进行处理：json.loads(serializers.serialize("json",obj))

前后端接口规范

使用JSON格式进行前后端间的数据传递。

axios请求格式

axios({
    method:'post'/'get',
    url:'',
    data:this.$qs.stringify({//$qs一定要加，将data转换为后端可用的数据格式
        post_data1:"data",
    })
})
    .then((response) =>{
   		//回调函数
	})