ExtJS ตอนที่ 1 พื้นฐานการเรียกใช้

1. ไปดาวโหลด ExtJS  ที่  http://www.sencha.com

2. แล้ว แตกไฟล์ มาเก็บไว้ใน หน้า เว็บของเรา ผมตั้งชื่อว่า extjs-project

3. เปิดโปรแกรม  NetBeans  แล้วคลิกที่ เมนู  Files > New Project  เลือก PHP Application  แล้ว กด Next

image

4. ตั้งชื่อ โปรเจค ของผมตั้งชื่อ extjs-project  แล้ว ระบุ Sources Folder PATH ของ โปรเจคเรา ที่สร้างไว้ กด ปุ่ม Finish

image

5. สร้างไฟล์ สำหรับ การ Redirect ไปยัง หน้าแรก ระบบ โดย คลิกขวา ที่ Source Files  > New > PHP File

image

6. ระบุชื่อไฟล์ เป็น index  แล้วกดปุ่ม Finish

image

7. พิมพ์โค๊ต สำหรับการ Redirect

image

 

8. ที่ home/view  สร้างไฟล์  index.php  โดย รูปแบบ HTML และ พื้นฐานการเรียกใช้  ExtJS ดังนี้

* หาก Preview ดูตอนนี้เราจะได้ หน้างว่างๆ ขึ้นมา

9. เพิ่ม สคริปต์ แรก ลงใน index  โดยผมจะเก็บ ไว้ที่   home/view/js  ไฟล์ชื่อ default.js image

 

9. ที่ โฟเดอร์  home/view/js  สร้าง สคริปต์  default.js  เริ่มต้นสำหรับ ExtJS

10.  ประกาศ  Hello world

7.  ไปดูหน้า ผลลัพท์ ที่ http://localhost/extjs-project

image

Leave a Reply

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น