开源Web应用框架Django图文教程


Posted in Python onMarch 09, 2017

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

环境:windows7

python3.5.1

pycharm专业版

Django 1.10版

pip3

一、Django简介

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

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

1. web框架介绍

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

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

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

开源Web应用框架Django图文教程

其它基于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等起着重要的作用。一个典型的业务流程是如下图所示:

开源Web应用框架Django图文教程

那么我们学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提供的最新版本。

开源Web应用框架Django图文教程

安装完成后如下图所示:

开源Web应用框架Django图文教程

(2)配置系统环境

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

开源Web应用框架Django图文教程

开源Web应用框架Django图文教程

开源Web应用框架Django图文教程

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

开源Web应用框架Django图文教程

2. 创建django项目

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

,它功能强大,界面友好。(下面所有的操作都在pycharm中进行。)

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

开源Web应用框架Django图文教程

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

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

开源Web应用框架Django图文教程

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

开源Web应用框架Django图文教程

3. 创建APP

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

所有的APP共享项目资源。

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

python manage.py startapp cmdb

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

开源Web应用框架Django图文教程

4. 编写路由

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

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

开源Web应用框架Django图文教程

5. 编写业务处理逻辑

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

开源Web应用框架Django图文教程

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

6. 运行web服务

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

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

但在pycharm中,你可以这么干:

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

开源Web应用框架Django图文教程

点击下拉箭头

开源Web应用框架Django图文教程

点击edit configurations

开源Web应用框架Django图文教程

在host中填入:127.0.0.1

port中填入:8000

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

开源Web应用框架Django图文教程

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

开源Web应用框架Django图文教程

修改一下url,添加“/index”,就一切ok了!

开源Web应用框架Django图文教程

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

7. 返回HTML文件

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

下面,我们写这么一个index.html文件:

开源Web应用框架Django图文教程

再修改一下views文件:

开源Web应用框架Django图文教程

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

开源Web应用框架Django图文教程

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

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

8. 使用静态文件

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

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

开源Web应用框架Django图文教程

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

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

开源Web应用框架Django图文教程

同样,在index.html文件中,可以引入js文件了:

开源Web应用框架Django图文教程

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

9. 接收用户发送的数据

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

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

先修改index.html文件

开源Web应用框架Django图文教程

然后修改views.py文件

开源Web应用框架Django图文教程

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

开源Web应用框架Django图文教程

再次进入浏览器,刷新页面:

开源Web应用框架Django图文教程

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

10. 返回动态页面

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

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

先改造views.py文件:

开源Web应用框架Django图文教程

再改造index.html文件:

开源Web应用框架Django图文教程

重启服务,刷新浏览器:

开源Web应用框架Django图文教程

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

11. 使用数据库

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

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

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

首先是注册app:

开源Web应用框架Django图文教程

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

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

开源Web应用框架Django图文教程

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

开源Web应用框架Django图文教程

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

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

python manage.py makemigrations

开源Web应用框架Django图文教程

再输入命令:python manage.py migrate

开源Web应用框架Django图文教程

修改views.py中的业务逻辑

开源Web应用框架Django图文教程

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

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

三、 Django总结

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

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

全文完,有不对之处恳请指正,觉得不错,就点赞支持一下。

Python 相关文章推荐
Python数据结构与算法之二叉树结构定义与遍历方法详解
Dec 12 Python
Python反射和内置方法重写操作详解
Aug 27 Python
python 多线程将大文件分开下载后在合并的实例
Nov 09 Python
Python批量生成特定尺寸图片及图画任意文字的实例
Jan 30 Python
详解用python自制微信机器人,定时发送天气预报
Mar 25 Python
Python函数基础实例详解【函数嵌套,命名空间,函数对象,闭包函数等】
Mar 30 Python
python爬虫之快速对js内容进行破解
Jul 09 Python
Python Tkinter模块 GUI 可视化实例
Nov 20 Python
python pprint模块中print()和pprint()两者的区别
Feb 10 Python
Keras在训练期间可视化训练误差和测试误差实例
Jun 16 Python
Python异常类型以及处理方法汇总
Jun 05 Python
全网非常详细的pytest配置文件
Jul 15 Python
Python运算符重载详解及实例代码
Mar 07 #Python
利用Python中的pandas库对cdn日志进行分析详解
Mar 07 #Python
python下os模块强大的重命名方法renames详解
Mar 07 #Python
深入理解python中的atexit模块
Mar 07 #Python
Python 备份程序代码实现
Mar 06 #Python
Python与Java间Socket通信实例代码
Mar 06 #Python
python使用arcpy.mapping模块批量出图
Mar 06 #Python
You might like
php+ajax做仿百度搜索下拉自动提示框(有实例)
2012/08/21 PHP
php数组分页实现方法
2016/04/30 PHP
PHP基于GD库实现的生成图片缩略图函数示例
2017/07/05 PHP
jQuery编写widget的一些技巧分享
2010/10/28 Javascript
jquery $.ajax相关用法分享
2012/03/16 Javascript
javascript中的onkeyup和onkeydown区别介绍
2013/04/28 Javascript
jquery验证表单中的单选与多选实例
2013/08/18 Javascript
js仿苹果iwatch外观的计时器代码分享
2015/08/26 Javascript
jquery实现的点击翻书效果代码
2015/11/04 Javascript
简单掌握JavaScript中const声明常量与变量的用法
2016/05/21 Javascript
浅谈JavaScript中小数和大整数的精度丢失
2016/05/31 Javascript
JS简单实现DIV相对于浏览器固定位置不变的方法
2016/06/17 Javascript
微信小程序 ES6Promise.all批量上传文件实现代码
2017/04/14 Javascript
响应式框架Bootstrap栅格系统的实例
2017/12/19 Javascript
微信公众号H5支付接口调用方法
2019/01/10 Javascript
Vue多组件仓库开发与发布详解
2019/02/28 Javascript
图解javascript作用域链
2019/05/27 Javascript
解决layui轮播图有数据不显示的情况
2019/09/16 Javascript
在Python中处理字符串之isdecimal()方法的使用
2015/05/20 Python
python监控文件或目录变化
2016/06/07 Python
Python基于csv模块实现读取与写入csv数据的方法
2018/01/18 Python
python设定并获取socket超时时间的方法
2019/01/12 Python
解决Python 命令行执行脚本时,提示导入的包找不到的问题
2019/01/19 Python
解决Python3 控制台输出InsecureRequestWarning问题
2019/07/15 Python
妙用itchat! python实现久坐提醒功能
2019/11/25 Python
Python网络爬虫信息提取mooc代码实例
2020/03/06 Python
Python搭建Keras CNN模型破解网站验证码的实现
2020/04/07 Python
python Canny边缘检测算法的实现
2020/04/24 Python
通过CSS3的object-fit来调整图片适配尺寸的技巧简介
2016/02/27 HTML / CSS
Waterford英国官方网站:世界上最受欢迎的优质水晶品牌
2019/08/17 全球购物
如何打印出当前源文件的文件名以及源文件的当前行号
2015/04/05 面试题
电大物流学生的自我评价
2013/10/25 职场文书
高考备战决心书
2014/03/11 职场文书
职务聘任书范文
2014/03/29 职场文书
刑事撤诉申请书
2015/05/18 职场文书
笔记本自带的win11如何跳过联网激活?
2022/04/20 数码科技