基于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
文件中实现
基于Django实现,启动服务器
cd backend
python3 manage.py runserver
数据库:mysql
,通过django自带的api进行数据库的维护
传输数据时需要对非文本python对象进行处理:json.loads(serializers.serialize("json",obj))
使用JSON格式进行前后端间的数据传递。
axios({
method:'post'/'get',
url:'',
data:this.$qs.stringify({//$qs一定要加,将data转换为后端可用的数据格式
post_data1:"data",
})
})
.then((response) =>{
//回调函数
})