1. 创建一个vue项目 打开cmd窗口,切换到自己想放项目的目录,执行如下命令 代码语言: D:\vue_project>vue create datafactory 这里选择最后一个【Manually select features】,敲回车 选手动主要是为了去掉eslint检测,不然后续写代码会有各种严格的代码检测,令人头大(其他的暂时用不到,只选择【Babel】即可) 下一步会...
一、创建一个django项目 二、创建vue项目 2.1进入django的项目目录 2.2、创建vue项目(参考:https://www.cnblogs.com/XiqueBlogs/p/16193637.html) vue2:采用执行命令vue init webpack vueProjectName vue3:采用 vue create vueProjectName 注意:vue项目、django项目、django的app应用应该在同一层级 2.3、进入到vue目...
将Vue项目的dist目录中的内容复制到Django项目的某个静态文件目录下,例如myproject/static。 修改Django的settings.py文件,确保静态文件目录被正确设置,并且Django在运行时能够访问到这些文件。 # settings.pyimportos TEMPLATES = [ {'BACKEND':'django.template.backends.django.DjangoTemplates','DIRS': [os.path.jo...
os.path.join(BASE_DIR,"vue_project/dist/static"), ] 6. dist文件夹 dist文件夹 是vue打包后的 那个包本身。django要从dist里面拿到index.html和static的所有静态资源。 用户-电脑浏览器-django-dist包 -> vue-cli前端开发用的 打包命令:进入vue-cli 根目录下,就是我们的vue_project的根目录下。 执行npm...
Web 开发中前后端分离已经是常规性做法,但是不少初学者不太熟悉如何前后端分离,搭建 Demo 的时候遇到的问题也比较多,今天就来分享一下如何用 Vue 和Django快速搭建前后端分离项目。 先搭建前端 这里使用Vue3,可以参考官方文档[1]。 在终端或者命令窗口执行: ...
django-admin startproject 项目名 建好后我们用pycharm打开项目,点开在主目录下的 manage.py 文件,运行这一文件,当然是失败的了,但这会为我们添加一个初始的运行配置文件。 运行入口 这是我们点击左上角的 File -> settings -> Project: 项目名 -> Python Interpreter ...
Djangoproject—— 即一个 Django 项目实例需要的设置项集合，包括数据库配置、Django 配置和应用程序配置...
public下手动创建static文件夹用来存放js/css/图片等资源。django设置可以从static里取,vue就要设置在打包时往这个static里面存。 设置方法:vue_project根目录手动创建文件:vue.config.js ,内容为: module.exports = { assetsDir:'static' } 1. 2. 3. ...
Web 开发中前后端分离已经是常规性做法,但是不少初学者不太熟悉如何前后端分离,搭建 Demo 的时候遇到的问题也比较多,今天就来分享一下如何用 Vue 和 Django 快速搭建前后端分离项目。 先搭建前端 这里使用 Vue3,可以参考官方文档[1]。 在终端或者命令窗口执行: ...
步骤一:创建Django项目 首先,我们需要创建一个Django项目。打开命令行,并执行以下命令: django-admin startproject myproject 1. 这将创建一个名为myproject的Django项目。 步骤二:配置Django后端 接下来,我们需要配置Django后端。进入项目目录,并在settings.py文件中进行如下设置: ...