任务⼀：搜索Python web开发框架，你选择使⽤Django
Django介绍
由来：Django 最初是被开发⽤来管理劳伦斯集团旗下⼀些以新闻内容为主
的⽹站。
❖开发者：艾德⾥安和威利森
❖ Django 命名：是以⼀个名叫 Django Reinhardt 吉他⼿的的名字来命名的。
❖ 最新的 Django 版本：是 Django 4.0 于 2022 年发布
❖ Django框架的特点
❖ Django 的功能是最完整的，Django 定义了服务发布、路由映射、模板编
程、数据处理的⼀整套功能。这也意味着 Django 模块之间紧密耦合。
Django优点
❖ 强⼤的数据库功能
❖ ⾃带强⼤的后台功能
❖ 优雅的⽹址
❖ 在urls.py中⽤正则匹配⽹址，传递到对应的函数，随意你⾃⼰定义，⽹址可以如你所想，如你所愿。
❖ 具有模板系统
❖ 模板系统⼤⼤的降低了开发者头疼脑热的概率。
❖ 缓存系统
❖ Django和memcached、redis或者其他的缓存系统联⽤，提⾼了页⾯的加载速度。
❖ 国际化
❖ 想要⽹页显⽰不同语⾔，只需要在⼀个⽂件的设置中稍微那么修改⼀下。页⾯就会穿上各种语⾔的外⾐。
❖ Django 的 App 可插拔
❖ 不需要APP了，可以直接删除，对系统影响不⼤
环境准备与技术
1、搭建虚拟环境。
2、安装数据库软件
3、安装Python解释器
4、安装代码编辑器(IDE)
二、Django安装
pip install django #安装最新Django
pip install django==3.2 #指定版本安装
1、创建Django项目：
❖ django-admin startproject apitest
2、创建APP的骨架并声明（让大家都知道）
2.1 python manage.py startapp blog
2.2 ❖ settings.py配置文件里的INSTALLED_APPS选项里注册应用。申明blog这个文件夹是一个APP应用。
三、创建第一个项目
第一步、创建APP骨架并申明
创建⼀个名叫blog的应⽤：
❖ 输⼊命令：python manage.py startapp blog
❖ blog #应⽤⽬录
❖ │
admin.py #对应应⽤后台管理配置⽂件。
❖ │
apps.py #对应应⽤的配置⽂件。
❖ │
models.py #数据模块，数据库设计就在此⽂件中设计。后⾯重点讲解
❖ │
tests.py #⾃动化测试模块，可在⾥⾯编写测试脚本⾃动化测试
❖ │
views.py #视图⽂件，⽤来执⾏响应代码的。你在浏览器所见所得都是它处理的。
❖ ├─migrations #数据迁移、移植⽂⽬录，记录数据库操作记录，内容⾃动⽣成。
❖ 我们需要在项⽬⽬录下的mysite⽂件夹下的settings.py配置⽂件⾥的INSTALLED_APPS选项⾥
注册应⽤。申明blog这个⽂件夹是⼀个APP应⽤。
第二步、改到中国世界
Mysite⽬录下的settings.py配置⽂件，我们需要把语⾔设置为中⽂和时区修改
为中国时区。
❖ mysite/mysite/settings.py
❖ # 把语⾔改为中⽂
❖ # LANGUAGE_CODE = 'en-us'
❖ LANGUAGE_CODE = 'zh-hans'
❖ # 把国际时区改为中国时区
❖ # TIME_ZONE = 'UTC'
❖ TIME_ZONE = 'Asia/Shanghai'
第三步、建立对外沟通的界面
1、建⽴在界⾯要展⽰的东西
❖ mysite/blog/views.py
❖ from django.http import HttpResponse
❖ def hello(request):
❖ return HttpResponse(‘Hello,world')
❖ 每个视图函数的第⼀个默认参数都必需是request, 它是⼀个全
局变量。Django把每个⽤户请求封装成了request对象，它包
含⾥当前请求的所有信息，⽐如请求路径request.path, 当前⽤
户request.user以及⽤户通过POST提交的数据request.POST。
2、建⽴地址访问的桥梁路由映射。
mysite/mysite/urls.py
from django.contrib import admin
from django.urls import path
from blog import views #+
urlpatterns = [
path('admin/', admin.site.urls),
path('index', views.hello), #+
]
第四步、启动项目
四、添加模板及静态⽂件，使⽤⼆级路由
1、配置跟路由
1、在最外⾯的urls.py的路由是根路由
❖ From django.contrib import admin
❖ from django.urls import path,include
❖ urlpatterns = [
❖ path('admin/', admin.site.urls),
❖ path('', include('blog.urls')),
❖ ]
❖ 2、在每个app应⽤新建⼀个同名的urls.py是这个应⽤的⼆级路由
❖ Blog/urls.py
❖ from django.urls import path
❖ from . import views
❖ urlpatterns = [
❖ path('', views.home),
❖ ]
（1）增加一个模块和路由
Views.py
❖ Def abcdef(request): +
❖ Return HttpResponse(‘iloveyou’) +
❖ Blog/urls.py
❖ from django.urls import path
❖ from . import views
❖ urlpatterns = [
❖ path('', views.home),
❖ path('love', views.abcdef), +
❖ ]
2、Templates的应用
1. 设置模板的位置：settings中TEMPLATES->’DIRS’:
cos.path.join(BASE_DIR, 'base/templates')
2. 建⽴模板（例如：demo.html）
在blog下⾯建⽴⽂件夹templates,在其下⾯建⽴demo.html⽂件
3. 使⽤模板（urls加路由，view中的对应）
render(request, ‘demo.html')
（1）、建立模板：Demo.html
<!DOCTYPE html>
❖ <html lang="en">
❖ <head>
❖ <meta charset="UTF-8">
❖ <title>demo样式</title>
❖ </head>
❖ <body>
❖ <p>
❖ <h2> 这是我的简书的地址 </h2>
❖ <a href="//www.greatytc.com/u/030c07091ea4" target="_blank" >测试星云</a>
❖ <h4>测试相关技术探讨</h4>
❖ </p>
❖ </body>
❖ </html>
(2)、可以添加静态文本-样式
1、在templates同级建⽴⼀个static⽂件夹
❖ 2、在settings.py中最下⾯添加
❖ STATICFILES_DIRS=[
❖ os.path.join(BASE_DIR,’static’)
❖ ]
❖ 3、在static下⾯建⽴⼀个1.css样式表，写点样式。
❖ H1{
❖ Color:#369
❖ }
❖ 4、在demo.html⽂件中head下⾯加⼊
❖ <link rel=“stylesheet” href=“/static/1.css”>
（3）、可以使用bootstrap写好的css样式变好看
https://getbootstrap.com/
❖ https://getbootstrap.com/docs/5.1/examples/
❖ https://getbootstrap.com/docs/5.1/examples/headers/
❖ head中加上css（也可使⽤下载到本地的）
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
❖ 将源代码复制到html中。
MVC
MVC是Model-View-Controller，MVC把三层架构中的UI层再度分割形成模型、视图、控制器。控制器完成页面逻辑、通过模型与界面通信，控制器则直接与三层架构中的业务逻辑层BLL对话。
MVC是一种复合设计范式，一种在特定场合用于解决某种实际问题得出的可以反复实践的解决方案。首先MVC中三者并不存在明显的层次结构，没有明显的向下依赖的关系。相反的是View和Model往往是比较独立的，而Controller则是两者的桥梁。
MVC更像是横向的切分，MVC每块都可以独立测试。而在三层架构中，上层模块的运行测试势必要提供下层代码或相同接口。MVC的目的是实现Web系统（BS结构）的职能分工，即职责划分。
作者：JunChow520
链接：//www.greatytc.com/p/3b231e5094c5
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
五、使用ORM方式建立操作数据表
model模型第一步：设计模型
完成博客，我们需要存储三种数据。⽂章分类、⽂章、⽂章标签。
❖ 1、分类表结构设计：
❖ 表名：Category、分类名：name （科技，教学，游戏，动漫）
❖ 2、标签表设计：
❖ 表名：Tags、标签名：name （俄乌局势，360报告）
❖ 3、⽂章表结构设计：
❖ 表名：Article、标题：title、摘要：intro、分类：category、标签：tags、内容：
body、创建时间：created_time、作者：author
❖ 其中：
❖ 分类和⽂章是⼀对多的关系，标签和⽂章是多对多的关系，作者和⽂章是⼀对
ORM与DB-django使⽤ORM⽅式建⽴操作数据表
模型第二步1：创建模型blog/models.py
from django.db import models
❖ class Category(models.Model):
❖ name = models.CharField(verbose_name='分类', max_length=100)
❖ class Tags(models.Model):
❖ name = models.CharField('标签', max_length=100)
❖ class Article(models.Model):
❖ title = models.CharField('⽂章标题',max_length=70)
❖ intro = models.TextField('⽂章内容', max_length=200, blank=True)
❖ created_time = models.DateTimeField(‘发布时
间',auto_now_add=True)
2：创建模型blog/models.py-关联
from django.db import models
❖ from django.contrib.auth.models import User
❖ ……
❖ class Article(models.Model):
❖ category = models.ForeignKey(Category, on_delete=models.CASCADE, ve
rbose_name='分类', default='1')
❖ tags = models.ManyToManyField(Tags, blank=True)
❖ user = models.ForeignKey(User, on_delete=models.CASCADE, verbose_na
me='作者')
模型第三步：迁移数据
数据模型设计好之后，我们就需要迁移数据到数据库。
❖ 创建模型⽂件：只是创建了⼀个对象的数据⽂件，为改动创建迁移记录；
python manage.py makemigrations
❖ 迁移数据：把表结构在数据库中建⽴，将操作同步到数据库
❖ python manage.py mig
模型第四步：可以使⽤Django管理后台admin查看建⽴的应⽤
1、创建管理员帐号密码
❖ 创建⼀个管理员帐号
❖ python manage.py createsuperuser
❖ ……
❖ 2、启动开发服务器
❖ 输⼊如下命令：
❖ python manage.py runserver
Django管理后台admin
3、在admin下注册blog应⽤
❖ 现在后台，只有默认的Django认证和授权应⽤，我们前⾯设计的那个应⽤模型我
们需要在管理后台注册之后才能对其进⾏管理。⽅法如下：打开blog/admin.py⽂
件，加⼊如下内容：
❖ from django.contrib import admin
❖ from .models import Article,Tags,Category
❖ admin.site.register(Tags)
❖ admin.site.register(Article)
❖ admin.site.register(Category)
❖ 刷新页⾯，我们就能看到blog这个应⽤了
Django 管理应⽤blog
Django 最强⼤的部分之⼀是⾃动管理界⾯。它从你的模型中读取元数据，提供⼀个快速的、
以模型为中⼼的界⾯，受信任的⽤户可以管理你⽹站上的内容。管理的推荐使⽤范围仅限于
⼀个组织的内部管理⼯具。
❖ 在admin.py中建⽴⾃动管理界⾯
❖ @admin.register(Article)
❖ class ArticleAdmin(admin.ModelAdmin):
❖ Pass
❖ （与admin.site.register(Article)相同作⽤）
六、将数据库中数据在前台显⽰（不是在管理员界⾯）
1、将后端数据传递回前端界⾯（常⽤格式列表字典
❖ views.py中Render中参数传递动态数据
❖ def sonpage(request):
❖ context = {"ads": ["selenium", "appium", "requests"] }
❖ return render(request, 'sonpage.html', context)
❖ 或
❖ rooms=[ {'name':'python web 技术'},{'name':'测试技术'}, {'name':'⼈⼯智能'}]
❖ def hello(request):
❖ context={'rooms':rooms}
❖ return render(request,'hello.html',context)
2、前端界⾯循环显⽰出来
在html页⾯中添加 ：变量调⽤： {{变量名}} 代码使⽤{% %}
❖ <ul>⾃动化内容</ul>
❖ {% for i in ads %}
❖ <li>{{i}}</li>
❖ {% endfor %}
❖ 或
❖ {% for room in rooms %}
❖ <h5> {{room.name}}</h5>
❖ {% endfor %}
3、将数据库的数据取回到后端中
获取这个ORM模型的QuerySet对象。即获取所有的数据。
模型中类名.objects.all(),这个不 包括id
models.模型中类名.Objects.values(),这个包括 id
from .models import Category
context = {'rooms': Category.objects.values()}
4、可使⽤bootstrap写好的css样式变好看
❖ https://getbootstrap.com/
https://v4.bootcss.com/docs/components/navs/
❖ https://getbootstrap.com/docs/5.1/examples/
❖ head中加上css（也可使⽤下载到本地的）
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
crossorigin="anonymous">
❖ 将源代码复制到html中。可直接使⽤
七、使⽤包含继承，设计我前端的样式，从前端向后传递数据
第⼀步：前端技术加强-html模板应⽤
页⾯的继承(⽗模板与⼦模板),扩展及导
⼊
❖ {% include 'navbar.html' %}
❖ {% extends 'main.html' %}
❖ {% block content %}
❖ <h1>主页home模板</h1>
❖ {% endblock %}
❖
步骤
1、建⽴navbar.html⽂件，是导航条
2、建⽴main..html，主页，包括导航和
不同的块，等⼦模板覆盖。
3、建⽴home.html，继承主页，把预留的
块填写上⾃⼰的内容
4、建⽴room.html⽂件，同上。
5、def home(request):
return render(request, "home.html", context)
def room(request):
return render(request, "room.html")
第⼆步：通过url中参数传递进⼊不同页⾯
总结：从后端通过响应往前端页⾯传递数据使⽤【返回值】 render(,,context)
❖ 从前端通过url参数/<str:pk> —->对应的⽅法的【⼊参】 room(request,pk)
❖ 1、urls.py
❖ path('room/<str:pk>/', views.room,name=‘room')
❖ 2、views.py
❖ def room(request,pk):
❖ 3、home.html
❖ {% for room in rooms %}
❖ <h3>{{room.id}} -- <a href="/room/{{room.id}}">{{room.title}}</a></h3>
❖ {% endfor %}
通过url中参数传递进⼊不同细节
4、获取所有的数据包括id,并改为Article类（显⽰⽂章）views.py中
❖ rooms = models.Article.objects.values()/all()
❖ 5、在返回的 判断符合 的id后将这个 id的内容显⽰在页⾯中。
❖ def room(request, pk):
❖ room=models.Article.objects.get(id=pk)
❖ context={'room':room}
❖ return render(request, "room.html", context)
❖ 6、room.html
❖ <h1>{{room.title}}</h1>
八、使⽤表单form模板并建⽴页⾯的增删改查功能
创建添加⽂章功能1-创建前端home/添加⽂章页⾯
1、建⽴添加⽂章进⼊链接：在home.html 的for循环上 ⾯加
❖ <a href="{% url 'create-room' %}">创建⽂章</a>
❖ 2、建⽴添加⽂章room_form.html
❖ {% extends 'main.html' %}s
❖ {% block content %}
❖ <div>
❖ <form method="post" action="">
❖ {% csrf_token %}
❖ {{form.as_p}}
❖ <input type="Submit" value="提交" />
❖ </form>
❖ </div>
❖ {% endblock content%}
创建添加⽂章功能2-创建表单模板及路由
3、使⽤表单模板从数据库中取出数据⽣成页⾯要添加的字段。【新建forms.py】
❖ from django.forms import ModelForm
❖ from .models import Article
❖ class RoomForm(ModelForm):
❖ class Meta:
❖ model = Article
❖ fields = '__all__'
❖ 4、添加路由url.py ,并把home添加名字，其他改成英⽂
❖ urlpatterns = [
❖ path('', views.home,name='home'),
❖ path('room/<str:pk>/', views.room, name='room'),
❖ path('create-room/', views.create_room, name=‘create-room'),]
创建添加⽂章功能3-创建【判断并保存及返回响应】的 ⽅法
❖ 5、建⽴提交添加数据接收和返回的 ⽅法。views.py
❖ def create_room(request):
❖ form = RoomForm()
❖ if request.method == 'POST':
❖ form = RoomForm(request.POST)
❖ print(request.POST)
❖ if form.is_valid():
❖ form.save()
❖ return redirect(‘home’)
❖ context = {'form': form}
❖ return render(request, 'room_form.html', context)
更新功能2-创建路由及 前端
❖ 在urls.py
❖ path('update-room/<str:pk>', views.update_room, name='update-room'),
❖ 在home.html
❖ 循环中
❖ <a href="{% url 'update-room' room.id %}">修改⽂章</a>
更新功能1-保存数据到数据库 创建返回
❖ 1、在 views.py 创建 update_home()⽅法
❖ def update_room(request, pk):
❖ # 从数据库中获得id为前端传过来的值，查询某个值的结果返回
❖ info = Article.objects.get(id=pk)
❖ # 返回结果装在前端表单模板中，通过return返回给前端html⽹页
❖ form = RoomForm(instance=info)
❖ if request.method=='POST':
❖ form=RoomForm(request.POST,instance=info)
❖ if form.is_valid():
❖ form.save()
❖ return redirect('home')
❖ context = {'form': form}
❖ return render(request, 'room_form.html', context)
删除功能1-创建删除模板html
❖ 1、创建delete.html
❖ {% extends 'main.html'%}
❖ {% block content %}
❖ <form method="post" action="">
❖ {% csrf_token %}
❖ <p>
❖ 确定要删除{{obj}}吗？
❖ </p>
❖ <a href="{{request.META.HTTP.REFERER}}"> 回到从前</a>
❖ <input type="submit" value="提交" />
❖ </form>
❖ {% endblock content %}
删除功能2-删除数据库数据，创建返回数据、路由、链接
❖ 在views.py中添加
❖ def delete_room(request, pk):
❖ info = Article.objects.get(id=pk)
❖ if request.method == 'POST':
❖ info.delete()
❖ return redirect('home')
❖ return render(request, 'delete.html', {'obj': info})
❖ 在urls.py
❖ path('delete-room/<str:pk>', views.delete_room, name='delete-room'),
❖ 在home.html循环中
❖ <a href="{% url 'delete-room' room.id %}">删除⽂章</a>
