django+vue前后端分离看这个绝对可以

   日期:2020-09-05     浏览:99    评论:0    
核心提示:今天是充实的一天,最近在整前后端项目,发现网上资源不够详细,总结了一份给有需要快速上手的小白一个参考。开始上菜吧。代码下载https://download.csdn.net/download/kairui_guxiaobai/12805718资源安装1、python 3.6 3.6以上版本2、django最新版3、node.js2.0以上4、ElementUI安装步骤网上一大把就不占用资源演示了。目录介绍如图:FinTesterApp:后台项目FinTesterWeb:前端项目qu

今天是充实的一天,最近在整前后端项目,发现网上资源不够详细,总结了一份给有需要快速上手的小白一个参考。开始上菜吧。

代码下载

代码传送门

资源安装

1、python 3.6 3.6以上版本
2、django最新版:pip install django 安装检查:python -m django --version
3、node.js2.0以上:官方网站下载:传送门 安装检查: node -v
4、ElementUI: npm install element-ui
安装步骤网上一大把就不占用资源演示了。
推荐虚拟环境不影响本地:

1、python3 -m venv venv  ; cd bin; source activate
2、安装django: pip install Django
3、安装node.js  :Node.js 官方网站下载:[传送门](https://nodejs.org/en/)
4、利用npm安装vue相关
npm install -g cnpm --registry=https://registry.npm.taobao.org

目录介绍

如图:
FinTesterApp:后台项目
FinTesterWeb:前端项目
quality_management_logic:控制层,后台逻辑这块放在这里面
main:路径
manage:django自带

运行

1、python.exe manage.py runserver 10.94.20.103:8000(本地ip自己改)
2、FinTesterWeb里面执行先加载资源:nmp install ;然后启动:npm run dev

简单介绍

1、后端定义接口路劲,在这里配置:

2、后台逻辑接口编写:
记得接口同名

3、前端路由配置

4、页面编写

代码介绍:传送门
5、ip配置
这个改成本地ip

 
打赏
 本文转载自:网络 
所有权利归属于原作者,如文章来源标示错误或侵犯了您的权利请联系微信13520258486
更多>最近资讯中心
更多>最新资讯中心
0相关评论

推荐图文
推荐资讯中心
点击排行
最新信息
新手指南
采购商服务
供应商服务
交易安全
关注我们
手机网站:
新浪微博:
微信关注:

13520258486

周一至周五 9:00-18:00
(其他时间联系在线客服)

24小时在线客服