Ionic學習日記4:軟件保存用戶登錄信息

主要思路

想用本地保存的方式,保存一些用戶的信息,和一些其他的數(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);
}

完成退出部分

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容