python+django+vue 新建项目

源代码下载:https://download.csdn.net/download/daiqinge/11086115

一. 原理流程

python的django框架的项目,代码流程是:

前端url调用-------项目同名的application下的urls.py文件-------其他各application下的urls.py文件-------views.py中的方法------(用到model.py里的对象或者直接执行sql)------数据库

 

二.操作步骤

1. 新建工程:

eclipse 中新建项目m2, File--new--Pydev Django Project

python+django+vue 新建项目_第1张图片

2.  新建代码分支application(比如你要开发一个图书管理系统,你可以将代码划分为 图书、学生管理、教师管理、权限管理等几个分支)

(1)选中新建好的项目,右键 选择Django--create application

python+django+vue 新建项目_第2张图片

(2)我的项目中,根据自己的需求,将代码划分为 首页(home)、审核(audit)、关键词(keywords)、用户管理(user)、数据管理(data)等来管理,所以依次新建了几个application,分别命名:

python+django+vue 新建项目_第3张图片

(3)在项目同名的application的settings.py文件中,对INSTALLED_APPS参数添加 刚增加的application的名字,如下:

python+django+vue 新建项目_第4张图片

(4)每个application中的init文件,增加内容

import pymysql

pymysql.install_as_MySQLdb()

如下

python+django+vue 新建项目_第5张图片

(5)每个application下面,新增加一个urls.py的文件

python+django+vue 新建项目_第6张图片

(6)在项目同名的application中,配置其他application的信息

python+django+vue 新建项目_第7张图片

(7)在每个application中的views.py中,写相应的方法代码:

python+django+vue 新建项目_第8张图片

(8)如果用到model,则代码如下:

python+django+vue 新建项目_第9张图片

 

3. 前端

系统键+R,打开windows系统的dos界面,进入 步骤1中的路径下,然后执行 vue-init webpack appfront,然后选中eclipse中的项目,按F5刷新,eclipse中的项目中,会出现前端路径 appfront

python+django+vue 新建项目_第10张图片

eclipse中的界面:

python+django+vue 新建项目_第11张图片

利用 node.js工具,执行 npm run build,还可以在 appfront下生成dist文件夹,里面有index.html文件和 static文件夹(包含js文件的地方)


 

你可能感兴趣的:(Python)