แจกฟรีตัวอย่างการใช้ Slim framework สำหรับทำเป็น REST API และ UI (หน้าเว็บเพจ) ที่ทำงานด้วยกันในแบบ CRUD ครบถ้วน
ตัวอย่างที่แจกนี้มีอะไรบ้าง?
* มันคือตัวอย่างการใช้ Slim framework ในแบบ Controller
* Slim framework ทำงานแบบ RESTful API โดยตอบสนองผลลัพธ์ในรูปแบบ json
* ตัว API มีตัวอย่างการทำงานครบในแบบ CRUD (Create, Read, Update, Delete)
* เนื่องจากส่วนแรกเป็นเพียง API ไม่มีหน้าตา จึงแจกส่วน UI หรือหน้าตาเว็บเพจมาให้ด้วย
* ตัว UI มีการทำงานครบเหมือนกัน มีตารางแสดงรายการ มีหน้าเพิ่ม, แก้ไข และการส่งข้อมูลเพื่อลบ
* ตัว UI และ API มีตัวอย่างการอัพโหลดด้วย แน่นอนว่าใช้ library upload ที่ผมทำแจกนั่นแหละสั้นดี ขี้เกียจเขียนแบบ native ยาวๆเยอะๆ
* ใช้ jQuery เรียก API ผ่าน Ajax
เอาไปทำอะไรได้?
* เอาไปทดลองเขียนเพิ่มเติม โยกย้ายส่วน insert, update, fetch data ไว้ใน model แทนที่จะอยู่ใน controller ทั้งหมด
* เอาไปประยุกต์ใช้กับ js template engine เช่น Mustache, Handlebars
* เอาไปเขียนเพิ่มเช่น ย้าย controller ทั้งหมดไป extends admin based controller แล้วทำหน้า login/register/edit user
* เอาไปเปลี่ยน UI ใช้ระบบอื่นแทน HTML+jQuery ของเดิม เช่น ไปใช้ Angular, Ember, React อะไรพวกนี้ เพราะว่าเดี๋ยวนี้เขาจะพยายามโยกย้ายส่วนแสดงผลออกจากตัวเว็บแอพหลักๆแล้ว โดยโยกไปให้พวกที่ว่านี่ทำงานแสดงผลแทน ส่วนประมวลผลก็เป็นหน้าที่ของ API ไป server มันก็จะทำงานเบาลงเยอะ
หวังว่าจะมีประโยชน์บ้างอะนะครับ ไม่รู้เหมือนกัน
Download!! and Update 2 Tag : PHP, HTML/CSS, JavaScript, Ajax, jQuery
ประวัติการแก้ไข 2016-09-07 13:45:07 2016-09-13 16:08:00
Date :
2016-09-07 13:43:06
By :
mr.v
View :
5447
Reply :
5
แแก้ไข Link ให้แล้วครับ
Date :
2016-09-07 14:06:01
By :
mr.win
ขอบคุณครับ
Date :
2016-09-08 13:44:00
By :
amphol-yui
มีประโยชน์มากครับ slim 3 ด้วย ครบถ้วนทุกกระบวนท่าครับ +1
ประวัติการแก้ไข 2016-09-08 21:13:11
Date :
2016-09-08 20:31:33
By :
triplea
update
Download
ตัวนี้เป็นการอัพเดท PHP API เพิ่มเติม และทำ Ember UI มาให้ด้วย ครบเลย CRUD เหมือนกันกับตัวก่อนหน้าแต่ต่างกันตรงเขียนโดยใช้ Ember.
คุณวินอย่าลบของเก่าออกแล้วเอาอันนี้ไปแทนที่นะครับ เพราะอันนี้มันไม่มี HTML UI มาให้ เนื่องจากไม่ได้อัพเดทส่วน HTML UI เลย.
สำหรับการทดสอบ Ember ให้สั่งติดตั้ง npm install และ bower install ก่อนนะครับ ให้ทำเหมือนตอนอัพเกรด Ember เลย
ลองอ่านเพิ่มเติม
ส่วนถ้าจะทดสอบใช้เลยก็มีส่วนที่ build มาให้แล้ว อยู่ในโฟลเดอร์ dist/
การติดตั้งให้เอาทั้ง php-api-test และ php-api-ember-test ไว้ใน _test ซึ่งเวลาเรียกจะได้เป็น http://localhost/_test/php-api-ember-test/dist
หวังว่าจะมีประโยชน์ครับ......หรือไม่มีหว่า?
Date :
2016-09-13 16:05:39
By :
mr.v
ขอบคุณมาก ๆ ครับ
Date :
2021-06-02 03:20:13
By :
ong
Load balance : Server 00