初识Django框架

    今天开始对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 })

重启程序,这样我们就可以将用户提交的数据持久化到数据库了 。



posted @ 2016-09-07 14:49  邸海峰  阅读(3047)  评论(0编辑  收藏  举报
doc