def user_list(request):    # 1.获取user表中所有的数据展示到html页面上    user_data = models.UserInfo.objects.filter()  # 括号内不填筛选条件等价于查所有    # QuerySet[对象1，对象2]   列表套对象    # 2.利用模版语法传递数据到html页面并完成处理最终返回给浏览器展示    return render(request,"user_list.html",{"user_data":user_data})

            <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.js"></script>{#    #}{#    <script src="bootstrap-3.4.1-dist/js/bootstrap.js"></script>#}    {% load static %}        <script src="{% static "bootstrap-3.4.1-dist/js/bootstrap.min.js" %}"></script>    
        
            
数据展示页
            
                                        {% for user_obj in user_data %}  # 接收Django提供的模板语法传过来的字典数据                                                 {% endfor %}                    
                    
                        
                            
ID
                            
Name
                            
Password
                            
Age
                            
Operation
                        
                    
                    
                            
{{ user_obj.id }}
                            
{{ user_obj.name }}
                            
{{ user_obj.password }}
                            
{{ user_obj.age }}
                            
                                编辑                                删除                            
                        
                
            登录用户            注册用户            
        
    

def user_register(request):    #2.根据不同的请求方式做不同的处理    if request.method == "POST":        # 3.获取用户相关数据        username_data = request.POST.get("name") # name age password是前端表单中name属性定义的        age_data = request.POST.get("age")        # 这里的数据是前端页面用户数据的数据        password_data = request.POST.get("password")        # 继续一些小的判断        if len(username_data) == 0 or len(password_data) == 0:            return HttpResponse("用户名或年龄不能为空")        user_data = models.UserInfo.objects.filter(name=username_data)   # 用户输入的username拿去和数据库中已经存在的用户比较        if user_data:            return HttpResponse("用户名已经存在")             # 不存在将用模型语法创建一个新用户数据        models.UserInfo.objects.create(name=username_data,age=age_data,password=password_data)        # 重定向到数据展示页        return redirect("/user_list/")    # 1.先返回一个获取注册新用户数据的html页面    return render(request, "register.html")

            <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.js"></script>{#    #}{#    <script src="bootstrap-3.4.1-dist/js/bootstrap.js"></script>#}     {% load static %}        <script src="{% static "bootstrap-3.4.1-dist/js/bootstrap.min.js" %}"></script>    
        
            
注册用户
            
                
                    
用户名:                                            
                    
年龄:                                            
                    
密码:                                            

(资料图)
                                    
            
        
    

ps:注意这里的a是get请求

def user_login(request):    # 2.根据不同的请求方式做不同的处理    if request.method == "POST":        # 3.获取用户相关数据        username_data = request.POST.get("name")   # 这里传的是input中name的值        age_data = request.POST.get("age")        password_data = request.POST.get("password")        # 继续一些小的判断        if len(username_data) == 0 or len(password_data) == 0:            return HttpResponse("用户名或年龄不能为空")        user_data = models.UserInfo.objects.filter(name=username_data,password=password_data)    # 这里是拿出数据库的值（等号前面）和浏览器的值比较        if user_data:            return HttpResponse("登录成功")        return HttpResponse("该用户不存在")        # models.UserInfo.objects.create(name=username_data, age=age_data, password=password_data)        # 重定向到数据展示页        # return redirect("/user_list/")    # 1.先返回一个获取注册新用户数据的html页面    return render(request, "login.html")

            <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.js"></script>{#    #}{#    <script src="bootstrap-3.4.1-dist/js/bootstrap.js"></script>#}    {% load static %}        <script src="{% static "bootstrap-3.4.1-dist/js/bootstrap.min.js" %}"></script>    
        
            
登录用户
            
                
                    
用户名:                                            
                    
密码:                                            
                                    
            
        
    

然后去浏览器地址栏输入http://127.0.0.1:8010/login，就可以得到以下页面，当然在数据展示页面点击登录也可以跳到当页面

在输入框输入存在的用户名和密码，则会看到页面会返回到HttpResponse结果

def user_edit_func(request):    # 1.获取用户想要编辑的数据主键值    target_edit_id = request.GET.get("edit_id")    # 4.根据不同的请求处理不同的逻辑    if request.method == "POST":        name_data = request.POST.get("name")        age_data = request.POST.get("age")        if len(name_data) == 0 or len(age_data) == 0:            return HttpResponse("用户名或年龄不能为空")        models.User.objects.filter(pk=target_edit_id).update(name=name_data, age=age_data)        # 5.重定向到数据展示页        return redirect("/user_list/")    # 2.根据主键值获取对应的数据    target_edit_obj = models.User.objects.filter(pk=target_edit_id)[0]  # QuerySet [对象1,对象2,...]    # 3.返回一个编辑数据的页面 并且该页面上需要提前展示出原来的数据    return render(request, "userEditPage.html", {"target_edit_obj": target_edit_obj})

            <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.js"></script>    {% load static %}        <script src="{% static "bootstrap-3.4.1-dist/js/bootstrap.min.js" %}"></script>        
        
            
数据编辑页
            
                
                    
name:                                            
                    
age:                                            
                                    
            
        
    

ps:这里需要注意的两个点，也是我第一次写的时候，由于逻辑没有理清，少写了edit_id参数在user_list.html文件中需要用get请求传的参数，所以出现了IndexError: list index out of range错误

def user_delete(request):    target_delete_id = request.GET.get("delete_id")    models.UserInfo.objects.filter(pk=target_delete_id).delete()    return redirect("user_list")

 编辑 删除

ps: 二次确认冒泡事件

<script>        $(".delBtn").click(function () {          let res = confirm("你确定要删除嘛？")          if (res){                                {# 如果点击确定 则执行事件冒泡 #}          }else{              return false   {# 如果点击取消 则阻止事件冒泡 #}          }        })    </script>

浏览器发送请求(HTTP协议) web服务网关接口1.请求来的时候解析封装响应走的时候打包处理 2.django默认的wsgiref模块不能承受高并发 最大只有1000左右上线之后会替换成uwsgi来增加并发量3.WSGI跟wsgiref和uwsgi是什么关系WSGI是协议wsgiref和uwsgi是实现该协议的功能模块 django后端1.django中间件类似于django的保安 门户2.urls.py  路由层识别路由匹配对应的视图函数3.views.py视图层网站整体的业务逻辑4.templates文件夹模版层网站所有的html文件5.models.py   模型层ORM

标签：