Get Adobe Flash player

ionic framework การใช้งาน Sqlite และ ngCordova

ionic framework & Sqlite & ngCordova เป็นการใช้งานฐานข้อมูล sqlite ที่เป็นฐานข้อมูลบน smart phone ที่นิยมใช้กันใน ionic สามารถใช้ ngCordova ในการ install plugin Sqlite เพื่อใช้งานได้ทันทีดังนี้

  1. สร้างโปรเจ็คใหม่ด้วย command prompt

  2. ไปที่ folder sqlapp และ open with atom (text editor)
  3. ไปที่ไฟล์ config.xml แก้ไข name กับ widget id
    sqlapp1
  4. ใช้ bower install ngcordova

    หลังจากนั้นให้เปิดไฟล์ index.html และนำ script ng-cordova.js ไปวางไว้ก่อน cordova.js

    หลังจากนั้นให้เปิดไฟล์ app.js และเพิ่ม ngCordova ในส่วนของ angular.module()
  5. ลง plugin Sqlite

     
  6. เปิดไฟล์ app.js กำหนด var db = null;  ไว้ด้านบนสุด
  7. ในส่วนของไฟล์ app.js ในส่วนของ $ionicPlatform.ready จะให้สร้าง db และสร้าง table ขึ้นมา

     
  8. ที่ command prompt สั่ง ionic platform add android
  9. และใช้คำสั่ง ionic run android
  10. พิมพ์คำสั่ง monitor ใน command prompt เพื่อเปิด android monitor
  11. พิมพ์คำสั่ง ionic run android หรือใช้คำสั่ง ionic emulate android
  12. เราสามารถเข้าดู app ของเราใน android monitor ได้จากภาพ และให้เลือก save db ลงมาเพื่อดูว่ามีข้อมูลอะไรบ้าง
    sqlapp2
  13. แก้ไขไฟล์ app.js

     
  14. index.html