新聞中心
DEDECMS仿站基礎(chǔ)實例:講解如何在模板中添加搜索表單
搜索是互聯(lián)網(wǎng)上用的比較頻繁的,方便用戶可以快速的找到自己想要的信息,把網(wǎng)站的用戶體驗做的更加完善,在dede的模板制作過程中我們也可以在頁面中加入一個搜索的功能,可以方便用戶在我們的網(wǎng)站上快速的找到想要的文章或者其他信息,在這里我們只需要加入一個form表單就可以實現(xiàn)了,當(dāng)然這個表單也得遵循dede的規(guī)范,比如說每一個提交的參數(shù)的命名規(guī)范,還有需要提交到哪一個頁面去。接下來無憂主機(jī)(www.love62.cn)小編就帶領(lǐng)大家來學(xué)習(xí)這個搜索功能的表單。
首頁大家需要理解一個概念就是表單其實就是把一系列的數(shù)據(jù)從一個頁面提交到另一個頁面,在dede中實現(xiàn)搜索功能的文件是在plus下面的search.php這個文件,所以我們需要把數(shù)據(jù)提交到這個頁面去,其中是帶了兩個參數(shù)一個是“檢索關(guān)鍵字”參數(shù)名為q,另一個是“搜索的類型”參數(shù)名為searchtype。這個參數(shù)一般使用下拉列表來作為選擇,一共有兩種類型分別是檢索標(biāo)題和智能模糊。
好了理論上的東西都講的差不多了,接下來無憂主機(jī)(www.love62.cn)小編做一個演示實例 來方便大家理解,為了方便代碼的調(diào)試,小編在這里建議大家在本地搭建php虛擬主機(jī)環(huán)境。我們在主頁模板中添加以下代碼:
<form name="formsearch" method='post' action="{dede:global.cfg_cmsurl /}/plus/search.php"> <input type="text" name="q" /> <select name="searchtype" id=""> <option value="title" selected='1'>檢索標(biāo)題</option> <option value="titlekeyword">智能模糊</option> </select> <input type="submit" value="搜索"/> </form>
大家需要注意的注意的就是參數(shù)的命名一定要嚴(yán)格遵守dede的規(guī)則,其中我用了一個global標(biāo)簽來獲取當(dāng)前程序的安裝路徑,關(guān)于global無憂主機(jī)已經(jīng)在前面出過相關(guān)的教程,如果讀者對此有疑問 可以參考仿制DEDECMS模板標(biāo)簽應(yīng)用基礎(chǔ):GLOBAL系統(tǒng)標(biāo)簽功能和調(diào)用方法”,寫表單需要一點(diǎn)HTML的基礎(chǔ)知識,如果讀者閱讀起來比較吃力,建議到網(wǎng)上找相關(guān)資料惡補(bǔ)一下HTML的相關(guān)知識,畢竟HTML是做網(wǎng)站最基礎(chǔ)的東西了,無憂主機(jī)(www.love62.cn)也會在后期推出相關(guān)的教程。
純Linux環(huán)境下高端免備案【香港獨(dú)立IP地址】 php空間,僅僅只需199元一年起。商務(wù)中國域名核心代理直銷50元注冊國際頂級域名
本文地址:http://www.love62.cn/dedecms/7565.html
![1](/wp-content/themes/starow_z/img/o-1.png)
![1](/wp-content/themes/starow_z/img/o-2.png)
![1](/wp-content/themes/starow_z/img/o-3.png)
![1](/wp-content/themes/starow_z/img/o-4.png)
![1](/wp-content/themes/starow_z/img/o-5.png)
![1](/wp-content/themes/starow_z/img/o-6.png)
![1](/wp-content/themes/starow_z/img/o-7.png)