主要思路
想用本地保存的方式,保存一些用戶的信息,和一些其他的數(shù)據(jù),方便下次打開(kāi)軟件時(shí)的調(diào)用,希望完成的功能有保存用戶的登陸信息,下次再打開(kāi)軟件可以直接進(jìn)入主界面而不是登陸界面,還有就是在主界面制作一個(gè)退出按鈕,點(diǎn)擊后,退出到登陸界面,下次再打開(kāi)這個(gè)軟件不會(huì)再直接進(jìn)入到主界面中,而是登陸界面
準(zhǔn)備工作
在app.module.ts中導(dǎo)入包
import { IonicStorageModule } from '@ionic/storage';
然后在imports中添加
IonicStorageModule.forRoot()
PS:在之后需要使用的ts文件中使用Storage的時(shí)候需要在控制器中添加
public storage: Storage
同時(shí)注意是否有導(dǎo)包(因?yàn)槲业氖韬觯紶柊l(fā)現(xiàn)并沒(méi)有導(dǎo)入包)
先保存用戶登錄時(shí)的信息
在登陸界面的的登陸按鈕附加點(diǎn)擊事件
testNewPage(){
this.navCtrl.setRoot(TabsPage);//跳轉(zhuǎn)到TabsPage界面
this.storage.set('islogin', true);
}
用戶點(diǎn)擊按鈕后可以跳轉(zhuǎn)到TabsPage界面,同時(shí)也保存了true
讓打開(kāi)軟件的時(shí)候就直接進(jìn)行判斷,從而進(jìn)入主界面
在app.component.ts當(dāng)中修改
rootPage:any = HomePage;
為
rootPage:any = "";
然后在constructor當(dāng)中用if去判斷islogin的狀態(tài),從而修改rootPage到底是哪一個(gè)頁(yè)面
constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen,storage:Storage) {
storage.get('islogin').then((islogin) => {
if(islogin){
this.rootPage = TabsPage;
}else{
this.rootPage = HomePage;
}
});
用戶退出部分
在進(jìn)入的主界面中,添加button,附加點(diǎn)擊事件
exit(){
this.storage.set('islogin', false);
this.navCtrl.setRoot(HomePage);
}
完成退出部分