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

   <p>本文面向：有python基础，刚接触web框架的初学者。</p>    <p>环境：windows7   python3.5.1  pycharm专业版  Django 1.10版 pip3</p>    <h2>一、Django简介</h2>    <p>百度百科：开放源代码的Web应用框架，由Python语言编写……</p>    <p>重点：一个大而全的框架，啥都替你考虑好了。</p>    <h3>1. web框架介绍</h3>    <p>具体介绍Django之前，必须先介绍WEB框架等概念。</p>    <p>web框架： 别人已经设定好的一个web网站模板，你学习它的规则，然后“填空”或“修改”成你自己需要的样子。</p>    <p>一般web框架的架构是这样的：</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/6e66164aa87e94004b420f4dc44ce0d2.jpg"></p>    <p>其它基于python的web框架，如tornado、flask、webpy都是在这个范围内进行增删裁剪的。例如tornado用的是自己的异步非阻塞“wsgi”，flask则只提供了最精简和基本的框架。Django则是直接使用了WSGI，并实现了大部分功能。</p>    <h3>2. MVC/MTV介绍</h3>    <p>MVC百度百科：全名Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。</p>    <p>通俗解释：一种文件的组织和管理形式！不要被缩写吓到了，这其实就是把不同类型的文件放到不同的目录下的一种方法，然后取了个高大上的名字。当然，它带来的好处有很多，比如前后端分离，松耦合等等，就不详细说明了。</p>    <p>模型(model)：定义数据库相关的内容，一般放在models.py文件中。</p>    <p>视图(view)：定义HTML等静态网页文件相关，也就是那些html、css、js等前端的东西。</p>    <p>控制器(controller)：定义业务逻辑相关，就是你的主要代码。</p>    <p>MTV: 有些WEB框架觉得MVC的字面意思很别扭，就给它改了一下。view不再是HTML相关，而是主业务逻辑了，相当于控制器。html被放在Templates中，称作模板，于是MVC就变成了MTV。这其实就是一个文字游戏，和MVC本质上是一样的，换了个名字和叫法而已，换汤不换药。</p>    <h3>3.Django的MTV模型组织</h3>    <p>目录分开，就必须有机制将他们在内里进行耦合。在Django中，urls、orm、static、settings等起着重要的作用。一个典型的业务流程是如下图所示：</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/f3282213d61eb94ed10ffa83872003f4.jpg"></p>    <p>那么我们学Django学的是什么？</p>    <p>1. 目录结构规范</p>    <p>2. urls路由方式</p>    <p>3. settings配置</p>    <p>4. ORM操作</p>    <p>5. 模板渲染</p>    <p>6.其它</p>    <h2>二、Django项目实例</h2>    <h3>1. 程序安装</h3>    <p>python3.5、pip3及pycharm专业版自行安装。</p>    <p>（1）安装Django：</p>    <p>这里只介绍较为简单的pip3命令安装方式。</p>    <p>win+r，调出cmd，运行命令：pip3 install django，自动安装Pypi提供的最新版本。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/36226a9747905fc84b8ed808a1a2c056.png"></p>    <p>安装完成后如下图所示：</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/9e8b227391ab6583ed4a819fb62ec127.png"></p>    <p>（2）配置系统环境</p>    <p>成功安装Django后，在下图中的路径可找到django-admin.exe文件，将它加入操作系统环境变量中。这样在以后的调用会比较方便。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/9ca67dbf26549b2f1a8773b65d9a490a.png"></p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/456792d83ee3f13ff98720eeb29b69d3.png"></p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/ac1454d3fa2ef76dfcedcc148913c1a1.png"></p>    <p>运行：django-admin help，能看到下面的内容表示OK。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/54caf40976324738ca6f0e209c9e724d.png"></p>    <h3>2. 创建django项目</h3>    <p>在linux等命令行界面下，使用django提供的命令和vim也能进行项目开发。但是，这里推荐使用pycharm这个目前最好的python开发IDE</p>    <p>，它功能强大，界面友好。（下面所有的操作都在pycharm中进行。）</p>    <p>点击：file–>new project，出现下面的对话框。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/cdc65428ef5af83550b9430c2b6c24b4.png"></p>    <p>选择Django栏目，输入项目名称，这里采用国际惯例的mysite。选择python解释器版本，点击create创建。</p>    <p>Django将自动生成下面的目录结构：</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/fe484beaf3c98fff23cc06b99eded371.png"></p>    <p>与项目同名的目录中是配置文件，templates目录是html文件存放也就是MTV中的T。manage.py是django项目管理文件。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/acf6c85328f598156abc66d26f033b1c.png"></p>    <h3>3. 创建APP</h3>    <p>在每个django项目中可以包含多个APP，相当于一个大型项目中的分系统、子模块、功能部件等等，相互之间比较独立，但也有联系。</p>    <p>所有的APP共享项目资源。</p>    <p>在pycharm下方的terminal终端中输入命令：</p>    <p>python manage.py startapp cmdb</p>    <p>这样就创建了一个叫做cmdb的APP，django自动生成“cmdb”文件夹。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/d9fa3b94b95cb73d50dc7ce2bf58bda5.png"></p>    <h3>4. 编写路由</h3>    <p>路由都在urls文件里，它将浏览器输入的url映射到相应的业务处理逻辑。</p>    <p>简单的urls编写方法如下图：</p>    <p><img src="https://simg.open-open.com/show/321d084801e89a64d8c33c68ac974559.png"></p>    <h3>5. 编写业务处理逻辑</h3>    <p>业务处理逻辑都在views.py文件里。</p>    <p><img src="https://simg.open-open.com/show/52f1dbfc5b5e69f2d4cb04497622c8b3.png"></p>    <p>通过上面两个步骤，我们将index这个url指向了views里的index（）函数，它接收用户请求，并返回一个“hello world”字符串。</p>    <h3>6. 运行web服务</h3>    <p>现在我们已经可以将web服务运行起来了。</p>    <p>命令行的方式是：python manage.py runserver 127.0.0.1:8000</p>    <p>但在pycharm中，你可以这么干：</p>    <p>在上部工具栏中找到下面图示的图标。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/1028b868ad8123f8860f2bc715b392cb.png"></p>    <p>点击下拉箭头</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/19f59167b42c274d4b21d68efbddefc6.png"></p>    <p>点击edit configurations</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/11c6c7d07b85b0446e8986446d95734e.png"></p>    <p>在host中填入：127.0.0.1 port中填入：8000</p>    <p>OK确定之后，点击绿色的三角，web服务就运行起来了。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/e71f62945a3a16301d92c60c8acd5577.png"></p>    <p>按图所示，自动跳转到浏览器程序界面。显示的却是下图的404页面：</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/049f0f261eda4c19af95e3f60373f3ef.png"></p>    <p>修改一下url，添加“/index”，就一切ok了！</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/e060eaff7dee1203fd71adb4c07125a9.png"></p>    <p>至此，一个最简单的django编写的web服务就启动成功了。</p>    <h3>7.  返回HTML文件</h3>    <p>上面我们返回给用户浏览器的是什么？一个字符串！实际上这肯定不行，通常我们都是将html文件返回给用户。</p>    <p>下面，我们写这么一个index.html文件：</p>    <p><img src="https://simg.open-open.com/show/f2dcf5dc01001092e7f3defe7ee641df.png"></p>    <p>再修改一下views文件：</p>    <p><img src="https://simg.open-open.com/show/9e2eb6b858c09df90e888123c7c78e87.png"></p>    <p>为了让django知道我们的html文件在哪里，需要修改settings文件的相应内容。但默认情况下，它正好适用，你无需修改。</p>    <p><img src="https://simg.open-open.com/show/031b8dbd35ac354bc6bedc892f2c8efb.png"></p>    <p>接下来，我们可以重新启动web服务。在浏览器刷新一下，你会看到带有样式的“hello world”。</p>    <p>注：这里有个小技巧，在多次频繁重启服务时，由于端口未释放的原因，容易启动不了服务，修改一下端口就OK了。</p>    <h3>8. 使用静态文件</h3>    <p>我们已经可以将html文件返还给用户了，但是还不够，前端三大块，html、css、js还有各种插件，它们齐全才是一个完整</p>    <p>的页面。在django中，一般将静态文件放在static目录中。接下来，在mysite中新建个static目录。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/f74fe0ee14448c04ca6d7059f36da56a.png"></p>    <p>你的CSS,JS和各种插件都可以放置在这个目录里。</p>    <p>为了让django找到这个目录，依然需要对settings进行配置：</p>    <p><img src="https://simg.open-open.com/show/4ca6d493e6488e596c57880d4f0d14f3.png"></p>    <p>同样，在index.html文件中，可以引入js文件了：</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/31a1e3a67aba856be647d5c01d5886f2.png"></p>    <p>重新启动web服务，刷新浏览器，查看结果。</p>    <h3>9. 接收用户发送的数据</h3>    <p>上面，我们将一个要素齐全的html文件返还给了用户浏览器。但这还不够，因为web服务器和用户之间没有动态交互。</p>    <p>下面我们设计一个表单，让用户输入用户名和密码，提交给index这个url，服务器将接收到这些数据。</p>    <p>先修改index.html文件</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/f6b6074a851109960911a4a5c0d41241.png"></p>    <p>然后修改views.py文件</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/6cf9120428b28fd2b3d15c9fc79221ea.png"></p>    <p>此时 ，重启web服务时，会出错，因为django有一个跨站请求保护机制，我们在settings文件中将它关闭。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/df664a3dd172981d9b792a3fe0f2a739.png"></p>    <p>再次进入浏览器，刷新页面：</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/7ae5b2a69a34bd16a495fe7b86d7d545.png"></p>    <p>输入点东西，然后我们在pycharm中可以看到相应的数据。</p>    <h3>10. 返回动态页面</h3>    <p>我们收到了用户的数据，但返回给用户的依然是个静态页面，通常我们会根据用户的数据，进行处理后在返回给用户。</p>    <p>这时候，django采用自己的模板语言，类似jinja2，根据提供的数据，替换掉html中的相应部分，详细语法入门后再深入学习。</p>    <p>先改造views.py文件：</p>    <p><img src="https://simg.open-open.com/show/093498fb377a969357168dd5dace3ba8.png"></p>    <p>再改造index.html文件：</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/e8bd1a893de4034142c78756000b1aeb.png"></p>    <p>重启服务，刷新浏览器：</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/4f574acbe66bd3c4672a20e57cc46c78.png"></p>    <p>可以看到，我们获得了用户实时输入的数据，并将它实时展示在了用户页面上，这是个不错的交互过程。</p>    <h3>11. 使用数据库</h3>    <p>流程走到这里，django的MTV框架基本已经浮出水面了，只剩下最后的数据库部分了。</p>    <p>上面我们虽然和用户交互得很好，但并没有保存任何数据，页面一旦关闭，或服务器重启，一切都将回到原始状态。</p>    <p>使用数据库是毫无疑问的，django通过自带的ORM框架操作数据库，并且自带轻量级的sqlite3数据库。下面我们来看一看：</p>    <p>首先是注册app：</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/7685b22bd956f6f039658d4a58c1efe4.png"></p>    <p>不注册它，你的数据库就不知道该给哪个app创建表。</p>    <p>然后我们在settings中，配置数据库相关的参数，如果使用自带的sqlite，不需要修改。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/34b5dc66c3c49a7753b8b3a8ae5096c2.png"></p>    <p>再编辑models.py文件，也就是MTV中的M。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/2c0bed203136911f52d6d4b5dc530527.png"></p>    <p>这里我们创建了2个字段，分别保存用户的名字和密码。</p>    <p>接下来要在pycharm的teminal中通过命令创建数据库的表了。有2条命令，分别是：</p>    <p>python manage.py makemigrations</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/7d6c467cf5ec26f02cf8b91853729ba4.png"></p>    <p>再输入命令：python manage.py migrate</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/5ed762b1589e2ba09617ba7e0e731693.png"></p>    <p>修改views.py中的业务逻辑</p>    <p><img src="https://simg.open-open.com/show/2917d867f9109c7d2ed5ea86cacbfa77.png"></p>    <p>重启web服务后，刷新浏览器页面，之后和用户交互的数据都能保存到数据库中。任何时候都可以从数据库中读取数据，展示到页面上。</p>    <p>至此，一个要素齐全，主体框架展示清晰的django项目完成了，其实很简单是不是？</p>    <h2>三、 Django总结</h2>    <p>作为python必须web框架的Django，它的功能强大，内容全面，但同时也意味着限制颇多，灵活性低，可修改性差，这就是鱼和熊掌不可兼得了。我们学习Django，其实就是学习一个软件，要理解它的基本原理，把握它整体框架，牢记一些基本规则，剩下的就是不断深入细节，然后熟能生巧、经验多少的问题了，不存在多高深的不可掌握技术。</p>    <p>关于学习方法的建议：学习任何东西，不要直接扎入细节，应该先了解它的外围知识，看看它的整体架构，再学习它的基本内容，然后才是深入学习，打磨技巧！</p>    <p>全文完，有不对之处恳请指正，觉得不错，就点赞支持一下。</p>    <p> </p>    <p>来自：http://python.jobbole.com/87444/</p>    <p> </p>