之前的課程為了大家好理解，鋪墊了好多廢話。以后盡量就不說那么多廢話了，單刀直入了！

峨邊彝族網站建設公司成都創(chuàng)新互聯(lián),峨邊彝族網站設計制作，有大型網站制作公司豐富經驗。已為峨邊彝族上千家提供企業(yè)網站建設服務。企業(yè)網站搭建\外貿網站制作要多少錢，請找那個售后服務好的峨邊彝族做網站的公司定做！

第一步到phpmyadmin在study數據庫下創(chuàng)建一個名為article的數據表,字段數6，并添加對應的字段如下圖所示：

PS：添加字段的時候當然不會只有這些選項，為了方便插圖，被我給P掉了。A_I就是AUTO_INCREMENT的縮寫。

這里用到了新的字段類型：TEXT，之前有提到過像正文這種需要存儲的字符量多的情況下用TEXT類型。

關聯(lián)數據：

這節(jié)課里講到的數據關聯(lián)的方法是一種最簡單的方法，我們在文章表article里加了一個cat_id字段，之前的欄目表category里也有一個cat_id字段，我們通過這個字段讓2個數據表之間產生一種聯(lián)系。只需要在發(fā)布文章的時候在cat_id里添加一條與已創(chuàng)建的欄目一致的某個ID上去，后面就可以通過article表中的cat_id來查詢所屬欄目在category表中是叫什么名字的。

打開article_list.php頁面，代碼改成如下：

打開article.php頁面，代碼改成如下：

這兩段代碼是一個頁面內連著的，因為編輯器的一些問題，分開起來看得更清楚些。

打開article_add.php頁面，代碼改成如下：

運行之后進入添加文章頁面可以看到如下結果：

SELECT * FROM category 這段代碼本次增加了ORDER BY cat_id ASC。在對數據表進行查詢并保存結果集的時候可以通過ORDER BY來指定排序規(guī)則。后面跟著字段名來指定由哪個字段值來排序。ASC代表著升序，DESC代表著降序。1、2、3、4這叫升序，4、3、2、1這叫降序。我們可以在數據表中選擇任意字段作為排序字段。

在本節(jié)課程中我把這段代碼加到了article.php頁內，并沒有加在article_add.php頁內。并不是因為加到article_add.php頁里不可以，而是因為該結果集我們需要應用到好幾個頁面里，如列表頁、查看頁、修改頁、添加頁。這4個頁面無一例外是通過include方式包含到了article.php頁面內，所以把這段代碼加到了article頁面內，這樣該結果集就可以在任何被include進來的頁面內起作用。

PS：在這里需要注意放置的位置，程序都是把代碼從上往下按順序執(zhí)行。所以需要執(zhí)行的代碼的位置在順序上也需要合理安排，不可隨意放置。比如在這里我把代碼放在了配置文件下方，其他頁面上方。

category_add.php頁面我們這次用到了新的HTML元素select標簽（下拉選項）。select標簽內含有多個option標簽，option標簽是該下拉選項中的各個值。純HTML的格式如下：

當我們通過表單提交該下拉選項的時候被提交上去的值是option value=””中的值，而不是option和/option中間的文字，該文字只是用來顯示用的。

label是一個類似于名片一樣的東西，label for=”cat_id”就代表著該label是id為cat_id的表單標簽select的名片的意思。label的作用是當你用鼠標點擊了label內的文字的時候，鼠標的焦點會移動到該label指向的表單標簽中去。通常用于單選按鈕和復選框，因為按鈕或者選擇框太小，通過用label指定的話可以點擊文字的形式選定對應的選項，有助于提高交互。

PS:要注意label for指向的是id，表單提交的時候的參數名卻是name不要弄混噢！

好了，接下來讓我們完成創(chuàng)建文章的功能吧。

打開article_add.php頁面，代碼改成如下。

article.php頁面，php部分的代碼改成如下：

這次新增的html標簽有textarea，這個是文本域，與文本框的區(qū)別是可以換行。rows是行數，cols是列數。文本域里的文字內容（值）是放在textarea和/textarea之間，不放在value里。

運行后進入添加欄目頁面可以看到如下結果：

試著添加幾篇文章吧！

雖然文章可以添加成功了，頁面也太丑了是不是？我們來美化一下。

打開admin.css頁面增加如下代碼：

CSS具體我也不打算講，就算是送給大家了，省的一些像我這樣的人看著界面太難看鬧心。

簡單講幾個知識點。可以像UL,LI或者.text-input,textarea一樣通過逗號“,”連接的形式把同樣的一個CSS樣式應用到多個class類或者html標簽。

可以通過.input_form ul li一樣用空格隔開的方式對.input_form內的ul內的li定義樣式，不用非得由class名開頭，用html標簽開頭也可以。

運行后可看到如下結果：

留個作業(yè)：

把選擇欄目的功能實現(xiàn)成單選按鈕的形式，如下圖所示：

通過while循環(huán)出對應的單選按鈕標簽和和label。輸出成功之后的HTML代碼如下：

要點：

1. 單選按鈕的類型為radio

2. 當name值相同時會被當作一組按鈕，在同一組中只可選定一個按鈕。

3. label for對應的是id，因此id要不同，不然無法正確對應。

4. 真正傳遞的值是value里的值。

網頁題目：給產品經理及UI的PHP教程丨文章管理系統(tǒng)創(chuàng)建文章（關聯(lián)數據）
標題來源：http://m.rwnh.cn/article0/cpdgio.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供網頁設計公司、手機網站建設、網站內鏈、網站改版、網站導航、動態(tài)網站

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)