thinkphp3.2 實現點擊圖片或文字進入內容頁

標籤：names   assign   include   blog   use   namespace   res   file   nav   

首先要先把頁面渲染出來,http://www.mmkb.com/weixiang/index/index.html

<div class="main3 mt">        <h2 class="w-title">案例展示</h2>        <p class="w-text">提供多種行業解決方案，讓你擁有更多選擇</p>        <div class="container case">            <div class="row">                <foreach name="alzs" item="vo" >　　　　　　　　　　　　　　//這邊是遍曆輸出圖片                <div class="col-lg-3 col-xs-12 casepic">                    <div class="recent-work-wrap">                      <a href="/weixiang/alzs/index?code=‘{$vo.a_id}‘">       //這條是關鍵                      <img class="img-responsive" src="__ROOT__/Uploads{$vo.photo}" alt="">                          <div class="overlay">                                <div class="recent-work-inner">                                  <h3>{$vo.a_title}</h3>                                </div>                          </div>                       </a>                    </div>                </div>                </foreach>                            </div>        </div>        <a href="http://www.mmkb.com/weixiang/case/index" class="more">查看更多</a>    </div>

 

然後就要把這些圖片的路徑替換一下,思路是給每一個指向內容頁模板的路徑加一個code值(指向主鍵),點擊控制器會從資料庫進行遍曆輸出

 

控制器

<?phpnamespace Weixiang\Controller;use Think\Controller;class IndexController extends Controller {    public function index(){        /*         * 遍曆頭部列表         */        $list = M(‘article_cate‘)->where(‘pid=9‘)->order(‘id‘)->select();        $this->assign(‘list‘,$list);        /*         * 案例展示　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　//這個是控制器的顯示         */        $alzs = M(‘article‘)->where(‘cate_id=24‘)->select();        $this->assign(‘alzs‘,$alzs);        /*         * 新聞資訊         */        $xwzx =M(‘article‘)->where(‘cate_id=21 and a_views=0‘)->select();        $this->assign(‘xwzx‘,$xwzx);        /*         * 關於微享         */        $datu = M(‘article‘)->where(‘cate_id=33‘)->select();        $this->assign(‘datu‘,$datu);        /*         * 微享優勢         */        $youshi = M(‘article‘)->where(‘cate_id=34‘)->select();        $this->assign(‘youshi‘,$youshi);        $this->display(‘/Public/index‘);    }}

 

指向的內容頁模板的控制器

<?phpnamespace Weixiang\Controller;use Think\Controller;class AlzsController extends Controller {    public function index(){        /*          * 遍曆頭部列表          */        $list = M(‘article_cate‘)->where("pid=9")->order(‘id‘)->select();        $this->assign(‘list‘,$list);        /*         * 擷取內容         */        $code =$_GET[‘code‘];　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　//用GET方法擷取code值        $al = M(‘article‘)->where("a_id = $code")->find();　　　　　　　　　　　　　//根據擷取到的code值進行資料庫查詢,注意用find方法查一條資料        $this->assign(‘al‘,$al);        $this->display(‘/Public/alzs‘);　　　　　　　　　　　　　　　　　　　　　　　　//指向alzs.html    }}

指向的 alzs.html

<include file="Public/header" /><div class="casebg">    <div class="container animated bounceInUp">        <h2>案例展示</h2>        <p>力求視覺與互動的完美契合，以規範的流程和專註的態度，為您提供全方位的設計服務。</p>    </div></div><div class="newnav">    <div class="container">        <div class="row">            <div class="col-lg-1 col-xs-3"><a href="" class="current">全部</a></div>            <div class="col-lg-1 col-xs-3"><a href="">微官網</a></div>        </div>    </div></div><div class="detail mt">    <div class="container">        <div class="row">            <div class="col-lg-12 col-xs-12">                <h2>{$al.a_title}</h2>　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　//這裡就顯示code顯示的值                <p>{$al.a_content}</p>            </div>        </div>        <div class="row mt">            <div class="col-lg-1 col-xs-12 "><a href="">上一頁</a></div>            <div class="col-lg-1 col-xs-12 col-lg-offset-10"><a href="">下一頁</a></div>        </div>    </div></div><include file="Public/footer" />

這樣只有在後台介面放入資料就可以實現效果了

 

thinkphp3.2 實現點擊圖片或文字進入內容頁