[PHP] CodeIgniter 3+pure+smarty安裝及環境設置2/2 @新精讚

[無邊框]

762

[PHP] CodeIgniter 3+pure+smarty安裝及環境設置2/2

“

PHP framework CodeIgniter 3+ pure CSS +smarty Template Engine的整合#2

„

分享此文連結 //n.sfs.tw/10524

分享連結 [PHP] CodeIgniter 3+pure+smarty安裝及環境設置2/2@新精讚

(文章歡迎轉載，務必尊重版權註明連結來源)

2019-10-20 20:10:21 最後編修

2017-01-01 11:07:59 By 張○○

群組文章

[PHP]CodeIgniter 3+pure+smarty安裝及環境設置1/2

[PHP]CodeIgniter 3+pure+smarty安裝及環境設置2/2

在第1篇中已經能整合smarty3+CI3，接下來要整合Pure CSS，會選擇Pure而不選擇其他的css 框架的原因，在於pure很簡單。

四、建立目錄

CI3沒有預設圖片CSS或JS要放哪，如果亂放會找不到，所以，建立兩個目錄：

web/ 放置 css, js, images,ico 的地方，這裡預設是給網頁顯示用的地方
upload/ 未來供使用者傳檔的地方，權限請改可寫入

同時在 web/ 裡建立四個目錄

img/
js/
css/
third/ 放第三方 framework，如 bootstrape, pure 這類

建立完的目錄是這樣的
.
├── application
├── contributing.md
├── index.php
├── license.txt
├── readme.rst
├── system
├── upload
├── user_guide 開發完後這個請刪除
└── web
    ├── css
    ├── img
    ├── js
    └── third

五、下載pure及測試

切到 web/third/ 目錄
$ cd /path/to/web/third/

下載最新 0.6.0，再解壓縮
$ wget https://github.com/yahoo/pure-release/archive/v0.6.0.zip
$ unzip v0.6.0.zip

接下來測試。修改原本的Test.mtpl檔：

<!doctype html>
<html>
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link rel="stylesheet" href="/web/third/pure-release-0.6.0/pure-min.css" />
  <!--[if lte IE 8]>
  <link rel="stylesheet" href="/web/third/pure-release-0.6.0/grids-responsive-old-ie-min.css">
  <![endif]-->
  <!--[if gt IE 8]>
  <!--><link rel="stylesheet" href="/web/third/pure-release-0.6.0/grids-responsive-min.css" />
  <!--<![endif]-->
</head>
 
<body>
 
<div class="pure-g">
    <div class="pure-u-1-3"> ... </div>
    <div class="pure-u-1-3"> ... </div>
    <div class="pure-u-1-3"> ... </div>
</div>
測試響應式網頁
<div class="pure-g">
    <div class="pure-u-1 pure-u-md-1-3"> ... </div>
    <div class="pure-u-1 pure-u-md-1-3"> ... </div>
    <div class="pure-u-1 pure-u-md-1-3"> ... </div>
</div>
 
</body>
</html>

測試結果：

css注意連結的寫法，上例是用相對連結，目錄指向很清楚就不易搞錯，如果結果測試正常和響應式網頁都可以成功後，可以開始寫你的專案了。

結論

這裡可以發現CI3+Smarty3+Pure整合起來非常容易，幾乎無痛，雖然整體而言比較適合中小型的專案，但是使用上和入手很容易，所以推薦大家使用。

原文 2015-07-26 11:26:23 2015-07-27 21:12:17

END

你可能感興趣的文章

[PHP8] 使用autoload autoload+ namespace +use 到了php7之後，namespace和use越來越重要，此篇整理autoload和namespace、use的結合使用。

PHP程式經驗 #2 -- print和echo的差異常在寫php的人一定會想知道echo和print這兩個函數有什麼不一樣驗證 1. 比較print 和echo 函式的執

[PHP] 解析二進位圖片使用php來解析png圖片，把資料寫在16進位格式

[CI3] 使用和修改日曆類別 calendar library CI3有一個日曆圖書館 library，可以快速的建立一個日曆，但是想修改讓他更棒

[PHP] 檢查檔案是否是圖檔使用getimagesize函數檢查檔案是否是圖檔

[CodeIgniter 3] 資料庫的使用方法整理1/2 --Select的使用 [CodeIgniter 3] 資料庫的使用方法整理：Select的使用

我有話要說

訪客留言

[無留言]

隨機好文

[jQuery] textarea 的取值和給值 HTML 的 TEXTAREA 標籤若要用 jquery 取值，不能使用 .text() 或 .html() ，使用 .

Linux shell 的date表示法 linux下SHELL中的date表示法

[札記] 2016.7~12月札記札記，只是札記

為什麼要重造輪子？什麼輪子？造什麼輪子？我為什麼要重造輪子？

精讚的版面變化 ▓此文僅作為舊文的記錄▓ 這篇文章為了紀念改版完成而撰寫。原本的部落格是民國97年的作品，那時還是用舊有的技術來寫，很

到最底端