新建引导页面

ionic g page welcome

导入组件

Ionic3 编程-应用启动进入引导页-LMLPHP

修改模版文件:welcome.html

Ionic3 编程-应用启动进入引导页-LMLPHP

修改样式文件:welcome.scss

Ionic3 编程-应用启动进入引导页-LMLPHP

安装相关插件:

数据库使用SQLite:ionic cordova plugin add cordova-sqlite-storage

安装相关包:npm install --save @ionic/storage

Ionic3 编程-应用启动进入引导页-LMLPHP

Ionic3 编程-应用启动进入引导页-LMLPHP

编写相关代码:

Ionic3 编程-应用启动进入引导页-LMLPHP

Ionic3 编程-应用启动进入引导页-LMLPHP

最终效果:

Ionic3 编程-应用启动进入引导页-LMLPHP

参考:

https://ionicframework.com/docs/storage/

05-03 21:30