6-2 建立佈景

一、在程式選擇「佈景」

1. 實體路徑：WEB_PATH
2. 網址：WEB_URL
3. 佈景目錄：$WEB['theme_name']
4. 程式檔名：$WEB['file_name']
5. 以上兩個常數、兩個變數是在前的 head.php設定，由於 $WEB['theme_name']是變數，意味我們在程式中可以改變，而達到換佈景的功能。

二、將程式變數送至「佈景」

1. /*---- 將變數送至樣版----*/
   $smarty->assign("WEB", $WEB);
   
   /*---- 程式結尾-----*/
   $smarty->display('theme.html');

2. 透過 $smarty->assign("WEB", $WEB); 將變數或陣列，送至佈景
3. smarty保留的變數請參考：https://www.ugm.com.tw/modules/tad_book3/page.php?tbdsn=362

三、新增佈景

1. 下載前台佈景：https://startbootstrap.com/template-overviews/creative/
2. 下載後台佈景：https://startbootstrap.com/template-overviews/sb-admin-2/
3. 位置：smarty_01/templates
4. 將下載檔案的目錄名稱，改成前台「default」，後台「admin」
5. 將佈景裡的「index.html」改為 「theme.html」

四、編輯佈景

1. 更改標題
2.  

       <!-- Bootstrap Core CSS -->
       <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

   
    
3. 修改samrty.php 將「<{$themeUrl}>」變數修改成不含「/」

   
   #定義模板URL
   $smarty->assign("themeUrl", WEB_URL.'/templates/'.$WEB['theme_name']);//修改不含「/」20161020

    

4. ctrl + H 取代功能
   「"<{$themeUrl}>/vendor/」 取代「"vendor/」
   「"<{$themeUrl}>/css/」取代 「"css/」
   「"<{$themeUrl}>/img/」取代 「"img/」
   「"<{$themeUrl}>/js/」取代 「"js/」

五、建立後台

1. 建立「admin」資料夾
2. 把「/head.php」、「/index.php」複製到 「/admin」
3. /admin/head.php，由於多了一個資料夾admin，所以「WEB_PATH」的路徑多了 「/admin」

   define('WEB_PATH', str_replace("\\","/",dirname(__FILE__)));//前台

    修改

   define('WEB_PATH', str_replace("/admin","",str_replace("\\","/",dirname(__FILE__))));//後台

    

4. 佈景目錄 => $WEB['theme_name'] = "admin";
5. /admin/head.php

   /*---- 必須引入----*/
   #引入樣板引擎
   require_once '../smarty.php';
   #引入資料庫設定
   require_once '../sqlConfig.php';
   #引入共用函數
   require_once '../function.php';

    

6. 把 /templates/admin/index.html 刪除，複製  /templates/admin/pages/blank.html =>  /templates/admin/theme.html
   「"<{$themeUrl}>/vendor/」 取代「"../vendor/」
   「"<{$themeUrl}>/dist/」取代 「"../dist/」