ionic3學習之記住密碼登入

2021-08-19 01:20:10 字數 1682 閱讀 9439

先看下,重點看下儲存資料在 storage 中ionic3學習之登入頁

我們需要將使用者登入是否記住密碼記錄下來

圖示:

// 儲存使用者資訊

this.settings.setvalue("user_info", json.stringify(data));

// 介面跳轉

let modal = this.modalctrl.create(tabspage, data);

modal.present();

}我們需要理解的就是,在進入介面的時候,判斷快取中是否有記錄是否記住密碼,根據這個來判斷進入哪個介面

// 引入對應 storage 的檔案包

import from '@ionic/storage';

// 在 constructor 構造方法中增加邏輯

storage.ready().then

(() => else });

});

關於 storage 的小知識

import  from

"@ionic/storage";

constructor(public storage: storage)

我們使用的是ionicstorage,而不是瀏覽器自帶的storage

官方文件上面有一句話:

在本地應用程式環境中執行時,儲存將優先使用sqlite,因為它是最穩定和廣泛使用的基於檔案的資料庫之一,並且避免了諸如localstorage和indexeddb之類的一些陷阱,例如作業系統決定清除這種資料在低磁碟空間的情況下。

文件連線:

完整的**如下:

import  from '@angular/core';

import from 'ionic-angular';

import from '@ionic/storage';

import from '@ionic-native/status-bar';

import from '@ionic-native/splash-screen';

import from "../pages/login/login";

import from "../pages/tabs/tabs";

@component()

export

class

rootpage: any;

constructor(platform: platform,

statusbar: statusbar,

splashscreen: splashscreen,

storage: storage,) else });

});platform.ready

().then

(() => );

}}

ionic3學習之總結

ionic3 學習了有段時間了。然後也在 github 上面找了好多相關的 作為參考。最後自己也做了乙個小的例子。這個也是在業餘的時間學習的。最近需要去學新的東西了,這個就先記錄乙個里程碑。因為錄製的東西有點多,這個圖開啟或許比較慢。大家就等等看。部分的學習連線在我的部落格上面都有。大家可以去檢視下...

ionic3 實現懶載入方式 學習記錄

相關參考資料 對應的英文文件 class分別在home,about,contact資料夾下建立home.module.ts import from angular core import from home import from ionic angular ngmodule export clas...

ionic3 實現懶載入方式 學習記錄

原文出處 相關參考資料 對應的英文文件 分別在home,about,contact資料夾下建立home.module.ts import from angular core import from home import from ionic angular ngmodule export clas...