Jill 筆記
:::
:::
所有書籍
「PHP從入門到放棄實戰班」目錄
MarkDown
2-1 index.html
1. 實戰之前
1-1 安裝開發環境
1-2 上課範例
2. HTML基礎
2-1 index.html
3. BootStrap響應式框架
3-1 格線系統
3-2 表格
3-3 導覽列
3-4 表單
4. PHP基本語法
4-1 註解
4-2 PHP資訊頁
4-3 PHP變數與陣列
4-4 各種訊息整理
5. 套用Smarty樣板
5-1 使用 Smarty
5-2 index.php
5-3 templates/index.tpl
5-4 php二維陣列
6. 資料庫規劃
6-1 MySQL常用資料類型一覽
6-2 讓PHP7連線到MySQL資料庫
7. PHP程式整併與樣板流程判斷
7-1 PHP條件判斷
7-2 PHP的變數過濾
7-3 練習自訂函數
7-4 templates/index.tpl
7-5 index.php
8. 製作表單並寫入資料到資料庫
8-1 index.php
8-2 post_form.tpl
8-2-1 post_form.tpl
8-3 templates/index.tpl
8-4 footer.php
9. 資料庫讀取
9-1 幾個常用的迴圈用法
9-2 讀出資料的安全性過濾並顯示
9-3 想想寫入還有什麼問題?
9-4 templates/post_form.tpl
9-5 index.php
9-6 templates/index.tpl
10. 編輯表單、刪除資料
10-1 顯示單筆資料
10-2 刪除事項
10-3 index.php
10-4 templates/post_form.tpl
10-5 templates/index.tpl
10-6 templates/show_one.tpl
11. 其他細節處理(補充)
11-1 小月曆
11-2 加入所見即所得編輯器
11-3 表單驗證
11-4 分頁功能
12. 練習
3-1 格線系統
PHP從入門到放棄實戰班 ============ ### 一、 BootStrap網站 1. 官網：<http://getbootstrap.com/> 2. 正體中文手冊：<http://bootstrap.hexschool.com/docs/4.0/getting-started/introduction/> 3. 簡體中文手冊：<https://code.z01.com/v4/docs/> 4. 下載最新版 bootstrap4：[http://bootstrap.hexschool.com/docs/4.0/getting-started/download/ ](http://bootstrap.hexschool.com/docs/4.0/getting-started/download/)，解壓到 【www】裡面。 - [](http://bootstrap.hexschool.com/docs/4.0/getting-started/download/) 5. 由於BootStrap4拿掉了圖示，所以，我們可以直接到 <https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself> 下載，解壓後，將 【css】改【fontawesome\_css】 複製到 【css】裡面，【webfonts】複製到【css】 。  6. X-UA-Compatible用來指定IE瀏覽器的渲染模式 ，不分大小寫，必須用在 head 中，必須在除 title 外的其他 meta 之前使用。IE=edge 表示什麼版本IE 就用什麼版本的標準模式。 ```markup <meta http-equiv="X-UA-Compatible" content="ie=edge"> ``` 7. 引入BootStrap4檔案及font-awesome檔案 ```markup <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/fontawesome_css/all.css"> ``` 8. 修改 index.html，內容如下： ```markup <html lang="zh-TW"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 什麼版本IE 就用什麼版本的標準模式(給IE看的，不然樣式有時候會怪怪的) --> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/fontawesome_css/all.css"> <title>待辦清單</title> </head> <body> <!-- 標題 --> <h1>我的待辦事項清單</h1> <!-- 水平線 --> <hr> <!-- 段落 --> <p> 日期：2020/06/08 </p> <!-- 列表 --> <ul> <li>今天到期：1</li> <li>逾期：2</li> </ul> <!-- 表格 --> <table border="1" width="1920"> <tbody> <tr > <th><i class="fas fa-check"></i>是否完成</th> <th></i>標題</th> <th>到期日</th> <th>優先順序</th> <th>指派對象</th> </tr> <tr> <td>完成</td> <td>撰寫程式</td> <td>2020/06/08</td> <td>低</td> <td>李大頭</td> </tr> <tr> <td>未完成</td> <td>開會</td> <td>2020/06/08</td> <td>高</td> <td>李大頭、主任、XX科</td> </tr> </tbody> </table> </body> </html> ``` ### 二、 Font Awesome 1. 用法： ```markup <i class="fas fa-[NAME]"></i> ``` 2. [可用圖形：https://fontawesome.com/cheatsheet](https://fontawesome.com/cheatsheet) </body></html>
2-1 index.html