任务⼀:搜索Python web开发框架,你选择使⽤
Django
*Django的介绍:
1,Django 是一个高级的 Python 网络框架,可以快速开发安全和可维护的网站。
2,Django是高水准的Python编程语言驱动的一个开源模型.视图,控制器风格的Web应用程序框架,它起源于开源社区。
3,开发者:艾德⾥安和威利森
4,Django 的功能是最完整的,Django 定义了服务发布、路由映射、模板编
程、数据处理的⼀整套功能。这也意味着 Django 模块之间紧密耦合。
5. 最新的 Django 版本:是 Django 4.0 于 2022 年发布
6, Django 命名:是以⼀个名叫 Django Reinhardt 吉他⼿的的名字来命名的。
7, Django 的功能是最完整的,Django 定义了服务发布、路由映射、模板编
程、数据处理的⼀整套功能。这也意味着 Django 模块之间紧密耦合。
*环境准备
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应用。
*创建Django项目
第一步、创建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中。
使用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>