今天开始对Django开始学习了,对于一个小白来说经常听到开发说什么MVC、MTV的,感觉好高深的样子,下面在学习Django之前先来介绍一下什么是MVC&MTV。
一、MVC&MTV
MVC:全名Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,一种软件设计典范,用一种业务逻辑、数据、界面显示分离的方法组织代码,将业务逻辑聚集到一个部件里面,在改进和个性化定制界面及用户交互的同时,不需要重新编写业务逻辑。
-
M(Models) --> 操作数据库
-
V(Views) --> 放置HTML模板
-
C(Controller) --> 处理用户请求
MTV:有些WEB框架觉得MVC的字面意思很别扭,就给它改了一下。view不再是HTML相关,而是主业务逻辑了,相当于控制器。html被放在Templates中,称作模板,于是MVC就变成了MTV。这其实就是一个文字游戏,和MVC本质上是一样的,换了个名字和叫法而已,换汤不换药。
-
M(Models) --> 操作数据库
-
T(Template) --> 放置HTML模板
-
V(Views) --> 处理用户请求
二、Django的工作方式
用户在浏览器中输入URL后回车,浏览器会对URL进行检查,首先判断协议,如果是HTTP就按照Web来处理,然后调用DNS查询,将域名转换为IP地址,然后通过网络传输到达对应Web服务器,服务器对URL进行解析后,调用View中的逻辑,其中涉及到Model与数据库的进行交互,然后将数据发送到Template进行渲染,发送到浏览器中,浏览器以合适的方式呈现给用户。
三、项目和APP
1、Django安装
1
2
3
4
5
6
|
pip install django
#安装最新版本的Django
pip install
-
v django
=
=
1.7
.
1
#或者指定安装版本
#如果在Windows中装了多个版本的python,可以通过python3 -m pip install Django进行安装
|
2、创建Django项目
通过pythonIDE:Pycharm创建 File-->New Project -->Django
Linux命令行中创建:
1
|
django
-admin
.py startproject mysite
|
Django将自动生成下面的目录结构:
1
2
3
4
5
6
7
8
9
|
[root@brand007 soft]
# tree mysite/
mysite/
├── manage.py
#Django管理主程序
├── mysite
│ ├── __init__.py
│ ├── settings.py
#主配置文件
│ ├── urls.py
#URL路由系统文件
│ └── wsgi.py
#网络通信接口
└── template
#该目录放置HTML文件模板
|
3、创建APP
在每个Django项目中可以包含多个APP,相当于一个大型项目中的分系统、子模块、功能部件等等,相互之间比较独立,但也有联系,所有的APP共享项目资源。
执行命令:
1
2
3
|
python manage.py startapp cmdb
#创建一个名字为cmdb的app
|
1
2
3
4
5
6
7
8
9
10
|
[root@brand007 mysite]
# tree cmdb/
cmdb/
├── admin.py
├── apps.py
├── __init__.py
├── migrations
│ └── __init__.py
├── models.py
├── tests.py
└── views.py
|
4、编写路由规则
路由都在urls文件里,它将浏览器的URL映射到响应的业务处理逻辑。
1
2
3
4
5
6
7
8
|
from
django.conf.urls
import
url
from
django.contrib
import
admin
from
cmdb
import
views
urlpatterns
=
[
#url(r'^admin/', admin.site.urls),
url(r
'^index/'
, views.index),
]
|
5、编写业务处理逻辑views
1
2
3
4
5
6
7
8
9
10
11
12
13
|
from
django.shortcuts
import
render
#首先导入HttpResponse模块
from
django.shortcuts
import
HttpResponse
# Create your views here.
def
index(request):
"""
:param request: 这个参数必须有,类似self的默认规则,可以改,它封装了用户请求的所有内容
:return: 不能直接返回字符串,必须有HttpResponse这个类封装起来,这是Django的规则
"""
return
HttpResponse(
"Hello,World"
)
|
6、运行Web服务
1
2
3
|
命令行:python manage.py runserver
127.0
.
0.1
8080
Pycharm:点击执行按钮或通过点击edit configurations进行执行
|
访问地址:http://127.0.0.1:8000/index/ 可以看到我们定义的返回结果"Hello,World"。
7、返回HTML文件
上面的例子返回给用户浏览器的是一个字符串,在实际工作中肯定没这么干的,通常我们都是将渲染后的HTML文件返回给用户。
7.1 首先定义一个HTML文件index.html:
1
2
3
4
5
6
7
8
9
10
11
|
<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
title
>first Django</
title
>
</
head
>
<
body
>
<
h1
style
=
"background-color: black;color: green"
>Hello,world!!!</
h1
>
</
body
>
</
html
>
|
7.2 然后,修改我们的views文件:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
from
django.shortcuts
import
render
#首先导入HttpResponse模块
from
django.shortcuts
import
HttpResponse
# Create your views here.
def
index(request):
"""
render方法用来渲染(其实就是打包的意思)
:param request: 这个参数必须有,类似self的默认规则,可以改,它封装了用户请求的所有内容
:return: 不能直接返回字符串,必须有HttpResponse这个类封装起来,这是Django的规则
"""
return
render(request,
"index.html"
,)
|
7.3 为了让Django知道我们的HTML模板在什么地方,需要在settings文件中进行配置,默认是配置好的无需修改。
1
2
3
4
|
TEMPLATES
=
[
{
'BACKEND'
:
'django.template.backends.django.DjangoTemplates'
,
'DIRS'
: [os.path.join(BASE_DIR,
'templates'
)]
|
配置完成后,重启Web服务,在浏览器里可以看到带样式的"Hello,World!!!"
8、使用静态文件
我们已经可以将HTML文件返回给用户了,在实际工作中我们还会用到CSS,JS的这些插件的功能。在Django中,我们将这些静态文件放在static目录中。
8.1 创建static目录,并将下载好的插件放到该目录下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
[root@brand007 soft]
# tree mysite/
mysite/
├── cmdb
│ ├── admin.py
│ ├── apps.py
│ ├── __init__.py
│ ├── migrations
│ │ └── __init__.py
│ ├── models.py
│ ├── tests.py
│ └── views.py
├── manage.py
├── mysite
│ ├── __init__.py
│ ├── __pycache__
│ │ ├── __init__.cpython-35.pyc
│ │ └── settings.cpython-35.pyc
│ ├── settings.py
│ ├── urls.py
│ └── wsgi.py
├── static
│ └── jquery-1.12.4.js
└── template
|
8.2 为了让我们的Django找到这个目录,需要对settings做以下修改:
1
2
3
4
5
6
7
8
|
STATIC_URL
=
'/static/'
STATICFILES_DIRS
=
(
os.path.join(BASE_DIR,
'static'
),
)
#注意:1、STATICFILES_DIRS这个变量名必须这样定义
# 2、os.path.join(BASE_DIR,'static'),因为是一个元组,最后面的逗号不能忽略,必须注意
|
8.2 最后我们的index.html引入js文件:
1
2
3
4
5
6
7
8
9
10
11
|
<!DOCTYPE html>
<html lang=
"en"
>
<head>
<meta charset=
"UTF-8"
>
<title>first Django</title>
</head>
<body>
<h1 style=
"background-color: black;color: green"
>Hello,world!!!</h1>
<script src=
"/static/jquery-1.12.4.js"
></script>
</body>
</html>
|
9、返回动态页面
通常我们会根据用户的数据,进行处理后在返回给用户。这时候,Django采用自己的模板语言,类似jinja2,根据提供的数据,替换掉HTML中的相应部分,请看下例。
修改views.py文件:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
from
django.shortcuts
import
render
from
django.shortcuts
import
HttpResponse
# Create your views here.
# 处理用户请求
USER_INPUT
=
[
{
'user'
:
'jack'
,
'pwd'
:
'123'
},
{
'user'
:
'eric'
,
'pwd'
:
'456'
},
]
def
index(request):
# ...
# 判断用户是否是POST请求
if
(request.method
=
=
'POST'
):
user
=
request.POST.get(
'user'
,
None
)
pwd
=
request.POST.get(
'pwd'
,
None
)
temp
=
{
'user'
: user,
'pwd'
: pwd}
USER_INPUT.append(temp)
return
render(request,
'index.html'
, {
'data'
: USER_INPUT })
|
修改index.html:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
title
></
title
>
</
head
>
<
body
>
<
h1
>用户输入:</
h1
>
<
form
action
=
"/index/"
method
=
"POST"
>
<
input
type
=
"text"
name
=
"user"
/>
<
input
type
=
"text"
name
=
"pwd"
/>
<
input
type
=
"submit"
value
=
"提交"
/>
</
form
>
<
h1
>数据展示:</
h1
>
<
table
border
=
"1"
>
{% for item in data %}
<
tr
>
<
td
>{{ item.user }}</
td
>
<
td
>{{ item.pwd }}</
td
>
</
tr
>
{% endfor %}
</
table
>
<
script
src
=
"/static/jquery-1.12.4.js"
></
script
>
</
body
>
</
html
>
|
重新项目,当我们在input框里输入信息后,点击提交后会报下面的错误:
这是Django的一个跨站请求保护机制,我们现在还用不到这个功能,因此需要在settings文件里将其注释掉。
注释掉后再次刷新,可以看到我们提交的数据:
10、与数据库交互
上例中我们我们提交的数据都是保存在了内存中,一旦关闭重新打开数据就会丢失,这里就引出了Django和数据库的交互,还是上面的例子,我们通过数据库,来讲用户提交的信息,持久化到数据库中。
首先,在settings文件中将我们的APP添加进去:
不注册它,数据库就不知道该给那个app创建表了,然后我们在settings中指定数据库的相关参数,下面的例子我们使用自带的sqlite数据库:
使用MySQL数据库,配置如下:
修改models.py,来常见数据库:
1
2
3
4
5
6
7
|
from
django.db
import
models
# Create your models here.
class
UserInfo(models.Model):
#创建的类必须继承models.Model这个类,这是固定写法
user
=
models.CharField(max_length
=
32
)
pwd
=
models.CharField(max_length
=
32
)
|
这里我们创建了2个字段,分别为用户名和密码长度为32,接下来我们需要执行两条命令来让Django自动给我们创建数据库:
1
2
3
4
5
6
7
8
9
10
|
#首先执行
python manage.py makemigrations
#执行结果:
E:\Python_project\mysite>python3 manage.py makemigrations
Migrations
for
'cmdb'
:
cmdb\migrations\
0001_initial
.py:
-
Create model UserInfo
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
#其次执行
python manage.py migrate
#执行结果:
E:\Python_project\mysite>python3 manage.py migrate
Operations to perform:
Apply
all
migrations: admin, auth, cmdb, contenttypes, sessions
Running migrations:
Applying contenttypes.
0001_initial
... OK
Applying auth.
0001_initial
... OK
Applying admin.
0001_initial
... OK
Applying admin.
0002_logentry_remove_auto_add
... OK
Applying contenttypes.
0002_remove_content_type_name
... OK
Applying auth.
0002_alter_permission_name_max_length
... OK
Applying auth.
0003_alter_user_email_max_length
... OK
Applying auth.
0004_alter_user_username_opts
... OK
Applying auth.
0005_alter_user_last_login_null
... OK
Applying auth.
0006_require_contenttypes_0002
... OK
Applying auth.
0007_alter_validators_add_error_messages
... OK
Applying auth.
0008_alter_user_username_max_length
... OK
Applying cmdb.
0001_initial
... OK
Applying sessions.
0001_initial
... OK
|
最后在修改我们的业务逻辑views.py:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
from
django.shortcuts
import
render
from
django.shortcuts
import
HttpResponse
from
django.shortcuts
import
redirect
from
cmdb
import
models
# Create your views here.
# 处理用户请求
def
index(request):
# ...
# 判断用户是否是POST请求
# return redirect('http://baidu.com')
# return redirect('')
if
(request.method
=
=
'POST'
):
user
=
request.POST.get(
'user'
,
None
)
pwd
=
request.POST.get(
'pwd'
,
None
)
models.UserInfo.objects.create(user
=
user,pwd
=
pwd)
data_list
=
models.UserInfo.objects.
all
()
# [UserInfo对象,UserInfo对象,。。。]
# for item in data_list:
# print(item.user,item.email)
return
render(request,
'index.html'
, {
'data'
: data_list })
|
重启程序,这样我们就可以将用户提交的数据持久化到数据库了 。