育將電腦工作室 - 線上書籍

PHP SMARTY 樣板引擎
===============

一、後台可以做那些事
----------

1. ugm\_show專案的後台，已經將「商品展示」、「選單」、「輪播圖」、「類別」處理完畢，只要將所需的資料，請管理員輸入即可
2. 商品展示的架構又可以產生「新聞管理」、「自訂頁面」........
3. 而「類別管理」稍做變化，其實也可以做自訂頁面、問與答.......
4. 所以變化可說無窮.....如果各位後續有接到案子，有歡迎各位把網址，傳到FB群組
 
二、前台應該做那些事
----------

1. 先決定佈景，可以採用免費、付費佈景
2. 免費佈景：<https://startbootstrap.com/template-categories/all/>
3. 付費佈景：<https://wrapbootstrap.com/>
4. 然後將佈景套至專案中(上節課所講)
 
三、分析佈景的邏輯規則

1. 查詢資料表語法：<http://www.codedata.com.tw/database/mysql-tutorial-basic-query>
2. 選單製做 
 原始碼 ```
 <pre class="brush:as3;">
 
 <li class="nav-item">
 <a class="nav-link js-scroll-trigger" href="#about">About</a>
 </li>
 <li class="nav-item">
 <a class="nav-link js-scroll-trigger" href="#services">Services</a>
 </li>
 <li class="nav-item">
 <a class="nav-link js-scroll-trigger" href="#portfolio">Portfolio</a>
 </li>
 <li class="nav-item">
 <a class="nav-link js-scroll-trigger" href="#contact">Contact</a>
 </li>
 ```
 
 ![](https://www.ugm.com.tw/uploads/tad_book3/image/ugm_show/nav_01.jpg)得到語法為 ```
 <pre class="brush:as3;">
 
 SELECT *
 FROM `ugm_show_kind`
 WHERE `kind` = 'menuTop' AND `enable` = '1'
 ```
 
 如果要開新視窗 <a> 屬性為 target='\_blank' 
 因為選單是每個程式都執行，故我們將之放在 head.php or foot.php 
 
 foot.php ```
 <pre class="brush:as3;">
 
 #撈商品資料
 $sql = "SELECT `title`,`url`,`target`
 FROM `ugm_show_kind`
 WHERE `kind` = 'menuTop' AND `enable` = '1'
 order by `sort` 
 ";//die($sql);
 
 
 $result = $db->query($sql) or redirect_header("", 3000, $db->error."\n".$sql,true);
 
 $rows=array();
 while($row = $result->fetch_assoc()){
 #過濾資料
 $row['title'] = htmlspecialchars($row['title'], ENT_QUOTES); 
 $row['url'] = htmlspecialchars($row['url'], ENT_QUOTES); 
 $row['target'] = intval($row['target']);
 
 $rows[] = $row;
 }
 $smarty->assign("menuTop", $rows);//送至樣板
 ```
 
 creative/theme.tpl ```
 <pre class="brush:as3;">
 
 <{foreach from=$menuTop item=row key=k}>
 <li class="nav-item">
 <a class="nav-link js-scroll-trigger" href="<{$row.url}>" <{if $row.target}>target='_blank'<{/if}> ><{$row.title}></a>
 </li>
 <{/foreach}>
 ```
3.

Title1

Title2

Title3

Title1

Title2

Title3

MarkDown