网易首页 > 网易号 > 正文 申请入驻

零基础入门Django应该怎么学?这是一个完整的图文入门教程

0
分享至

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

环境:windows7 python3.5.1 pycharm Django 1.10版 pip3

一、Django简介

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

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

1. web框架介绍

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

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

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

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

2. MVC/MTV介绍

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

通俗解释:一种代码和文件的组织和管理形式!不要被缩写吓到了,这其实就是把不同类型的文件放到不同的目录下的一种方法,然后取了个高大上的名字。当然,它带来的好处有很多,比如前后端分离,松耦合等等,在使用中你慢慢体会就会逐渐明白它,具体就不详细说明了。

其中:

  • 模型(model):定义数据库相关的内容,一般放在models.py文件中。
  • 视图(view):定义HTML等静态网页文件相关,也就是那些HTML、css、js等前端的东西。

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

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

3.Django的MTV模型组织

目录分开,就必须有机制将他们在内里进行耦合。在Django中,典型的业务流程如下图所示:

二、Django项目实例

1. 程序安装

python3.5、pip3及pycharm请自行安装。

(1)安装Django:

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

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

安装完成后如下图所示:

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

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

2. 创建django项目

在linux等命令行界面下,使用django提供的命令和vim也能进行项目开发。但是,这里推荐使用pycharm这个目前最好的Python开发IDE,它功能强大,界面友好。(下面所有的操作都在pycharm中进行。)

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

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

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

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

3. 创建APP

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

所有的APP共享项目资源。

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

python manage.py startapp cmdb

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

4. 编写路由

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

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

5. 编写业务处理逻辑

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

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

6. 运行web服务

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

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

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

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

点击下拉箭头

点击edit configurations

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

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

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

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

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

7. 返回HTML文件

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

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

再修改一下views文件:

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

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

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

8. 使用静态文件

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

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

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

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

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

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

9. 接收用户发送的数据

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

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

先修改index.html文件

<!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="username" />

<input type="password" name="password" />

<input type="submit" value="提交" />

</form>

</body>

</html>

然后修改views.py文件

此时 ,重启web服务时,会出错,因为django有一个跨站请求保护机制,我们在index.html文件中加入一行{% csrf_token %}。

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>首页</title>

</head>

<body>

<h1>用户输入:</h1>

<form action="/index/" method="post">

{% csrf_token %} <!--加入这行 -->

<input type="text" name="username" />

<input type="password" name="password" />

<input type="submit" value="提交" />

</form>

</body>

</html>

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

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

10. 返回动态页面

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

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

先改造views.py文件:

再改造index.HTML文件:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>首页</title>

</head>

<body>

<h1>用户输入:</h1>

<form action="/index/" method="post">

{% csrf_token %}

<input type="text" name="username" />

<input type="password" name="password" />

<input type="submit" value="提交" />

</form>

<h1>用户展示:</h1>

<table border="1">

<thead>

<th>用户名</th>

<th>密码</th>

</thead>

<tbody>

{% for line in data %}

<tr>

<td>{{ line.user }}</td>

<td>{{ line.pwd }}</td>

</tr>

{% endfor %}

</tbody>

</table>

</body>

</html>

重启服务,刷新浏览器:

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

11. 使用数据库

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

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

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

首先是注册app:

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

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

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

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

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

Python manage.py makemigrations

再输入命令:Python manage.py migrate

修改views.py中的业务逻辑

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

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

三、 Django总结

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

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

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

特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。

Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.

相关推荐
热点推荐
特事特办!广东男篮力求续约周琦,大魔王不受限,今夏自由身

特事特办!广东男篮力求续约周琦,大魔王不受限,今夏自由身

天涯沦落人
2024-04-28 19:50:32
证监会决心回报投资者!4月29日,今日凌晨的三大消息正式出炉!

证监会决心回报投资者!4月29日,今日凌晨的三大消息正式出炉!

风口招财猪
2024-04-29 02:53:55
当代嫪毐:养8名情妇,坐牢自由进出监狱,靠身体征服女狱警当性奴

当代嫪毐:养8名情妇,坐牢自由进出监狱,靠身体征服女狱警当性奴

古今档案
2023-12-24 22:33:08
这4大生肖惹不起,暴脾气,财运却很旺,一辈子常有发的机会!

这4大生肖惹不起,暴脾气,财运却很旺,一辈子常有发的机会!

书中自有颜如玉
2024-04-27 17:07:03
湖人消息:老詹联盟第一,系列赛转折点浮现,G5出场更新

湖人消息:老詹联盟第一,系列赛转折点浮现,G5出场更新

冷月小风风
2024-04-29 10:28:26
田馥甄宣布退出天津音乐节:遗憾无法依约跟大家见面,心还是热的

