简约而不简单的Django新手图文教程

深碍√TFBOYSˉ_ 2021-06-10 20:42 270阅读 0赞

[http://www.cnblogs.com/feixuelove1009/p/5823135.html][http_www.cnblogs.com_feixuelove1009_p_5823135.html]

本文面向：有python基础，刚接触web框架的初学者。

环境：windows7  　　python3.5.1 　　pycharm专业版 　　Django 1.10版　　pip3

## 一、Django简介 ##

百度百科：开放源代码的Web应用框架，由Python语言编写......

重点：一个大而全的框架，啥都替你考虑好了。

### 1. web框架介绍 ###

具体介绍Django之前，必须先介绍WEB框架等概念。

web框架： 别人已经设定好的一个web网站模板，你学习它的规则，然后“填空”或“修改”成你自己需要的样子。

一般web框架的架构是这样的：

![948404-20160830212049246-1153317231.jpg][]

其它基于python的web框架，如tornado、flask、webpy都是在这个范围内进行增删裁剪的。例如tornado用的是自己的异步非阻塞“wsgi”，flask则只提供了最精简和基本的框架。Django则是直接使用了WSGI，并实现了大部分功能。

### 2. MVC/MTV介绍 ###

MVC百度百科：全名Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。

通俗解释：一种文件的组织和管理形式！不要被缩写吓到了，这其实就是把不同类型的文件放到不同的目录下的一种方法，然后取了个高大上的名字。当然，它带来的好处有很多，比如前后端分离，松耦合等等，就不详细说明了。

模型(model)：定义数据库相关的内容，一般放在models.py文件中。

视图(view)：定义HTML等静态网页文件相关，也就是那些html、css、js等前端的东西。

控制器(controller)：定义业务逻辑相关，就是你的主要代码。

MTV: 有些WEB框架觉得MVC的字面意思很别扭，就给它改了一下。view不再是HTML相关，而是主业务逻辑了，相当于控制器。html被放在Templates中，称作模板，于是MVC就变成了MTV。这其实就是一个文字游戏，和MVC本质上是一样的，换了个名字和叫法而已，换汤不换药。

### 3.Django的MTV模型组织 ###

目录分开，就必须有机制将他们在内里进行耦合。在Django中，urls、orm、static、settings等起着重要的作用。一个典型的业务流程是如下图所示：

![948404-20160903111840215-2065765780.jpg][]

那么我们学Django学的是什么？

1. 目录结构规范

2. urls路由方式

3. settings配置

4. ORM操作

5. 模板渲染

6.其它

## 二、Django项目实例 ##

### 1. 程序安装 ###

python3.5、pip3及pycharm专业版自行安装。

#### （1）安装Django： ####

这里只介绍较为简单的pip3命令安装方式。

win+r，调出cmd，运行命令：pip3 install django，自动安装Pypi提供的最新版本。

![948404-20160830220421011-1546349728.png][]

安装完成后如下图所示：

![948404-20160830220459902-323793479.png][]

#### （2）配置系统环境 ####

成功安装Django后，在下图中的路径可找到django-admin.exe文件，将它加入操作系统环境变量中。这样在以后的调用会比较方便。

![948404-20160830220713996-1222542130.png][]

![948404-20160830220725527-2000635437.png][]

![948404-20160830220748652-139734374.png][]

运行：django-admin help，能看到下面的内容表示OK。

![948404-20160830221035355-2009526835.png][]

###  2. 创建django项目 ###

在linux等命令行界面下，使用django提供的命令和vim也能进行项目开发。但是，这里推荐使用pycharm这个目前最好的python开发IDE

，它功能强大，界面友好。（下面所有的操作都在pycharm中进行。）

点击：file-->new project，出现下面的对话框。

![948404-20160830221502371-1143625656.png][]

选择Django栏目，输入项目名称，这里采用国际惯例的mysite。选择python解释器版本，点击create创建。

Django将自动生成下面的目录结构：

![948404-20160830221628136-832794323.png][]

与项目同名的目录中是配置文件，templates目录是html文件存放也就是MTV中的T。manage.py是django项目管理文件。

![948404-20160830222155746-982749621.png][]

### 3. 创建APP ###

在每个django项目中可以包含多个APP，相当于一个大型项目中的分系统、子模块、功能部件等等，相互之间比较独立，但也有联系。

所有的APP共享项目资源。

在pycharm下方的terminal终端中输入命令：

python manage.py startapp cmdb

这样就创建了一个叫做cmdb的APP，django自动生成“cmdb”文件夹。

![948404-20160830222336449-1279532630.png][]

### 4. 编写路由 ###

路由都在urls文件里，它将浏览器输入的url映射到相应的业务处理逻辑。

简单的urls编写方法如下图：

![948404-20160830222854183-1076810264.png][]

### 5. 编写业务处理逻辑 ###

业务处理逻辑都在views.py文件里。

![948404-20160830223018324-1725571647.png][]

通过上面两个步骤，我们将index这个url指向了views里的index（）函数，它接收用户请求，并返回一个“hello world”字符串。

### 6. 运行web服务 ###

现在我们已经可以将web服务运行起来了。

命令行的方式是：python manage.py runserver 127.0.0.1:8000

但在pycharm中，你可以这么干：

在上部工具栏中找到下面图示的图标。

![948404-20160830223309683-1106014591.png][]

点击下拉箭头

![948404-20160830223413558-354278015.png][]

点击edit configurations

![948404-20160830223435824-1333880627.png][]

在host中填入：127.0.0.1 　　port中填入：8000

OK确定之后，点击绿色的三角，web服务就运行起来了。

![948404-20160830223604433-2023847864.png][]

按图所示，自动跳转到浏览器程序界面。显示的却是下图的404页面：

![948404-20160830223647074-1854088091.png][]

修改一下url，添加“/index”，就一切ok了！

![948404-20160830223733636-402109128.png][]

至此，一个最简单的django编写的web服务就启动成功了。

### 7.  返回HTML文件 ###

上面我们返回给用户浏览器的是什么？一个字符串！实际上这肯定不行，通常我们都是将html文件返回给用户。

下面，我们写这么一个index.html文件：

![948404-20160830224345761-1370574663.png][]

再修改一下views文件：

![948404-20160830224420636-441621765.png][]

为了让django知道我们的html文件在哪里，需要修改settings文件的相应内容。但默认情况下，它正好适用，你无需修改。

![948404-20160830224615668-365627617.png][]

接下来，我们可以重新启动web服务。在浏览器刷新一下，你会看到带有样式的“hello world”。

注：这里有个小技巧，在多次频繁重启服务时，由于端口未释放的原因，容易启动不了服务，修改一下端口就OK了。

### 8. 使用静态文件 ###

我们已经可以将html文件返还给用户了，但是还不够，前端三大块，html、css、js还有各种插件，它们齐全才是一个完整

的页面。在django中，一般将静态文件放在static目录中。接下来，在mysite中新建个static目录。

![948404-20160830225314058-2019723535.png][]

你的CSS,JS和各种插件都可以放置在这个目录里。

为了让django找到这个目录，依然需要对settings进行配置：

![948404-20160830225403886-2079870404.png][]

同样，在index.html文件中，可以引入js文件了：

![948404-20160830225507996-2043334590.png][]

重新启动web服务，刷新浏览器，查看结果。

### 9. 接收用户发送的数据 ###

上面，我们将一个要素齐全的html文件返还给了用户浏览器。但这还不够，因为web服务器和用户之间没有动态交互。

下面我们设计一个表单，让用户输入用户名和密码，提交给index这个url，服务器将接收到这些数据。

先修改index.html文件

![948404-20160830225843168-1078788144.png][]

然后修改views.py文件

![948404-20160830225931449-2031664798.png][]

此时 ，重启web服务时，会出错，因为django有一个跨站请求保护机制，我们在settings文件中将它关闭。

![948404-20160830230032699-44609715.png][]

再次进入浏览器，刷新页面：

![948404-20160830230139418-2016934265.png][]

输入点东西，然后我们在pycharm中可以看到相应的数据。

### 10. 返回动态页面 ###

我们收到了用户的数据，但返回给用户的依然是个静态页面，通常我们会根据用户的数据，进行处理后在返回给用户。

这时候，django采用自己的模板语言，类似jinja2，根据提供的数据，替换掉html中的相应部分，详细语法入门后再深入学习。

先改造views.py文件：

![948404-20160830230546340-963093019.png][]

再改造index.html文件：

![948404-20160903111615121-1818501347.png][]

重启服务，刷新浏览器：

![948404-20160830230649511-2067013295.png][]

可以看到，我们获得了用户实时输入的数据，并将它实时展示在了用户页面上，这是个不错的交互过程。

### 11. 使用数据库 ###

流程走到这里，django的MTV框架基本已经浮出水面了，只剩下最后的数据库部分了。

上面我们虽然和用户交互得很好，但并没有保存任何数据，页面一旦关闭，或服务器重启，一切都将回到原始状态。

使用数据库是毫无疑问的，django通过自带的ORM框架操作数据库，并且自带轻量级的sqlite3数据库。下面我们来看一看：

首先是注册app：

![948404-20160830231428449-1578630689.png][]

不注册它，你的数据库就不知道该给哪个app创建表。

然后我们在settings中，配置数据库相关的参数，如果使用自带的sqlite，不需要修改。

![948404-20160830231601449-1743437183.png][]

再编辑models.py文件，也就是MTV中的M。

![948404-20160830231652043-1110238877.png][]

这里我们创建了2个字段，分别保存用户的名字和密码。

接下来要在pycharm的teminal中通过命令创建数据库的表了。有2条命令，分别是：

python manage.py makemigrations

![948404-20160830231822496-1448836608.png][]

再输入命令：python manage.py migrate

![948404-20160830231916949-1344486910.png][]

修改views.py中的业务逻辑

![948404-20160830231944605-2083069069.png][]

重启web服务后，刷新浏览器页面，之后和用户交互的数据都能保存到数据库中。任何时候都可以从数据库中读取数据，展示到页面上。

至此，一个要素齐全，主体框架展示清晰的django项目完成了，其实很简单是不是？

## 三、 Django总结 ##

作为python必须web框架的Django，它的功能强大，内容全面，但同时也意味着限制颇多，灵活性低，可修改性差，这就是鱼和熊掌不可兼得了。我们学习Django，其实就是学习一个软件，要理解它的基本原理，把握它整体框架，牢记一些基本规则，剩下的就是不断深入细节，然后熟能生巧、经验多少的问题了，不存在多高深的不可掌握技术。

关于学习方法的建议：学习任何东西，不要直接扎入细节，应该先了解它的外围知识，看看它的整体架构，再学习它的基本内容，然后才是深入学习，打磨技巧！

[http_www.cnblogs.com_feixuelove1009_p_5823135.html]: http://www.cnblogs.com/feixuelove1009/p/5823135.html
[948404-20160830212049246-1153317231.jpg]: /images/20210527/c379d90d6dcc46f1b1f0dfd820a56ec2.png
[948404-20160903111840215-2065765780.jpg]: /images/20210527/400858a8d7364a92bb454e8cdfd9c500.png
[948404-20160830220421011-1546349728.png]: /images/20210527/aebab6e66cf74b359525dbdb392b9ab9.png
[948404-20160830220459902-323793479.png]: /images/20210527/4a252181d03d4dc096797d7f56facbda.png
[948404-20160830220713996-1222542130.png]: /images/20210527/f17a130059f54ea3b386abced29d54ae.png
[948404-20160830220725527-2000635437.png]: /images/20210527/a20ed5d28cd34a2fadb099056ec5255f.png
[948404-20160830220748652-139734374.png]: /images/20210527/abe4a4ef02e14e1bbdcb1a4e32e73b6e.png
[948404-20160830221035355-2009526835.png]: /images/20210527/e20644d2fdcc430d92218356ba61a0c3.png
[948404-20160830221502371-1143625656.png]: /images/20210527/3f912d8663964e9bbce3f97ad368db72.png
[948404-20160830221628136-832794323.png]: /images/20210527/fab922a26dbf476db05860d0df0fdeec.png
[948404-20160830222155746-982749621.png]: /images/20210527/c6017af6dcb7469b807048f83aecaa29.png
[948404-20160830222336449-1279532630.png]: /images/20210527/9d73bac7884f42ad9604c8937af89f1f.png
[948404-20160830222854183-1076810264.png]: /images/20210527/4ce4a1f449a944d085266d59176abe00.png
[948404-20160830223018324-1725571647.png]: /images/20210527/564a40ded8d04d9abefd39d4ead417b2.png
[948404-20160830223309683-1106014591.png]: /images/20210527/315feaed939e47c9a35ff75df8a12106.png
[948404-20160830223413558-354278015.png]: /images/20210527/bbe0cabc1be941b2ad7f6a74a33e5a18.png
[948404-20160830223435824-1333880627.png]: /images/20210527/054fcb64a7fb4e769da3fe914e9de5db.png
[948404-20160830223604433-2023847864.png]: /images/20210527/de2d213e876342dcadf97e8f3c33fe2f.png
[948404-20160830223647074-1854088091.png]: /images/20210527/523a01b7dee94af5b15c71ff69b14eb9.png
[948404-20160830223733636-402109128.png]: /images/20210527/b6b81d9687884439bf58a15a2978a74d.png
[948404-20160830224345761-1370574663.png]: /images/20210527/c21a62ada6c44400bce0885481261002.png
[948404-20160830224420636-441621765.png]: /images/20210527/59dc8084d4b94e7d9a9cc9249cae9bf7.png
[948404-20160830224615668-365627617.png]: /images/20210527/6483e3ce6e0e4cbbbef5cbb7b0aa3e4d.png
[948404-20160830225314058-2019723535.png]: /images/20210527/26a4b2e0d50645d293f5f424e3fb1df5.png
[948404-20160830225403886-2079870404.png]: /images/20210527/70d9355ec5eb4fe1a8a172f553c3c41e.png
[948404-20160830225507996-2043334590.png]: /images/20210527/7b459d1716794ae687fb8bfddd4bed8e.png
[948404-20160830225843168-1078788144.png]: /images/20210527/c61fbb6f11f04d4298bd14be2fac3c2c.png
[948404-20160830225931449-2031664798.png]: /images/20210527/62a8d333da574889b1d69c435bf02d39.png
[948404-20160830230032699-44609715.png]: /images/20210527/6ae6dc5c5a814823af53ed9d3bbd48dd.png
[948404-20160830230139418-2016934265.png]: /images/20210527/b0e4cc7d752c4226a1d9a86c303e393e.png
[948404-20160830230546340-963093019.png]: /images/20210527/846caa68c7344bcfb83fd400a014ea93.png
[948404-20160903111615121-1818501347.png]: /images/20210527/bd1a084bd8f74ea8907e2619341831ab.png
[948404-20160830230649511-2067013295.png]: /images/20210527/e114a16451a7446f9cec7f23f97317bb.png
[948404-20160830231428449-1578630689.png]: /images/20210527/491653839c034582aa66aa7aa18e75ae.png
[948404-20160830231601449-1743437183.png]: /images/20210527/f77babcfa95d440e89dddba26dd8df38.png
[948404-20160830231652043-1110238877.png]: /images/20210527/ec05a26de1c44212b5c081da2a3c546a.png
[948404-20160830231822496-1448836608.png]: /images/20210527/a50b9036f8ef4e33ba4364270b22f37c.png
[948404-20160830231916949-1344486910.png]: /images/20210527/9b93cece26a5489b8e0479681470d184.png
[948404-20160830231944605-2083069069.png]: /images/20210527/7168cdae2acc48538d7b99b3602a2e86.png