[网站功能]在Flask中实现多条件分页搜索

今天我滴户外网站开发进度走到了多条件搜索活动的界面,不难但是涉及的细节很多,所以简单记录下
先上实现截图:

搜索功能实现效果图

具体实现一步步走起~

创建Form以及Form的布局显示

这个搜索框也可以直接抛弃Form....
表单类创建了需要的field并赋值

class ActivitySearchForm(Form):
    keyword = StringField('搜索关键字')
    outdoor = RadioField('活动类型')
    days = RadioField('出行天数')
    sort = RadioField('排序方式')
    submit = SubmitField('搜索活动')

    def __init__(self, *args, **kwargs):
        super(ActivitySearchForm, self).__init__(*args, **kwargs)
        #为单选钮赋默认值
        self.outdoor.choices = [(item.id, item.name) for item in OutdoorType.show_list()]
        days_source = [(1, '1天'), (3, '2-3天'), (7, '4-7天'), (15, '8-15天'), (16, '16天以上')]
        self.days.choices = days_source
        sort_source = [(0, '最新发布'), (1, '最多访问'), (2, '价格由低到高'), (3, '价格由高到低')]
        self.sort.choices = sort_source

界面选择表格布局,代码:

<form action="" method="post" class="form-horizontal" role="form">
    {{ form.hidden_tag() }}
    <table class="table vertical-center">
      <tbody>
        <tr class="active">
          <td class="highlight">搜索关键字</td>
          <td><div class="col-sm-6">
                    {{ form.keyword(class_='form-control') }}
                </div>
                <div class="col-sm-2">
                    {{ form.submit(class_='btn btn-warning') }}
                </div>
          </td>
        </tr>
        <tr class="warning">
          <td class="highlight">活动类型</td>
          <td>{{ form.outdoor(class_='radio-list-inline') }}</td>
        </tr>
        <tr class="active">
          <td class="highlight">出行天数</td>
          <td>{{ form.days(class_='radio-list-inline') }}</td>
        </tr>
        <tr class="warning">
          <td class="highlight">排序类型</td>
          <td>{{ form.sort(class_='radio-list-inline') }}</td>
        </tr>
      </tbody>
    </table>
    </form>

在活动类'Activity`中添加一个根据筛选项取得活动的方法

这里就是不停迭代filter_byorder_by
这里有一点需要注意,搜索框里面的几个单选钮,如果没有选择都返回'None',是None这个字符串,而部署None类型,所以判断的时候用的都是!= 'None'
这个还值得注意的是用空白分隔的关键字做搜索的实现
最后把query构建好了,用paginate分页取回活动

@staticmethod
    def get_activities_search(keyword, outdoor, days, sort, page=1):
        activities = Activity.query
        if outdoor != 'None': #户外类型
            t = OutdoorType.query.get(int(outdoor))
            activities = t.activities
        if keyword:#允许多个空格分隔的搜索关键字
            keywords = keyword.split()
            for k in keywords:
                activities = activities.filter(Activity.name.like('%'+k+'%'))
        if days != 'None': #出行天数
            if days == '1':
                activities = activities.filter(Activity.days == 1)
            elif days == '3':
                activities = activities.filter(or_(Activity.days == 2, Activity.days == 3))
            elif days == '7':
                activities = activities.filter(and_(Activity.days > 3, Activity.days < 8))
            elif days == '15':
                activities = activities.filter(and_(Activity.days > 7, Activity.days < 16))
            else:
                activities = activities.filter(Activity.days > 15)
        if sort != 'None':#排序
            if sort == '1':
                activities = activities.order_by(Activity.view_count.desc())
            elif sort == '2':
                activities = activities.order_by(Activity.price.asc())
            elif sort == '3':
                activities = activities.order_by(Activity.price.desc())
            else:
                activities = activities.order_by(Activity.timestamp.desc())
        return activities.paginate(page, current_app.config['PAGECOUNT_ACTIVITY'], error_out=False)

在View里面添加处理逻辑

在分页浏览中使用session保存搜索条件,每次POST修改搜索条件的时候,记得把page设成1

@team.route('/activites/search', methods=['GET', 'POST'])
def activities_search():
    form = ActivitySearchForm()
    page = request.args.get('page', 1, type=int)
    if request.method == 'POST':
        #每次POST,添加查询字符串,取回第一页
        session['activity-keyword'] = form.keyword.data
        session['activity-outdoor'] = form.outdoor.data
        session['activity-days'] = form.days.data
        session['activity-sort'] = form.sort.data
        page = 1
    pagination = Activity.get_activities_search(
        session.get('activity-keyword', ""),
        session.get('activity-outdoor', 'None'),
        session.get('activity-days', 'None'),
        session.get('activity-sort', 'None'),
        page
    )
    activities = pagination.items
    return render_template('activities_search.html',
                           form=form,
                           activities = activities,
                           pagination = pagination)

这里需要特别注意的是,因为使用了session,所以在从别的页面直接跳转到搜索页时,显示的是session搜索条件下的活动,所以在跳转前要将session清空

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 218,036评论 6 506
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,046评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,411评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,622评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,661评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,521评论 1 304
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,288评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,200评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,644评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,837评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,953评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,673评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,281评论 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,889评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,011评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,119评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,901评论 2 355

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明先生_X自主阅读 15,980评论 3 119
  • 【写在前面】 再一次接到祝老师的电话邀约,是否可以继续在心阳带领一次连续成长与学习。脑海中开始搜索,历经一年,在系...
    和谐达学王贯华阅读 469评论 0 0
  • 为证实这一点,其实不是骂人的,而是祝福啊
    不知之云阅读 691评论 0 0
  • 转自塔罗私教学生哲: 塔罗日记 韦特抽到的是12倒吊人 男子单脚绑在树上倒垂向下,双手放在背后,向下的头闪烁着光芒...
    璇琦儿阅读 572评论 0 1
  • 半边夜空青烟弥漫 遮住了微微的星光 你看那烟花多么漂亮 一闪而过又是谁的一生 留下摸不着的青烟 和看不见的灰烬 你...
    Anan啊喃阅读 390评论 0 4