bootstrap 搜索怎么开始？_ThinkPHP_论坛

bootstrap 搜索怎么开始？

熊***子分类：ThinkPHP 人气：930 回帖：3 发布于6年前收藏

每个页面都在<body> 节点之后，通过include指令引入了这个文件。

<body>
    <include file="Public:pageHeader" />

都有这个header。
怎么开始做搜索？
后端是ThinkPHP 3.2.3

<ul class="nav navbar-nav " >
    <li class="active"><a href="{:U('Index/index')}">首页<span class="sr-only">(current)</span></a></li>
</ul>
<form class="navbar-form navbar-left" role="search">
       <div class="form-group">
           <div class="input-group">
            <input type="text" id='txtSearch' name="txtSearch" class="form-control" placeholder="请输入...">
               <div class="input-group-btn">
                    <button class="btn btn-block" id="btnSearch" name="btnSearch"  style="background: #005AA0;"><span class="glyphicon glyphicon-search"></span></button>
               </div>
           </div>
        </div>                            
</form>

标签：bootstrap thinkphp

讨论这个帖子（3）垃圾回帖将一律封号处理……

Lv4 码徒

那***n 产品经理 6年前#1

<ul class="nav navbar-nav " >
    <li class="active"><a href="{:U('Index/index')}">首页<span class="sr-only">(current)</span></a></li>
</ul>
<form class="navbar-form navbar-left" role="search" action="{:U('Index/search)}" method="get">
       <div class="form-group">
           <div class="input-group">
            <input type="text" id='txtSearch' name="txtSearch" class="form-control" placeholder="请输入...">
               <div class="input-group-btn">
                    <button type="submit" class="btn btn-block" id="btnSearch" name="btnSearch"  style="background: #005AA0;"><span class="glyphicon glyphicon-search"></span></button>
               </div>
           </div>
        </div>                            
</form>

在这views文件中的<form>中加了action和method属性，在搜索按钮中加了type="submit"属性。这样点击搜索就能跳转到搜索页面，搜索的controller接收$_GET['txtSearch']参数，进行搜索。
基本思路就是这样。

Lv4 码徒

gu***un UI设计师 6年前#2

谢邀；还是给例子吧：
第32-37行是搜索的view部分代码：http://git.oschina.net/shuaibai123/thinkbjy/blob/master/Template/default/Home/Public/public_right.html
第100-112行是controller部分代码：http://git.oschina.net/shuaibai123/thinkbjy/blob/master/Application/Home/Controller/IndexController.class.php
第304-325行是model部分代码：http://git.oschina.net/shuaibai123/thinkbjy/blob/master/Application/Common/Model/ArticleModel.class.php

Lv6 码匠

雾***n 页面重构设计 6年前#3

把 input 里的值提交（可以是 Ajax 也可以是表单提交）到后台，后台程序通过这个值筛选过滤内容，返回给前台

文明上网，理性发言！ 😉 阿里云幸运券，戳我领取