เดี๋ยวแฟน Yii Framework จะน้อยไปเลยมาขอต่อให้ละกันครับ เนื่องจากตอนแล้ว  ๆ ผมทิ้งไว้นานมาก(Capture และ เขียน)  ซึ่งช่วงที่ผ่านมาก็เปลี่ยนเครื่อง Notebook ไปบ้างแล้ว ก็เลยมีผลกับ Drive ที่เก็บข้อมูลผม แต่โดยรวมยังเหมือนเดิม ชื่อ Folder ยังคงใช้อันเดิม บวกกับตอนที่ทำมันเป็นเวอร์ชั่นที่เก่า หลายรุ่นเลย ก็เลยตัดสินใจทำบทความใหม่ให้สอดคล้องกับปัจจุบันซะเลย

ทำความเข้าใจกันก่อนนะ

  • ผมใช้ Windows 7 64 bit untimate
  • ตัวจำลอง Server เป็น Appserv 2.5.10 และเซ็ทพาทต่าง ๆ เรียบร้อยแล้วตามนี้  คลิก
  • ตำแหน่งที่ผมเก็บ SourceCode จาก Drive: G  เป็น Drive: D (ตามภาพข้างล่าง)
  • เวอร์ชั่นของ Yii จากตอนที่แล้วเป็น 1.1.5  เป็นเวอร์ชั่น ณ ปัจจุบันที่เขียนบทความใหม่ คือ 1.1.8  (ตามภาพข้างล่าง)

  • ตัวไฟล์ระบบที่เราจำเป็นต้องรู้และเราจะนำมาใช้งานนั้นจะอยู่ข้างใน Folder  Yii118  ชื่อว่า framework

ถ้าทำความเข้าใจกันเรียบร้อย และไม่งง ก็ลุยตามมาต่อครับ

ลุยการสร้างโปรเจ็คจาก Yii Framework

Yii นั้นจะสร้างโปรเจ็คด้วย Command Line นะครับ ถ้าเราไม่ถนัด อาจจะใช้วิธีก๊อปปี้จาก Demos แล้วเปลี่ยนตำแหน่งไฟล์ Framework ก็ได้ไม่ว่ากัน  แต่ใช้ Command Line นั้นถ้าทำบน Server ผมมองว่าเร็วกว่า และสะดวกกว่าเป็นไหน ๆ เลย ที่ผมต้องแจงไว้เพราะเดี๋ยวจะถอดใจซะก่อน จริง ๆ ก็มีแค่นี้แหละ ถ้าทำสักรอบสองรอบจะดีขึ้นเอง ลองดูนะครับ

1. เรียก Command Prompt (CMD)  ขึ้นมาใช้งาน

  • 1.1 คลิกที่ Windows->Start
  • 1.2 คลิกขวาที่ Command Prompt แล้วเลือกเป็นแบบ Run as administrator  ( ถ้ารันปกติจะไม่สามารถสร้างได้ อันนี้เฉพาะ Window 7 ครับ ถ้าใครใช้อันอื่นก็คงจะข้ามอันนี้ได้ )   * หรือถ้าใครไม่มีขึ้นหน้าแรกแบบนี้ให้พิมพ์ cmd จากช่องค้นหาด้านล่างได้

2. เข้าไปที่ Drive ที่เราเก็บ Framework แล้ว Enter  (จากด้านบนที่ได้แจงไว้ เราเก็บ Source Code ไว้ที่ D: )

3. เข้าไปยัง Folder ที่เราเก็บ Framework แล้ว Enter  (ถ้าดูจากภาพด้านบนชี้แจง กับตรงนี้จะเห็นว่าตรงกัน )

4. รันคำสั่งสร้าง webapp ได้เลย ตามรูปแบบนี้

yiic  webapp  -ตำแหน่งที่เราจะไว้+ชื่อ web application

ดังนั้นในตัวอย่างนี้ผมจะใช้ชื่อว่า yii_hello เลยพิมพ์คำสั่งว่า  yiic webapp D:\SourceCode\PHP\framework\yii_hello  แล้วก็กดปุ่ม Enter

5. จะมีข้อความถามว่า ตกลงจะสร้าง web application ไว้ที่ตำแหน่งดังกล่าวใช่ไหม เราก็ตอบไปเลยว่า  Yes แล้วกดปุ่ม Enter

6. ระบบจะทำการสร้าง Source Code มาให้ (แหม ง่ายจริงพ่อคุ๊ณ)  เห็นข้อความแจ้งว่าสร้างเสร็จเรียบร้อยแล้ว เย้

7. เมื่อมาที่ Drive เก็บข้อมูลจะเห็นว่า โปรเจ็คได้สร้างจริง ๆ แล้ว

8. ทดสอบใน localhost ก็จะได้ผลแบบนี้  ถือว่าเสร็จเรียบร้อย เหมือน Demos เปรี๊ยบเลย ^0^ ง่ายมะ

9. เมื่อเข้าถึง Folder โปรเจ็คที่เราสร้างจะประกอบไปด้วยไฟล์ดังนี้

  • assets เอาไว้เก็บตัว generator ไฟล์ jQuery, javascript ที่เราเสริมเข้าไป มันจะสร้างให้ Auto ในกรณีที่เราเสริมไปที่โค๊ด
  • css เก็บไฟล์ style sheet หน้าตาเว็บอะแหละ
  • images เก็บพวกรูปภาพ และอื่น ๆ  ที่เราอยากให้มี
  • protected  เก็บพวก config ,controller,model, views  ไฟล์สำคัญทั้งนั้น นี่แหละที่มาของชื่อโฟลเดอร์ แต่เล่นได้นะ อย่าไปกลัว
  • themes เก็บพวก template เว็บ
  • index.php ไฟล์แรกที่ทำงาน
  • index-test.php เอาไว้ทดสอบ

พูดถึงการวางโฟล์เดอร์ ส่วนตัวผมชอบนะครับ   ชอบมากกว่า Framework ตัวอื่นที่มักจะทำโฟล์เดอร์เดียวกัน ชื่อเดียวกันให้เรางง ๆ เล่น ^0^  ถ้าใครชอบหาพวก template มาตรฐาน W3C มาใช้ ก็จะเห็นว่า การวาง Folder ก็จะเป็นลักษณะนี้เช่นกัน ไว้คราวหน้าเราจะมาลงลึกถึง protected กันครับ ถ้าไม่มีตัวนี้ก็คงไม่ใช่ MVC แน่นอน ติดตามกันน๊า ปวดตา แว็บ