首頁  >  文章  >  後端開發  >  Discuz x2.5 單頁製作的教學

Discuz x2.5 單頁製作的教學

WBOY
WBOY原創
2016-07-25 09:13:371575瀏覽
這樣就實現了一個模版檔案中多個頁面的效果。點選不同選項卡,顯示不同內容
Discuz單頁的製作其實還是很簡單的,之前也有很多版本的單頁製作的教程,今天這裡主要講Discuz x2.5 單頁的製作,包括單頁的DIY,選項卡頁面的製作等。

           單頁包含該單頁的php檔案及該單頁的範本(.htm)文件,例如:news.php、news.htm。查看新貼文就是使用單頁製作的,示範效果:http://bbs.it-home.org/news.php

程式設計師論壇的無圖精簡版也類似http://bbs.it-home.org/sitemap.php
下面就開始分析說明單頁的程式碼:

一、單頁php頁的建立,適用於DIY與一般單頁的程式碼如下:





  1. define('CURSCRIPT', 'archy');//body的一個class標識

  2. require './source/class/class_core.php';//引入系統核心檔案

  3. $discuz = & discuz_core::instance();//以下程式碼為建立及初始化物件

  4. $discuz-> init();

  5. loadcache('diytemplatename');//DIY要載入快取

  6. $navtitle = '單頁的標題';
$metakeywords = '單頁關鍵字1,單頁關鍵字2';

$metadescription = '單頁的描述說明';

include template('diy:forum/news');//調用單頁模版文件
    ?>

  1. 複製程式碼
  2. 單頁的php檔案存放於論壇根目錄。
  3.      注意:
    news為範本檔案名,不需加.htm副檔名,範本檔案存放於預設風格目錄下的forum目錄。

  4. 二、單頁範本檔案news.htm的建立。

  5. 1.普通內容單頁的模版檔案代碼:





  6.         

  7. $_G[setting][bbname]»

  8.      href="forum.php">$_G[setting][bbname]»

  9.               $navtitle

  10.         






  •         



  •                

    align:center >                        



  •           
  • 複製程式碼2.可DIY的單頁模版檔案代碼如下:




    1.         

    2. $_G[設定][bbname]»

    3.      a href="forum.php">$_G[設定][bbname]»

    4.               >$navtitle

    5.         





  • ;












  •         


  •                


  •         

  •                





  • 複製程式碼
  • 这段代码就是DIY区域的代码,你也可以通过DIV布局,然后加入多个DIY区域。

            注意:如果一个页面要插入多个DIY区域,注意修改上面DIY区域的编号ID,几个DIY区域的ID编号不能相同。
    3、带有右侧边栏的单页模版文件代码:





    1.         


    2.                 $_G[setting][bbname]»

    3.                 $_G[setting][bbname]»

    4.                 $navtitle

    5.         







  •         


  •             
    标题栏


  •                


  •                
  •            

    这里是单页正文内容区域



  •             

  •                


  •         

  •    
  •             


  •    
  •             


  •                         


  •                                 

    公告栏



  •                         

  •                         


  •                                 



  •                         这里可以放一些公告通知类的文字内容

  •                                 



  •                         

  •                

  •         

  •         


  •                         


  •                                 

    操作菜单



  •                         

  •                         


  •                         
  • 測試選單一
  • 測試選單二

  •                     
  • 測試選單中三 >
  •                     
  • 測試選單四

  • 測試選單五


  •                     
  • 測試選單中六


  •                                           


  •                



  •         


  •                        


  •                                                  


  •                         


  •                作者:Baker


  •        程式設計師論壇


  •            版權:程式設計師論壇


  •                                             


  •                


  •         

  •         

  •         


  •    





  • 複製程式碼
  • 4、带有标签选项卡的单页模版:





    1.         


    2.                 $_G[setting][bbname]»

    3.                 $_G[setting][bbname]»

    4.                 $navtitle

    5.         







  •         


  •             
    标题栏


  •                


  •                
  •             


    •                                 
    • class="a">最新发布


    •                                 
    • class="a">浏览排行


    •                                 
    • class="a">回复排行


    •                
    • class="a">评分排行


    •                         






  • 这里显示的是new选项卡下的内容



  • 这里显示view选项卡下的内容



  • 这里显示comment选项卡下的内容





  •                

  •         

  •    
  •             


  •    
  •             


  •                         


  •                                 

    公告栏



  •                         

  •                         


  •                                 



  •                         这里可以放一些公告通知类的文字内容这

  •                                 



  •                         

  •                

  •         

  •         


  •                         


  •                                 

    操作菜单



  •                         

  •                         


  •                                 

  •                         

  •                


  •         

  • >                        


  • 版權資訊


  •                         

  •                         


  •                                        
  • 作者上:程式設計師論壇


  •                     
  • 版權:程式設計師論壇




  •                         


  •                


  •  >

  •    




  • 複製程式碼

  • 其中




    •      
    • class="a">最新發表


    •                         ->class="a">瀏覽排行

    •                                 
    • 回覆排行
  •                
  • class="a">評分排行
    1.                         

    2. 複製代碼
    3. 解釋上面程式碼,其中每個
    4. 標籤,就​​是一個選項卡,裡面的超連結news.php?viewtype=new,這裡的viewtype就是指定一個變量,並且指定值為new,點擊這個選項卡時候$_G [gp_viewtype]就會取得這個值,然後判斷$_G[gp_viewtype]的值,來選擇目前選項卡是否為焦點選項。

      建立多頁的方法有2種,一種是建立多個單頁,包含多個php文件和多個範本文件,當然這種方法比較直接,但是比較麻煩;第二種就是我們上面說的方法:可以在同一個範本檔案中判斷$_G[gp_viewtype]的值來選擇顯示不同的內容,例如在正文區域中如下程式碼:


      1. 這裡顯示的是new選項卡下的內容



      2. 這裡顯示view標籤下的內容



      3. 這裡顯示comment標籤下的內容

      4. 這裡顯示comment標籤下的內容

      複製程式碼
    教學, 製作


    陳述:
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn