zoukankan      html  css  js  c++  java
  • 实现搜索功能

    1. 准备视图函数search()

    2. 修改base.html 中搜索输入框所在的
      1. <form action="{{ url_for('search') }}" method="get">
      2.    <input name="q" type="text" placeholder="请输入关键字">

    3. 完成视图函数search()
      1. 获取搜索关键字
        q = request.args.get('q’)
      2. 条件查询
        qu = Question.query.filter(Question.title.contains(q)).order_by('-creat_time’)
      3. 加载查询结果:
        return render_template('index.html', question=qu)

    4. 组合条件查询
      from sqlalchemy import or_, and_ 

    示例:

    Lobby.query.filter(
        or_(
            and_(
                Lobby.id == Team.lobby_id,
                LobbyPlayer.team_id == Team.id,
                LobbyPlayer.player_id == player.steamid
            ),
             and_(
                Lobby.id == spectator_table.c.lobby_id,
                spectator_table.c.player_id == player.steamid
            )
        )
    )

    https://stackoverflow.com/questions/13370993/sqlalchemy-query-and-or-issue

    主py文件:

    @app.route('/cx/')
    def cx():
        qu = request.args.get('q')
        ques = Question.query.filter(
            or_(
                Question.title.contains(qu),
                Question.detail.contains(qu)
            )
        ).order_by('-creat_time')
        return render_template('sy.html',questions = ques)

    导航html:

     <form action="{{ url_for('cx') }}" method="get" class="navbar-form navbar-left" role="search">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="✍输入您感兴趣的" name="q">
                    </div>
                    <button type="submit" class="btn btn-default">查找</button>
                 </form>
  • 相关阅读:
    Azure产品目录
    AWS产品目录
    BD
    Cloud Resource
    do-release-upgrade升级笔记
    Gluster vs Ceph:开源存储领域的正面较量
    OpenStack大规模部署详解
    SECURITY ONION:防御领域的kali
    vue非父子组件间传参问题
    vue源码之响应式数据
  • 原文地址:https://www.cnblogs.com/qisq/p/8074768.html
Copyright © 2011-2022 走看看