主要思路
想用本地保存的方式,保存一些用户的信息,和一些其他的数据,方便下次打开软件时的调用,希望完成的功能有保存用户的登陆信息,下次再打开软件可以直接进入主界面而不是登陆界面,还有就是在主界面制作一个退出按钮,点击后,退出到登陆界面,下次再打开这个软件不会再直接进入到主界面中,而是登陆界面
准备工作
在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);
}
完成退出部分