[精讚] [會員登入]
189

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

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

此文完整連結 http://n.sfs.tw/10524

複製連結 [PHP] CodeIgniter 3+pure+smarty安裝及環境設置2/2@新精讚
(文章歡迎轉載,務必尊重版權註明連結來源)
2017-01-01 11:56:19 最後編修
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

你可能感興趣的文章

[PHP] preg_match 的貪婪和不貪婪比對 在php preg_match中預設是採用貪婪比對,太貪婪反而不符合需要,因此得採用「非貪婪比對」...

[CodeIgniter3] 解決無法上傳特定檔案(.sb2)的問題 上傳時出現The filetype you are attempting to upload is not allowed,要怎麼解決?

[Centos 6& 7] 安裝php-geoip php-geoip是PHP由domain、ip查詢城市國家資料非常強的函式

[PHP] UTF8中取出字串中特定的字數 要將字串,例如資料庫取出的TEXT,取出特定的字數

[phpmyadmin] 錯誤:您應升級到 MySQL 5.5.0 或更新版本 使用phpmyadmin4出現錯誤:您應升級到 MySQL 5.5.0 或更新版本的解決方式

[PHP] 檢查IP是否在某個網段內 mtachcidr 要檢查IP是否在某個網段內,要寫幾行?10行?5行? 不用,只要2行。以下是我寫的 code /** * matchCI

[PHP] CodeIgniter 3+pure+smarty安裝及環境設置1/2 PHP framework CodeIgniter 3+ pure CSS +smarty Template Engine的整合

[CodeIgniter 3] 自寫找不到頁面(page404)的方法 使用CI3框架中如果找不到頁面,就會導到一個自定的404頁面,該怎麼做?

PHP 數字加解密函式 自寫的數字加解密,勉強用

[PHP] 台灣身分證號及檢查程式 台灣身分證號及PHP檢查程式

我有話要說


限制:留言最高字數1000字,超過部分會被截掉。請注意:留言不可帶有網址,會被濾掉。 限制:未登入訪客,每則留言間隔需超過10分鐘,每日最多5則留言。

訪客留言

[無留言]

隨機好文

為什麼要買長達二十年的保單? 為什麼要買長達二十年的保單?找一個可以說服我買二十年保單的理由。

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

TFTP Server 安裝及使用 讓設備的網路設定檔或是韌體經由TFTP拷備出來,操作的方法

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

[PHP] 檢查IP是否在某個網段內 mtachcidr 要檢查IP是否在某個網段內,要寫幾行?10行?5行? 不用,只要2行。以下是我寫的 code /** * matchCI