php – codeigniter – layout 利用 PHP 來製作靜態純HTML版面，轉給其他工程師

2014-10-23 / JSN / 2 Comments / 1,395 次瀏覽

　　用 PHP 寫 HTML 不是問題。但問題是如何利用 PHP 寫出純 HTML 的樣式檔呢？我的開發工具適合以下類型的人：

讓你設計的頁面檔可以在所有電腦不裝伺服器的狀況下執行。
你是全端工程師，負責 PHP 又負責響應式版面的 SUSY 、SCSS、jQuery ……
你的架構是 PHP，但是需要負責前端工程。
你接了前端 CASE ，但配合該 CASE 的內容管理系統工程師完全不是使用 PHP。

　　有接觸前端應該都聽過 KKBOX 出產的 fire.app 這款超級好用的軟體吧，裡面的模板語言可以讓你使用 ruby 語言去寫 HTML。但沒辦法，我們時間很貴的，或是我怎麼用就是用不習慣好麻煩。明明同一件事情在 PHP 也能做的出來啊！怎麼做呢？用我這款 Codeigniter Layout 試試吧。如果你製作版面，可以使用 fire.app 寫 SCSS就好，網頁架構試試用我的 Codeigniter Layout 吧！其實我是因為 fire.app 的關係才刺激我來做這款工具的。

　　以下影片沒有任何聲音。動作我盡量放慢，因為我英文講得不好。如果哪天外國朋友看影片，至少用 “看的” 應該都還能理解我在做什麼。然後有可能你現在根本不能放喇叭呀，如果我講話解說應該也聽不到囉。

先從 GitHub 下載檔案，並將檔案對應到你的Codeigniter (以下簡稱 CI)專案資料夾。
如果你的 CI 還沒有去除網址 index.php 字串，可以先這麼做。
網址可以直接使用了，但要記得進入CI設定檔也去除，因為我們使用要自動顯示網址的功能。
一開始可以看到 layout 範例的頁面，接下來我們要嘗試如何用 PHP 自動產出一頁 HTML (附檔名是.html結尾)。使用 CI 製作的時候，連結路徑使用如 <?=hlink(“layout/contact”)?> ，改寫 CI 的 site_url()。
配合假文產生器來製作。假文其實可以不用再寫一次 include_once(); 現在已經內建在 layout.php 裡，所以直接echo Jsnfakestr::lang(“en”)->create(50); 就可以囉。最後再產生 HTML。
用 PHP 產生 HTML 最主要就是要應用迴圈與公版的製作。
當我們製作很多頁面的時候，如何一次產生所有HTML呢？產出的HTML放在哪？其他的圖檔、CSS檔、JS檔，如何也自動放到同一個路徑呢？
原理都了解以後。以後我們PHP製作完畢所需要的頁面，直接打包成 zip 轉給其他工程師就好啦！