主要思路
想用本地保存的方式,保存一些用戶的信息,和一些其他的數(shù)據(jù),方便下次打開軟件時的調(diào)用,希望完成的功能有保存用戶的登陸信息,下次再打開軟件可以直接進入主界面而不是登陸界面,還有就是在主界面制作一個退出按鈕,點擊后,退出到登陸界面,下次再打開這個軟件不會再直接進入到主界面中,而是登陸界面
準備工作
在app.module.ts中導入包
import { IonicStorageModule } from '@ionic/storage';
然后在imports中添加
IonicStorageModule.forRoot()
PS:在之后需要使用的ts文件中使用Storage的時候需要在控制器中添加
public storage: Storage
同時注意是否有導包(因為我的疏忽,偶爾發(fā)現(xiàn)并沒有導入包)
先保存用戶登錄時的信息
在登陸界面的的登陸按鈕附加點擊事件
testNewPage(){
this.navCtrl.setRoot(TabsPage);//跳轉(zhuǎn)到TabsPage界面
this.storage.set('islogin', true);
}
用戶點擊按鈕后可以跳轉(zhuǎn)到TabsPage界面,同時也保存了true
讓打開軟件的時候就直接進行判斷,從而進入主界面
在app.component.ts當中修改
rootPage:any = HomePage;
為
rootPage:any = "";
然后在constructor當中用if去判斷islogin的狀態(tài),從而修改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);
}
完成退出部分