课程成绩管理系统

系统架构

前端(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对后端进行getpost请求: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) =>{
   		//回调函数
	})