亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 學院 > 開發設計 > 正文

如何設計通用的網站模板

2019-11-17 04:21:18
字體:
來源:轉載
供稿:網友

    現在網絡上已經到處可以看到使用模板開發出來的網站。使用模板開發網站有很多好處,最主要的就是模板與程序完全脫離,用戶可以根據規定好的標簽任意開發模板,導入到模板引擎里就能正常運行。所以美工人員跟程序編寫人員徹底的獨立了。提高了開發網站的效率,程序的重用性發揮的淋漓盡致。
    智能建站系統、速成網站、自助建站系統、只會打字就能做網站,等等廣告字眼我們已經不再陌生了,所有的這些無非都是圍繞著模板做文章。也正是因為這樣的系統越來越普及,對于要求不高的企業或者個人用戶,擁有一個完全屬于自己的網站,用現成的模板要比找網絡公司定制省錢的多。性價比要高的多,所以目前中小型網絡公司的生存問題堪憂。
    提供模板做論壇的discuz公司,各位站長應該都很熟悉,但是做企業網站、獨立購物網系統,國內做的比較好的幾家公司,想必大家可能不太熟悉:ShopEx 、 攜購網店系統(ShopXG) 、HiShop 、 狼煙網絡(mynet.cn) 等等,大家有機會可以去他們的官網看看各自的優勢。
    下面我們來詳細講解下如何開發網站模板。
    涉及到模板的部分我們可以分成以下幾塊:自定義標簽、模板文件、數據控制項、模板引擎
    1. 自定義標簽 自定義標簽是模板文件與模板引擎之間交互的基礎,也可以說是協議。 目前網絡上普遍的標簽樣式為:{$****} {#*****#},這樣的表示方法,主要是為了區分html等腳本標簽。 標簽的內容區可以設置多種屬性。比如len=100 表示數據長度不超過100個字節。 標簽變量根據不同的類型,我們可以把名稱規定為如下方式:
    {$var_**} 變量標簽,表示這個標簽的數據來源是某一個字段的值
    {$const_**} 常量標簽,表示這個標簽是一個常量數據,比如,當前的日期等
    {$temp_small} 小模板數據。(什么叫小模板,我們在后面詳細講解)
    {$page_**} 分頁數據。例如首頁,上頁,下頁等翻頁的代碼部分。等等。
    舉例:{$var_news_title len=30} 表示顯示新聞的標題,如果新聞標題的字數超過 30個字,那么截取。
    2.模板文件
    模板文件就是由美工人員開發的腳本代碼,里面不涉及到任何程序。由于數據經常會涉及到一個循環顯示的問題,所以我們把模板文件又分成:大模板、小模板。
    模板文件一般都是普通的html文件,源代碼里包含了事先約定好的自定義標簽,
    圖標說明每個模塊的共性:
 圖1:新聞列表             圖2:產品列表
    大家看上面兩個模塊,一個是新聞列表,一個是產品列表。無論從數據類型還是展現方式上乍一看截然不同。
    但是大家仔細的看一下,很容易看出來他們其實有很多共同的特點--他們都是有大模板(模塊的外框部分)、小模板(模塊的數據循環部分)組成。另外,大家可以去找個網站分解下看看。是不是都可以把他們分解成不同的模塊,然后每個模塊又可以分成大模板、小模板組成。
    我們以上圖中新聞列表來給大家講解下:
    大模板文件就是整個外框部分。基本html如下面所示:

 <div  class=”newslist”>
  <h>攜購網店 – 不可多得的創業好項目</h>
  <ul>代理商加盟攜購之后能得到什么?!</ul>
  <div>{$temp_small}</div>
 </div>


    從上面可以看出,大模板文件里并沒有涉及到數據部分,只有一個小模板標簽{$temp_small} ,當模板引擎解析到這個標簽的時候,將對應的小模板文件解析后,用最終生成的html數據將該標簽替換掉。
    接下來,我們來看一下小模板的組成:
    這里特別需要注意下,當模板引擎在解析小模板的時候,是把小模板的數據當作一個循環體,說明白些:比如有10條新聞,那么模板引擎將循環10次小模板數據,將具體的新聞內容分別去替換小模板里的標簽,然后組合成一個最終的html.
    小模板的腳本部分:
 <ul  clas=”small_item”>
  <li>{$var_news_title  len=100}</li>
  <li>{$var_news_add_time}</li>
 </ul>


    當然,需要分頁的時候,還需要做分頁模板,解析引擎會解析分頁模板后,將查詢到的當前數據替換掉對應的分頁變量標簽,最后,替換掉大模板中的分頁模板標簽。
    分頁的腳本部分舉例:
  <a href="{$var_link_firstpage_link}" id="modulelist_linkup_first">首頁</a>
  <a href="{$var_link_  {$var_link_pageteam} <a href="{$var_link_nextpage_link}" id="modulelist_linkup_next">下一頁</a>
  <a href="{$var_link_lastpage_link}" id="modulelist_linkup_last">末頁</a>總數:{$var_link_totalnum} 每頁條數:{$var_link_perpagecnt}
  總頁數:{$var_link_totalpage}當前頁碼:{$var_link_curpagenum}/{$var_link_totalpage}


    最后從結構上我們再總結下模板的組成關系: 
  
    3.數據控制部分
    該部分是要將哪些數據展示在模板數據項的核心。主要包括以下幾部分:
    a. 查詢條件 ,從
數據庫里要查出哪些數據。
    b. 排序類型, 將查詢得到的數據,通過何種方式進行排序展示。
    c. 當前頁碼, 跟每頁顯示條數配合使用,
    d. 每頁顯示條數。
    e. 是否忽略URL地址里傳過來的參數,這個項非常重要,因為像分頁和查詢,他們都需要從url將參數傳過來,而有些定死的數據又不希望受到url參數的影響,所以該項在控制數據顯示方面尤為重要。
    f. 接受url的參數列表。等等.
    有了數據控制部分,才能讓相同類型的模塊展示不同的數據。
    4. 模板引擎
    我們知道模板文件是靜態的html腳本頁面,它并不具有業務操作能力,單純的模板沒有任何存在的意義。需要模板引擎通過數據控制將獲取到的數據按照模板文件規定的樣式展示出來,
    模板引擎的好壞,直接影響到整個程序的性能,模板要跟數據庫打交道,由于模板文件有非常多的數據冗余,而且,設計不合理的模板,同個頁面可能需要多次相同的數據庫查詢操作,如果模板引擎不能很好的區分出來。那么對數據庫的壓力也是非常大的。
    如果大家對開發模板網站有興趣,強烈推薦去用下攜購公司開發的VTEditor可視化網站模板開發系統。官方網站:http://www.shopxg.com .是目前唯一真正實現可視化模板編輯的系統。
        歡迎大家與我交流。QQ:8814730 Email:8814730@qq.com


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
久热国产精品视频| 中文字幕欧美国内| 国产精品美女www爽爽爽视频| 国产精品久久久久久av| 久久亚洲精品国产亚洲老地址| 91精品国产91久久久久久最新| 97精品国产97久久久久久春色| 亚洲人成网7777777国产| 国产午夜一区二区| 88国产精品欧美一区二区三区| 亚洲国产欧美日韩精品| 97在线观看视频| 国产美女直播视频一区| 久久亚洲欧美日韩精品专区| 日韩亚洲欧美中文在线| 精品国产一区二区在线| 亚洲国产婷婷香蕉久久久久久| 久久成人人人人精品欧| 国内成人精品一区| 按摩亚洲人久久| 国产97人人超碰caoprom| 国产国语刺激对白av不卡| 一级做a爰片久久毛片美女图片| 国产成人精品午夜| www.久久久久久.com| 国产精品入口日韩视频大尺度| 4k岛国日韩精品**专区| 日本精品在线视频| 亚洲xxxx18| 国产丝袜一区二区三区免费视频| 亚洲国产高潮在线观看| 久久综合国产精品台湾中文娱乐网| 欧美性视频网站| 亚洲人成电影在线观看天堂色| 夜夜嗨av一区二区三区免费区| 亚洲色图18p| 亚洲国产日韩欧美综合久久| 欧美激情亚洲国产| 88国产精品欧美一区二区三区| 日韩一区二区欧美| 欧美日韩精品在线| 亚洲人成电影在线播放| 国产精品爽爽爽爽爽爽在线观看| 欧美电影在线免费观看网站| 91福利视频在线观看| 午夜精品蜜臀一区二区三区免费| 国产精品久久999| 亚洲电影免费观看高清完整版| 成人国产精品色哟哟| 黑人巨大精品欧美一区二区三区| 中文字幕久久久av一区| 久久久久久久久久久免费精品| 国产这里只有精品| 亚洲电影免费观看高清| 麻豆国产精品va在线观看不卡| 一本色道久久88综合日韩精品| 亚洲深夜福利视频| 欧美一区二区三区四区在线| 正在播放欧美视频| 97免费中文视频在线观看| 亚洲系列中文字幕| 国产精品99免视看9| 日韩av网址在线观看| 亚洲精品久久久久久久久久久久| 国产精品免费视频xxxx| 午夜剧场成人观在线视频免费观看| 国产精品久久久久久久7电影| 亚洲精品97久久| 麻豆乱码国产一区二区三区| 青青草原一区二区| 成人在线免费观看视视频| 欧美精品www在线观看| 欧洲午夜精品久久久| 欧美黄色三级网站| 国产在线精品成人一区二区三区| 日韩有码视频在线| 欧美成人免费全部观看天天性色| 少妇高潮 亚洲精品| 亚洲欧美成人一区二区在线电影| 久热在线中文字幕色999舞| 日韩欧美精品免费在线| 国模精品视频一区二区| 久久久久久高潮国产精品视| 美女999久久久精品视频| 成人黄色片在线| 97在线视频一区| 日韩有码片在线观看| 欧美日韩中文字幕| 这里只有视频精品| 亚洲精品丝袜日韩| 国产精品丝袜久久久久久高清| 中文字幕日韩在线视频| 欧美国产日本高清在线| 亚洲一区二区三区毛片| 国产午夜精品一区二区三区| 色综合久综合久久综合久鬼88| 欧美性69xxxx肥| 日韩av电影手机在线| 色偷偷91综合久久噜噜| 一本大道久久加勒比香蕉| 欧美一级黄色网| 亚洲国产精品va在看黑人| 欧美性一区二区三区| 91在线观看免费网站| 国产日本欧美在线观看| 中文字幕日韩av电影| 高清日韩电视剧大全免费播放在线观看| 色婷婷**av毛片一区| 国产欧美日韩综合精品| 人人爽久久涩噜噜噜网站| 91免费在线视频网站| 伊人精品在线观看| 日韩国产欧美精品在线| 成人国内精品久久久久一区| 欧美日韩亚洲视频| 亚洲精品乱码久久久久久按摩观| 久久久噜噜噜久久| 久久精品视频在线播放| 国产精品欧美久久久| 黑人精品xxx一区| 欧美日韩国产精品一区二区不卡中文| 欧美理论在线观看| 久久视频免费在线播放| 另类美女黄大片| 国产精品久久久久久久美男| 欧美视频专区一二在线观看| 91国产视频在线播放| 色老头一区二区三区在线观看| 精品中文视频在线| 欧美另类极品videosbest最新版本| 7777免费精品视频| 欧美华人在线视频| 日韩精品极品在线观看播放免费视频| 性欧美在线看片a免费观看| 亚洲精品不卡在线| 欧美激情精品久久久久久蜜臀| 亚洲成av人片在线观看香蕉| 国产欧美一区二区三区四区| 超碰精品一区二区三区乱码| 国产综合色香蕉精品| 在线视频欧美日韩| 久久精品一偷一偷国产| 国产视频在线观看一区二区| 欧美激情精品久久久久久蜜臀| 亚洲尤物视频网| 久国内精品在线| 精品国产美女在线| 国产精品国产福利国产秒拍| 在线观看精品自拍私拍| 亚洲欧美综合另类中字| 国产精品观看在线亚洲人成网| 久久全球大尺度高清视频| 欧美高清第一页| 国产精品久久久久久久久久| 亚洲欧美国产一本综合首页| 久久久久免费视频| 久久精品视频99| 日韩国产一区三区| 国产69精品久久久久9| 成人网在线免费看| 亚洲黄色在线看| 亚洲第一免费播放区| 久久综合电影一区| 精品自拍视频在线观看|