Android :实现登录功能的思绪

android的登录功能和前端一样，需要保存登录的用户信息。

• 创建一个工具类
  

1. // 用户工具类，用于管理用户登录状态和用户信息
2. object AppUserUtil {
4.     // 常量定义
5.     private const val LOGGED_FLAG = "logged_flag" // 登录状态的键名
6.     private const val USER_INFO = "user_info"     // 用户信息的键名
7.     private const val TAG = "AppUserUtil"         // 日志标签
9.     // 登录状态属性
10.     var isLogged: Boolean
11.         // 获取登录状态，默认值为 false
12.         get() = DataStoreUtils.readBooleanData(LOGGED_FLAG, false)
13.         // 设置登录状态，并同步保存到 DataStore
14.         set(value) = DataStoreUtils.saveSyncBooleanData(LOGGED_FLAG, value = value)
16.     // 用户信息属性
17.     var userInfo: UserInfo?
18.         // 获取用户信息，从 DataStore 中读取并反序列化为 UserInfo 对象
19.         get() = DataStoreUtils.readStringData(USER_INFO).fromJson()
20.         // 设置用户信息，并同步保存到 DataStore
21.         set(value) = DataStoreUtils.saveSyncStringData(USER_INFO, value = value?.toJson() ?: "")
23.     // 登录方法
24.     fun onLogin(userInfo: UserInfo) {
25.         isLogged = true               // 设置登录状态为 true
26.         this.userInfo = userInfo      // 保存用户信息
27.         Log.d(TAG, "onLogin: $userInfo") // 打印登录日志
28.     }
30.     // 登出方法
31.     fun onLogOut() {
32.         isLogged = false              // 设置登录状态为 false
33.         this.userInfo = null          // 清空用户信息
34.     }
35. }

复制代码

• 发起登录哀求，登录成功，则调用工具类的onLgoin方法
  

1. private fun login() {
2.         viewModelScope.launch {
3.             flow {
4.                 emit(service.login(viewStates.account.trim(), viewStates.password.trim()))
5.             }.map {
6.                 if (it.errorCode == 0) {
7.                     if (it.data != null) {
8.                         HttpResult.Success(it.data!!)
9.                     } else {
10.                         throw Exception("the result of remote's request is null")
11.                     }
12.                 } else {
13.                     throw Exception(it.errorMsg)
14.                 }
15.             }.onEach {
16.                 AppUserUtil.onLogin(it.result)
17.                 _viewEvents.send(LoginViewEvent.PopBack)
18.             }.catch {
19.                 _viewEvents.send(LoginViewEvent.ErrorMessage(it.message ?: ""))
20.             }.collect()
21.         }
22.     }

复制代码

• 一些页面，如果未登录，是不能使用的，这个时间我们可以取出isLogged 属性进行判断。
  

2. @ExperimentalFoundationApi
3. @Composable
4. fun CollectPage(
5.     navCtrl: NavHostController,
6.     scaffoldState: ScaffoldState,
7.     viewModel: CollectViewModel = hiltViewModel()
8. ) {
9.     val viewStates = viewModel.viewStates
10.     val collectPaging = viewStates.pagingData?.collectAsLazyPagingItems()
11.     val webUrls = viewStates.urlList
12.     val titles = viewStates.titles
13.     val isRefreshing = viewStates.isRefreshing
14.     val listState =
15.         if ((collectPaging?.itemCount ?: 0) > 0) viewStates.listState else LazyListState()
17.     DisposableEffect(Unit) {
18.         Log.i("debug", "onStart")
19.         viewModel.dispatch(CollectViewAction.OnStart)
20.         onDispose {
21.         }
22.     }
23.     Column(
24.         modifier = Modifier
25.             .fillMaxSize()
26.             .padding(bottom = BottomNavBarHeight)
27.     ) {
28.         AppToolsBar(title = "我的收藏")
30.         if (!AppUserUtil.isLogged) {
31.             EmptyView(
32.                 tips = "点击登录",
33.                 imageVector = Icons.Default.Face
34.             ) {
35.                 RouteUtils.navTo(navCtrl, RouteName.LOGIN)
36.             }
37.         } else {
38.             collectPaging?.let {
39.                 RefreshList(it, listState = listState, isRefreshing = isRefreshing, onRefresh = {
40.                     viewModel.dispatch(CollectViewAction.Refresh)
41.                 }) {
42.                     if (!webUrls.isNullOrEmpty()) {
43.                         stickyHeader {
44.                             ListTitle(title = titles[1].text)
45.                         }
46.                         item {
47.                             FlowRow(
48.                                 modifier = Modifier.padding(10.dp)
49.                             ) {
50.                                 webUrls?.forEachIndexed { index, website ->
51.                                     LabelTextButton(
52.                                         text = website.name ?: "标签",
53.                                         modifier = Modifier.padding(end = 10.dp, bottom = 10.dp),
54.                                         onClick = {
55.                                             RouteUtils.navTo(
56.                                                 navCtrl,
57.                                                 RouteName.WEB_VIEW,
58.                                                 WebData(website.name, website.link!!)
59.                                             )
60.                                         }
61.                                     )
62.                                 }
63.                             }
64.                         }
65.                     }
66.                     stickyHeader {
67.                         ListTitle(title = titles[0].text)
68.                     }
69.                     if (collectPaging.itemCount > 0) {
70.                         items(collectPaging) { collectItem ->
71.                             CollectListItemView(
72.                                 collectItem!!,
73.                                 onClick = {
74.                                     RouteUtils.navTo(
75.                                         navCtrl,
76.                                         RouteName.WEB_VIEW,
77.                                         WebData(collectItem.title, collectItem.link)
78.                                     )
79.                                 })
80.                         }
81.                     }
82.                 }
83.             }
84.         }
85.     }
86. }

复制代码

参考资料：

• https://github.com/RicardoJiang/wanandroid-compose
  

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。