用 Eclipse 開發 Yii Web Application (九)

在網頁程式設計中, 除了Radio Button(選項按鈕)及 Dropdown List(下拉式選單) 可以幫助使用者輸入規範的格式外, 還有一個常用的就是 Check Box(選取方塊), 這裡我們就要跟大家介紹
 Yii  裡面如何使用 CheckBoxList。
基本上 Check Box 與 Radio Button 十分相似, 都是用點選方式輸入資料, 但兩者最大差別是
Radio Button 是單選, 而 Check Box 是允許複選的。

用 Eclipse 開發 Yii Web Application (八)

之前我們曾經提過這裡的資料表(tables) courses, students 與 teachers 都可以用 Gii 的 CRUD
自動幫我們把 controller 與 views 建立, 但 classes 卻沒辦法, 原因為何呢？
因為 courses, students 與 teachers 都是單一主鍵(primary key) 但 classes 是複合主鍵
(composite primary key), Gii CRUD(或 yiic) 沒那麼聰明可以幫我們把架構都建立好。
解決方法有兩個:

用 Eclipse 開發 Yii Web Application (七)

上次我們利用 dropdownlist 元件幫我們製作網頁上的下拉選單, 這是可以讓我們避免使用者亂
輸入資料的好方法。
這次我們介紹一個也常常被利用在避免使用者錯誤輸入資料的元件, Radio Button。
我們用 Create Students 來說明一下如何使用 Radio Button。
來看一下 views/students/create.php 的內容為何?

可以看到實際要新增學生資料要到另一個網頁 views/students/_form.php

用 Eclipse 開發 Yii Web Application (六)

利用 Gii 可以幫我們把網站的基本架構(scaffold)建構起來, 但我們還是要去調整一下以符合
網站的易用性。
這次我們來調整 Courses 的 Create 網頁, 我們可以在網頁上直接輸入
http://localhost/MyWebSite/index.php?r=courses/create 來開啓網頁。

用 Eclipse 開發 Yii Web Application (五)

雖然 CListView 顯示了我們對應資料庫的資料, 但我不怎麼喜歡他的版面配置,因此我們來改造一下我們 Courses 中 view 裡面的 index.php。
我們將 CListView 換成  CGridView
內容很簡單:

$this->widget('zii.widgets.grid.CGridView', array(
    'dataProvider'=>$dataProvider,
));

參數很簡單, 只要告訴 CGridView 之前 CActiveDataProvider 產生物件的變數名稱即可。 

打開瀏覽器看看變成什麼樣。

用 Eclipse 開發 Yii Web Application (四)

上次用 Gii 的CRUD Generator 幫我們建立了一些基本的框架, 我們來看一下Gii 建立的程式碼是如何運作的。
記得我們要連上 Courses 的網址是 http://localhost/MyWebSite/index.php?r=courses 其中 r=courses 會把我們導向 controllers/CoursesController.php 由於後面沒有參數了因此預設等同於 http://localhost/MyWebSite/index.php?r=courses/index 也就是會由 CoursesController.php 裡面的
public function actionIndex() 來處理我們的請求。

用 Eclipse 開發 Yii Web Application (三)

由於我們已經將 Gii 設定好了, 我們就直接用 Gii 來幫我們建立 model/controller/view
首先建立 model, 以瀏覽器開啓 http://localhost/MyWebSite/index.php?r=gii
登入後, 點選左邊的 Model Generator, 並在 Table Name 的欄位選我們之前建立的 Table,
例如我們輸入 courses, 這時下面的 Model Class 就會自動幫我們填入 Courses, 如果你想用其他名字也可以自行更改。

用 Eclipse 開發 Yii Web Application (二)

上篇我們安裝了 Eclipse 及 Yiiclipse, 並用 Yiiclipse 與 Yiic 將我們網站的主架構建立好。接下來我們要讓我們網站能夠使用資料庫, 我們使用一個簡單的修課系統來說明我們後面的 Yii 介紹, 我建立了一個資料庫名為 school, 下圖是簡單的 ER Diagram,

用 Eclipse 開發 Yii Web Application (ㄧ)

如果安裝了 Yiiclipse 我們就可以用 Eclipse 來開發我們的 Yii Web Application 了
首先從 Eclipse 選單中 File -> New -> Other...