寫在開首

WeX5是一個開源,免費的Hybrid移動應用開發框架,如果不了解的朋友可以上官網http://www.wex5.com/去了解一下.

一般做法

使用WeX5開發移動APP時,有一些基礎數據需要保留在本地,這個時候就需要SQLite數據庫了,我們可以在項目中引入cordova-plugin-sqlite插件,這樣在全局就存在一個window.sqlitePlugin的對象.我們可以通過下面語句來打開一個sqlite的數據庫,繼而通過db來進行數據庫的增刪改查操作.

var db = window.sqlitePlugin.openDatabase({name : "demo.db"});

WeX5的UI2提供了一個DemoDB.js文件用于實例化db工具,我們可以在項目中建立一個demo.sql腳本文件,在APP啟動的時候通過demo.sql初始化sqlite數據庫.

優化改進

上面的做法對于demo.sql中數據量小的情況下沒有問題,如果數據量年夜的情況下,會導致sqlite數據庫初始化時間過長,進而導致頁面加載完成的時候,相匹配的對應基礎數據還沒有到位.

sqlite是安卓設備自帶的內嵌數據庫,我們知道每一個數據庫都有它的數據庫資源文件,而sqlite數據庫的資源文件就是后綴名為db的文件,好比demo.db.這樣我們可以直接把demo.db數據庫資源文件直接打包到APP里面,這樣就省去了sqlite數據庫初始化的工作,節省了不少時間.

具體做法是：

1. 現在當地PC中將demo.sql中的數據通過sqlite工具轉化為demo.dq(也就是在PC上的sqlite數據庫中創建對應數據庫,后臺自動生成demo.db)
   

2. 將demo.db復制到/Native/templates/advanced/www目次下面

3. 修改sqlitePlugin的打開辦法參數：this.database = window.sqlitePlugin.openDatabase({name : 'demo.db',createFromLocation : 1});這里要注意：demo.db一定要帶后綴名

4. 重新編譯使用到的UI資源

5. 重新生成當地APP

有在使用WeX5開發APP的同伙,可以與我交流.