Django框架快速入门之前台管理html(书籍管理系统)及Django请求的生命周期总结

Django框架快速入门之前台管理html(书籍管理系统)

一、html

html学习参考资料: https://www.runoob.com/html/html-forms.html

常用组件:

标题类: h1, h2, h3…h6
图片标签: img
链接标签: a
换行标签: br
表格标签:table, tr(row), td
列表标签:ul, li
表单标签: form, input

在templates内创建两个html文件
在这里插入图片描述

index.html #主页

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>书籍管理首页</title>
</head>
<body>

<h4>书籍列表</h4>
<ul>
    {% for book in books %}
    <li><a href="/book/{{ book.id }}">{{ book.name }} - 销量:{{ book.sales_count }}</a></li>     
    {% endfor %}
</ul>
</body>
</html>

details.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>书籍详情页</title>
</head>
<body>

<h4>书籍详情页</h4>

书籍名称:{{ book.name }}  #变量输出语法

{% if book.hero_set %} #语法
    <ul>
        {% for hero in book.hero_set.all %}
            <li>{{ hero.name }}</li>
        {% endfor %}

    </ul>
{% else %}
    <h4 style="color: red">{{ book.name }}无人物信息</h4>
{% endif %}


</body>
</html>

二、将前端html代码与数据库内容连接

编辑路由文件

# bookApp/urls.py
from django.conf.urls import url
from django.urls import path
from .views import index, details

urlpatterns = [
    # 当用户访问bookApp应用的主页时, 执行视图函数index,反向根据名称获取url地址;
    path('', index, name='index'),
    path('/',details, name='detail'),
]


"""
设计路由:
访问首页 http://xxx.book/ 返回所有的书籍信息
访问指定书籍的信息 http://xxx.book/ 返回指定id的书籍信息
"""

Django框架快速入门之前台管理html(书籍管理系统)及Django请求的生命周期总结_第1张图片

视图函数 让其返回书籍内容

views.py

"""
和视图相关的
"""
from django.shortcuts import render
from django.http import HttpResponse

# Create your views here.
#http://127.0.0.1/login
#http://127.0.0.1/register 根据路由
#http协议:http请求 http响应
from bookApp.models import Book

# 视图函数(处理逻辑):django所有的视图函数接收请求,返回响应
def index(request):
    books= Book.objects.all()
    return render(request, 'index.html', {'books':books})
def details(request,id):
    try:
        book = Book.objects.get(id=id)
    except Exception as e:
        return HttpResponse('图书不存在')
    return render(request, 'details.html', {'book':book})

展示结果
Django框架快速入门之前台管理html(书籍管理系统)及Django请求的生命周期总结_第2张图片
Django框架快速入门之前台管理html(书籍管理系统)及Django请求的生命周期总结_第3张图片

Django请求的生命周期

1.专有名词解释

wsgi(web服务网关接口) : 封装请求后交给后端的web框架( Flask、Django )。
请求中间件:对请求进行校验或在请求对象中添加其他相关数据,例如: csrf、 request.session 。
路由匹配: 根据浏览器发送的不同 url 去匹配不同的视图函数。
视图函数: 在视图函数中进行业务逻辑的处理,可能涉及到: ORM、Templates 。
响应中间件:对响应的数据进行处理。
wsgi : 将响应的内容发送给浏览器。

2.请求流程(附流程图)

Django框架快速入门之前台管理html(书籍管理系统)及Django请求的生命周期总结_第4张图片

最简单的流程:

当用户在浏览器中输入网址发起请求,先经过wsgi(web服务网关接口)将用户请求进行封装交给总路由配置文件(URL conf),路由配置会对应视图函数(View)将响应结果(最简单的相应结果就是字符串)直接反馈给wsgi,经由wsgi返回给浏览器,展示给用户。

更见详细的请求流程:

1.用户输入网址交给wsgi(web网关服务接口),
2.wsgi将用户请求交给总路由配置(URL conf),
3.总路由配置会对应视图函数(View),
4.这个视图函数可能需要通过模型(Model)查询数据库,通过面向对象的方式(ORM)对真实的数据库进行查找,
5.查询完毕,将需要变量信息返回给视图函数(View),
6.视图函数将变量结果传给前端(Template),
7.前端对变量信息进行渲染(放入模板中,使其变得美观),
8.前端将渲染好的信息返回给wsgi,
9.wsgi将结果封装传给浏览器。

3.中间件简单介绍

请求中间件(Request Middlewares):当用户在请求时,需要判断用户是否登陆,权限是否允许,这些操作都是在请求的过程中使用请求中间件进行实现的。

视图中间件(View Middlewares):当在执行视图函数时,如果我们需要在所有视图函数执行之前执行某个操作,需要视图中间件进行实现。

异常中间件(Exception Middlewares):当结果在返回的过程中,可能会出现异常,需要异常中间件进行操作。

响应中间件(Response Middlewares):当需要对响应信息再做一次封装的时候,需要响应中间件。

你可能感兴趣的:(python,django,html,python)