Ionic学习日记4：软件保存用户登录信息

主要思路

想用本地保存的方式，保存一些用户的信息，和一些其他的数据，方便下次打开软件时的调用，希望完成的功能有保存用户的登陆信息，下次再打开软件可以直接进入主界面而不是登陆界面，还有就是在主界面制作一个退出按钮，点击后，退出到登陆界面，下次再打开这个软件不会再直接进入到主界面中，而是登陆界面

准备工作

在app.module.ts中导入包

import { IonicStorageModule } from '@ionic/storage';

然后在imports中添加

IonicStorageModule.forRoot()

PS：在之后需要使用的ts文件中使用Storage的时候需要在控制器中添加

public storage: Storage

同时注意是否有导包（因为我的疏忽，偶尔发现并没有导入包）

先保存用户登录时的信息

在登陆界面的的登陆按钮附加点击事件

testNewPage(){
    this.navCtrl.setRoot(TabsPage);//跳转到TabsPage界面
    this.storage.set('islogin', true);
}

用户点击按钮后可以跳转到TabsPage界面，同时也保存了true

让打开软件的时候就直接进行判断，从而进入主界面

在app.component.ts当中修改

rootPage:any = HomePage;

为

rootPage:any = "";

然后在constructor当中用if去判断islogin的状态，从而修改rootPage到底是哪一个页面

constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen,storage:Storage) {
   storage.get('islogin').then((islogin) => {
     if(islogin){
        this.rootPage = TabsPage;
     }else{
        this.rootPage = HomePage;
     }
   });

用户退出部分

在进入的主界面中，添加button，附加点击事件

exit(){
      this.storage.set('islogin', false);
    this.navCtrl.setRoot(HomePage);
}

完成退出部分