django与vue的完美结合_实现前后端的分离开发之后在整合的方法


Posted in Python onAugust 12, 2019

最近接到一个任务,就是用django后端,前段用vue,做一个普通的简单系统,我就是一搞后端的,听到vue也是比较震惊,之前压根没接触过vue.

看了vue的一些文档,还有一些项目,先说一下django与vue的完美结合吧!

首先是创建一个django项目

django-admin startproject mysite  # 创建mysite项目
 django-admin startapp blog  # 创建blog应用

一、接下来就是安装关于vue 的东西了

1、首先安装node.js,官网地址:https://nodejs.org/zh-cn/download/

2、使用npm淘宝镜像,避免npm下载速度过慢的问题 npm install -g cnpm --registry=https://registry.npm.taobao.org

3、使用cnpm 下载vue-cli cnmp install -g cue-cli

二、在django项目中创建vue项目

首先,进去django项目的项目目录中,执行:

vue-init webpack firstvue## firstvue为前端项目的名称,可自定义。创建的项目会跟django中的app一样的目录登记。类似一个前端app一样。

mysite 文件夹 blog 文件夹 和 firstvue文件夹 要在同一目录级别

在创建时,会弹出很多选择项,根据自己需求自定义修改。也可以全部回车,使用默认的。这里我就直接全部回车。

三、编写vue前端项目,直接编写就是,调试则可以执行。也可先不编写,跳过这一步

cd firstvue## 进入到上一部创建的firstvue项目中 
cnpm install    ## 安装需要的依赖模块 
cnpm run dev    ## 运行调式的服务,会启动一个web服务,访问localhost:8080 即可调式

四、vue项目写完后,打包vue项目,然后修改django配置,将vue集成到django中

cnpm run build ## 打包vue项目,会将所有东西打包成一个dist文件夹

五、接下来就是配置django中的setting文件了:

django与vue的完美结合_实现前后端的分离开发之后在整合的方法

六、修改django的主目录的urls文件:

django与vue的完美结合_实现前后端的分离开发之后在整合的方法

七、启动django服务,访问localhost:8000 则可以出现vue的首页。

python manage.py runserver

django与vue的完美结合_实现前后端的分离开发之后在整合的方法

以上这篇django与vue的完美结合_实现前后端的分离开发之后在整合的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Python 相关文章推荐
python应用程序在windows下不出现cmd窗口的办法
May 29 Python
python中list常用操作实例详解
Jun 03 Python
Python中属性和描述符的正确使用
Aug 23 Python
Tornado Web Server框架编写简易Python服务器
Jul 28 Python
Pandas统计重复的列里面的值方法
Jan 30 Python
python-itchat 获取微信群用户信息的实例
Feb 21 Python
Python学习笔记之pandas索引列、过滤、分组、求和功能示例
Jun 03 Python
python如何求数组连续最大和的示例代码
Feb 04 Python
python绘制动态曲线教程
Feb 24 Python
Python嵌入C/C++进行开发详解
Jun 09 Python
Python 多进程原理及实现
Dec 21 Python
Pygame Event事件模块的详细示例
Nov 17 Python
一行Python代码过滤标点符号等特殊字符
Aug 12 #Python
一篇文章弄懂Python中的可迭代对象、迭代器和生成器
Aug 12 #Python
Django认证系统实现的web页面实现代码
Aug 12 #Python
django 自定义过滤器(filter)处理较为复杂的变量方法
Aug 12 #Python
django-filter和普通查询的例子
Aug 12 #Python
利用python实现汉字转拼音的2种方法
Aug 12 #Python
python面向对象 反射原理解析
Aug 12 #Python
You might like
PHP 反向排序和随机排序代码
2010/06/30 PHP
解析CodeIgniter自定义配置文件
2013/06/18 PHP
微信公众平台消息接口校验与消息接口响应实例
2014/12/23 PHP
PHP实现的同步推荐操作API接口案例分析
2016/11/30 PHP
php实现的中秋博饼游戏之掷骰子并输出结果功能详解
2017/11/06 PHP
php处理抢购类功能的高并发请求
2018/02/08 PHP
PHP与Web页面交互操作实例分析
2020/06/02 PHP
jQuery formValidator表单验证插件开源了 含API帮助、源码、示例
2008/08/14 Javascript
JavaScript实现网页图片等比例缩放实现代码及调用方式
2013/02/25 Javascript
浅谈JavaScript中的string拥有方法的原因
2015/08/28 Javascript
AngularJS实现使用路由切换视图的方法
2017/01/24 Javascript
Vue中的ref作用详解(实现DOM的联动操作)
2017/08/21 Javascript
JS禁止浏览器右键查看元素或按F12审查元素自动关闭页面示例代码
2017/09/07 Javascript
jQuery实现滚动到底部时自动加载更多的方法示例
2018/02/18 jQuery
JS中的防抖与节流及作用详解
2019/04/01 Javascript
Pyramid Mako模板引入helper对象的步骤方法
2013/11/27 Python
python中返回矩阵的行列方法
2018/04/04 Python
用Python将mysql数据导出成json的方法
2018/08/21 Python
python+unittest+requests实现接口自动化的方法
2018/11/29 Python
python实现可变变量名方法详解
2019/07/01 Python
python交互模式下输入换行/输入多行命令的方法
2019/07/02 Python
Python 微信爬虫完整实例【单线程与多线程】
2019/07/06 Python
详解Pandas之容易让人混淆的行选择和列选择
2019/07/10 Python
pytorch梯度剪裁方式
2020/02/04 Python
Python Django view 两种return的实现方式
2020/03/16 Python
Python利用for循环打印星号三角形的案例
2020/04/12 Python
感恩母亲节活动方案
2014/03/04 职场文书
化学教育专业求职信
2014/07/08 职场文书
党的群众路线教育实践活动通讯稿
2014/09/10 职场文书
2014最新预备党员思想汇报范文:中国梦,我的梦
2014/10/25 职场文书
班主任自我评价范文
2015/03/11 职场文书
2015年感恩母亲节活动方案
2015/05/04 职场文书
2015中学教师个人工作总结
2015/07/22 职场文书
mysql获取指定时间段中所有日期或月份的语句(不设存储过程,不加表)
2021/06/18 MySQL
JavaScript与JQuery框架基础入门教程
2021/07/15 Javascript
Golang jwt身份认证
2022/04/20 Golang