寫在開首

WeX5是一個(gè)開源,免費(fèi)的Hybrid移動(dòng)應(yīng)用開發(fā)框架,如果不了解的朋友可以上官網(wǎng)http://www.wex5.com/去了解一下.

一般做法

使用WeX5開發(fā)移動(dòng)APP時(shí),有一些基礎(chǔ)數(shù)據(jù)需要保留在本地,這個(gè)時(shí)候就需要SQLite數(shù)據(jù)庫(kù)了,我們可以在項(xiàng)目中引入cordova-plugin-sqlite插件,這樣在全局就存在一個(gè)window.sqlitePlugin的對(duì)象.我們可以通過(guò)下面語(yǔ)句來(lái)打開一個(gè)sqlite的數(shù)據(jù)庫(kù),繼而通過(guò)db來(lái)進(jìn)行數(shù)據(jù)庫(kù)的增刪改查操作.

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

WeX5的UI2提供了一個(gè)DemoDB.js文件用于實(shí)例化db工具,我們可以在項(xiàng)目中建立一個(gè)demo.sql腳本文件,在APP啟動(dòng)的時(shí)候通過(guò)demo.sql初始化sqlite數(shù)據(jù)庫(kù).

優(yōu)化改進(jìn)

上面的做法對(duì)于demo.sql中數(shù)據(jù)量小的情況下沒有問(wèn)題,如果數(shù)據(jù)量年夜的情況下,會(huì)導(dǎo)致sqlite數(shù)據(jù)庫(kù)初始化時(shí)間過(guò)長(zhǎng),進(jìn)而導(dǎo)致頁(yè)面加載完成的時(shí)候,相匹配的對(duì)應(yīng)基礎(chǔ)數(shù)據(jù)還沒有到位.

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

具體做法是：

1. 現(xiàn)在當(dāng)?shù)豍C中將demo.sql中的數(shù)據(jù)通過(guò)sqlite工具轉(zhuǎn)化為demo.dq(也就是在PC上的sqlite數(shù)據(jù)庫(kù)中創(chuàng)建對(duì)應(yīng)數(shù)據(jù)庫(kù),后臺(tái)自動(dòng)生成demo.db)
   

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

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

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

5. 重新生成當(dāng)?shù)谹PP

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