ionic3启动页面

第一步
1.在pages下添加welcome页面
2.命令行ionic g page welcome;

在app.component.ts导入welcome页面

第二步
1.下载数据库及其插件(其他数据库也可,如IndexedDB;下面只讲H5只带的和storage数据库的用法)
数据库: ionic cordova plugin add cordova-sqlite-storage
插件:npm install –save @ionic/storage
2.H5自带数据库 (无需下载)

第三步
1.配置插件
在app.module.ts下面添加

  '''impot { IonicStorageModule } from '@ionic/storage'''
   imports: [
    BrowserModule,
    HttpModule,
    IonicModule.forRoot(MyApp),
    '''IonicStorageModule.forRoot()''',
  ],  
在app.component.ts上添加
'''import { Storage } from '@ionic/storage';'''
'''export class MyApp { 
  rootPage: any; 

  constructor(platform: Platform, public storage: Storage) {

    this.storage.get('firstIn').then((result) => { 
      result=false
      if(result){  
        this.rootPage = HomePage; 
      } 
      else{
        this.storage.set('firstIn', true);
        this.rootPage = WelcomePage;
      }

    }
    );'''  

2.H5原生在app.component.ts下添加

    rootPage: any;//HomePage或TabsPage删掉

    var flag = localStorage.getItem("firstIn");
    if( flag == undefined ){
      localStorage.setItem("firstIn", "1");
      this.rootPage=WelcomePage;
    }else{
      this.rootPage=TabsPage;
    }

第四步
完结撒花!!!

从welcome跳到首页的方法:

  goToHome(){
  this.navCtrl.setRoot(TabsPage);
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值