田馥甄宣布退出天津音乐节:遗憾无法依约跟大家见面,心还是热的

开开森森
2024-04-27 22:03:58
婚后16年从不做饭,不见公婆不叫爸妈,网球一姐李娜现状怎样了?

婚后16年从不做饭,不见公婆不叫爸妈,网球一姐李娜现状怎样了?

娱乐八卦木木子
2024-04-29 09:18:01
44+42+39!创生涯最高纪录,哈登如梦初醒了,还不如答应火箭啊

44+42+39!创生涯最高纪录,哈登如梦初醒了,还不如答应火箭啊

巴叔GO聊体育
2024-04-28 15:32:45
燃油车现状:20万以下已失守,50万以下能挺多久?

燃油车现状:20万以下已失守,50万以下能挺多久?

路咖汽车
2024-04-26 16:42:47
实锤,郭艾伦回归照曝光!5个大小包一身白抢眼,轮到广东害怕了

实锤,郭艾伦回归照曝光!5个大小包一身白抢眼,轮到广东害怕了

嘴炮体坛
2024-04-29 10:25:43
默森:热刺防守太差了 阿森纳和曼城就像拳击手遇到巅峰泰森

默森:热刺防守太差了 阿森纳和曼城就像拳击手遇到巅峰泰森

直播吧
2024-04-29 11:50:41
愿无大碍!森林狼主帅芬奇被康利误伤撞倒,被搀扶回更衣室

愿无大碍!森林狼主帅芬奇被康利误伤撞倒,被搀扶回更衣室

懂球帝
2024-04-29 12:23:32
狂轰66+15+12!把球给哈登啊,乔治赛后摊牌,泰伦卢也如梦初醒

狂轰66+15+12!把球给哈登啊,乔治赛后摊牌,泰伦卢也如梦初醒

巴叔GO聊体育
2024-04-29 10:27:32
俄罗斯损失惊人!这到底是去了谁的军事化?

俄罗斯损失惊人!这到底是去了谁的军事化?

娱宙观
2024-04-25 22:51:46
核污水即将进入中国!这六种海鲜尽量不吃,其中一种已经出现变异

核污水即将进入中国!这六种海鲜尽量不吃,其中一种已经出现变异

田间农人阿馋
2024-04-28 13:00:55
问界M7起火致3死后续!视频曝光,家属提出3大质疑,车企回应来了

问界M7起火致3死后续!视频曝光,家属提出3大质疑,车企回应来了

洛洛女巫
2024-04-28 12:11:42
天呐!李宇春竟然穿短裙了,这也太罕见了吧!

天呐!李宇春竟然穿短裙了,这也太罕见了吧!

娱乐八卦木木子
2024-04-28 21:03:33
st左江终于玩完了!公司股票被终止上市,300不见,6块已是高点!

st左江终于玩完了!公司股票被终止上市,300不见,6块已是高点!

资本百科
2024-04-29 10:00:30
网传4架F-16起义及官宣2年前某次实战任务和海狼撞山关联的解读

网传4架F-16起义及官宣2年前某次实战任务和海狼撞山关联的解读

赤剑军事
2024-04-28 09:42:55
刘强东章泽天牵手看李云迪演奏会

刘强东章泽天牵手看李云迪演奏会

三言科技
2024-04-28 14:19:19
2024-04-29 12:58:44
IT编程技能提升
IT编程技能提升
专注在线教育的交流与发展
86文章数 3605关注度
往期回顾 全部

数码要闻

消息称三星 Galaxy Tab S10 Ultra 研发受阻

头条要闻

牛弹琴:总理在钓鱼台会见马斯克 向美国释放明确信号

头条要闻

牛弹琴:总理在钓鱼台会见马斯克 向美国释放明确信号

体育要闻

湖人的G4,尽人事得到了回报

娱乐要闻

田馥甄遭抵制,蔡依林却能稳稳捞金?

财经要闻

问界M7追尾起火3人遇难 四大疑问待解

科技要闻

马斯克想把特斯拉中国数据送出国 这事太难

汽车要闻

配置更丰富 静态体验2024款欧拉好猫

态度原创

亲子
艺术
数码
公开课
军事航空

亲子要闻

妈妈不知道台阶大烫 让娃坐下,宝宝:让我坐肯定有她的道理

艺术要闻

共度北京108小时 北京当代2024“凝聚”全球36座城市100余家艺术机构

数码要闻

古尔曼:Vision Pro继任者2026年底之前不会推出

公开课

父亲年龄越大孩子越不聪明?

军事要闻

也门胡塞击落美军"死神"无人机 并展示残骸

无障碍浏览 进入关怀版