Django vue前后端分离整合过程解析
作者：官爷 发布时间：2022-04-07 21:01:04
最近接到一个任务，就是用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的主目录的urls文件：
七、启动django服务，访问localhost:8000 则可以出现vue的首页。
python manage.py runserver
来源：https://blog.csdn.net/guan__ye/article/details/80451318
0
投稿猜你喜欢
一、创建项目本篇文章介绍如何将一个ASP.NET Core Web程序部署到Windows系统上。这里以ASP.NET Core WebAp- 实验目的：用socket 模拟一个微型的web服务器，当py脚本run起后，实微型web server架起了，然后用本地浏览器访问
- 在现实的图像操作软件中，经常碰到的不是给出放大多少倍，而是由用户在软件的界面上选择多大的区域，或者选择几个点，那么这样情况下，怎么样来计算出
- 本文实例为大家分享了python实现猜拳游戏的具体代码，供大家参考，具体内容如下项目功能：1.系统生成随机的石头剪刀布，玩家输入石头剪刀布2
- 本文实例讲述了SESSION存放在数据库用法。分享给大家供大家参考。具体如下：<?php/*CREATE TABLE `ws_sess
- 前期准备1.beat插件安装pip3 install django-celery-beat2.注册APPINSTALLED_APPS = [
- 1.下载mysql网址： https://dev.mysql.com/downloads/mysql/2.选择源码包，通用版点击下载直接下载
- UCD介绍UCD是Unicode字符数据库（Unicode Character DataBase）的缩写。UCD由一些描述Unicode字符
- 保存为.py文件后 运行脚本在后面添加进程名称即可 比如:python proinfo.py qq 即可获取QQ的进程信息，注意不区分大小写
- 在我们的日常生活工作中，经常会遇到需要上传日志的场景，比如多台机器运行同一个程序，并且需要记录每台机器程序产生的日志，根据相关关键词告警，或
- 1、安装scikit-learn1.1Scikit-learn 依赖Python (>= 2.6 or >= 3.3),NumP
- 在项目开发的过程中，经常会遇到要查看图像细节的问题，这时候我们通常会，滚动滑轮将图像放大，或者使用电脑内置的放大器功能进行查看，如下图所示，
- 前言最开始想尝试在windows下面安装python3.6，虽然python安装成功，但在安装Cryto模块用pip3 install py
- 本文实例为大家分享了python实现最大优先队列的具体代码，供大家参考，具体内容如下说明：为了增强可复用性，设计了两个类，Heap类和Pri
- #mysqldump --help1.mysqldump的几种常用方法：（1）导出整个数据库(包括数据库中的数据）mysqldump -u
- 前言我们知道，enigma机是德军二战中重要的情报加密机器，其有许多特点。首先，它是一台加解密一体机其次，它有排己性，虽然多次输入同一明文可
- pytorch中训练完网络后，需要对学习的结果进行测试。官网上例程用的方法统统都是正确率，使用的是torch.eq()这个函数。但是为了更精
- 代码如下:Class template Private c_Char, c_Path, c
- ASP正则表达式，RegExp对象提供简单的正则表达式支持功能。RegExp对象的用法： Function RegExpTest(
- 前言：我的python学习也告一段落了。不过有些，方法还是打算总结一下和大家分享。我整理了使用matplotlib绘制折线图的一般步骤，按照
