【Django 网页Web开发】10. 实战项目:靓号搜索功能(03)(保姆级图文)

目录

    • 搜索语句示例
    • 搜索语句规则
    • 简易搜索q
    • 带上搜索框的搜索
    • 总结


欢迎关注 『Django 网页Web开发』 系列,持续更新中
欢迎关注 『Django 网页Web开发』 系列,持续更新中

搜索语句示例

    q1=models.PrettyNum.objects.filter(mobile="65345678911",id=4)
    print(q1)#]>

    data_dict = {"mobile": "65345678911", "id": 4}#将搜索条件单独提出来
    q2=models.PrettyNum.objects.filter(**data_dict)
    print(q2)#]>

搜索语句规则

大于小于和范围指定数据匹配
注意下面中间间隔是2个下划线

  • models.PrettyNum.objects.filter(id=12) # 等于12
  • models.PrettyNum.objects.filter(id__gt=12) # 大于12
  • models.PrettyNum.objects.filter(id__gte=12) # 大于等于12
  • models.PrettyNum.objects.filter(id__lt=12) # 小于12
  • models.PrettyNum.objects.filter(id__lte=12) # 小于等于12

---- 示例:检索id小于等于12

  • data_dict = {“id__lte”: 12}
  • q=models.PrettyNum.objects.filter(**data_dict)
  • print(q)

---- 范围相关的搜索

  • models.PrettyNum.objects.filter(mobile=“999”) # 等于
  • models.PrettyNum.objects.filter(mobile__startswith=“1999”) # 筛选出以1999开头
  • models.PrettyNum.objects.filter(mobile__endswith=“999”) # 筛选出以999结尾
  • models.PrettyNum.objects.filter(mobile__contains=“999”) # 筛选出包含999

---- 示例:检索mobile包含999

  • data_dict = {“mobile__contains”: “999”}
  • models.PrettyNum.objects.filter(**data_dict)

简易搜索q

-view.py

def pretty_list(request):
    """ 靓号列表 """
    data_dict = {}
    search_data=request.GET.get("q")
    if search_data:#如果传来的参数非空就搜索,反之显示所有数据
        data_dict["mobile__contains"]=search_data#是否包含指定数据

    queryset = models.PrettyNum.objects.filter(**data_dict).order_by("-level")#-level表示按照level降序排列显示
    return render(request, 'pretty_list.html',{"queryset":queryset,"search_data":search_data})


地址栏中加入?q=34即可查找手机号码中含有34的数据,如果没有q值则返回所有数据
【Django 网页Web开发】10. 实战项目:靓号搜索功能(03)(保姆级图文)_第1张图片


带上搜索框的搜索

搜索框组件来自bootstrap,搜索完成后{{ search_data }}搜索关键词默认也留在网页

{% extends 'layout.html' %}

{% block content %}
    <div class="container">
        <div style="margin-bottom: 10px" class="clearfix">
            <a class="btn btn-success" href="/pretty/add/">
                <span class="glyphicon glyphicon-plus-sign" aria-hidden="true">span>
                新建靓号
            a>
            <div style="float: right;width: 300px;">
                <form method="get">
                    <div class="input-group">
                        <input type="text" name="q" class="form-control" placeholder="Search for..."
                               value="{{ search_data }}">
                        <span class="input-group-btn">
                        <button class="btn btn-default" type="submit">
                            <span class="glyphicon glyphicon-search" aria-hidden="true">span>
                        button>
                      span>
                    div>
                form>
            div>

        div>
        <div class="panel panel-default">
            
            <div class="panel-heading">
                <span class="glyphicon glyphicon-th-list" aria-hidden="true">span>
                靓号列表
            div>

            
            <table class="table table-bordered">
                <thead>
                <tr>
                    <th>IDth>
                    <th>号码th>
                    <th>价格th>
                    <th>级别th>
                    <th>状态th>
                    <th>操作th>
                tr>
                thead>
                <tbody>
                {% for obj in queryset %}
                    <tr>
                        <th>{{ obj.id }}th>
                        <td>{{ obj.mobile }}td>
                        <td>{{ obj.price }}td>
                        <td>{{ obj.get_level_display }}td>
                        <td>{{ obj.get_status_display }}td>
                        <td>
                            <a class="btn btn-primary btn-xs" href="/pretty/{{ obj.id }}/edit/">编辑a>
                            <a class="btn btn-danger btn-xs" href="/pretty/{{ obj.id }}/delete/">删除a>
                        td>
                    tr>
                {% endfor %}

                tbody>
            table>
        div>
        <div class="clearfix">
            <ul class="pagination">
                {{ page_string }}
            ul>

        div>

    div>
{% endblock %}

【Django 网页Web开发】10. 实战项目:靓号搜索功能(03)(保姆级图文)_第2张图片
【Django 网页Web开发】10. 实战项目:靓号搜索功能(03)(保姆级图文)_第3张图片


总结

大家喜欢的话,给个,点个关注!给大家分享更多有趣好玩的Python 网页Web开发知识!

版权声明:

发现你走远了@mzh原创作品,转载必须标注原文链接

Copyright 2023 mzh

Crated:2023-3-1

欢迎关注 『Django 网页Web开发』 系列,持续更新中
欢迎关注 『Django 网页Web开发』 系列,持续更新中
『01. 安装配置Django』
『02. 创建并运行一个Django项目』
『03. 初识Django』
『04. 请求和响应,网页跳转重定向,实战简易表单模拟登陆』
『05. 数据库操作,实战用户管理』
『06. 报错:You have 26 unapplied migration(s). Your project may not work properly until you apply the migra』
『07. 模板语法』
『08. 实战项目:部门和员工管理系统(01)』
『09. 实战项目:员工编辑删除功能与靓号管理(02)』
『10. 实战项目:靓号搜索功能(03)』
『11. 实战项目:分页与页码跳转功能(04)』
『12. 实战项目:分页组件的封装 面向接口编程(05)』
『13. 实战项目:添加用户时的时间选择组件(06)』
『14. 实战项目:一些面向对象的代码结构优化(07)』
『15. 实战项目:管理员增删改查,md5密码和密码重置(08)』
『16. 实战项目:BootStrap类的进一步优化(09)』
『17. 实战项目:login业务涉及cookie、session、中间件(10)』
『18. 实战项目:登录时的验证码(11)』
『19. 实战项目:初识Ajax请求(12)』
『20. 实战项目:Ajax实战之订单管理与弹出对话框(13)』
『21. 实战项目:echart数据图表(14)』
『22. 实战项目:简单的文件上传(15)』
『23. 实战项目:Excel和form和moudleForm的文件上传(16)』
【更多内容敬请期待】


你可能感兴趣的:(python,#,Django网页Web开发,django,python,后端)