Android 登錄註冊頁面實現完整指南

架構設計

採用 MVVM + Repository 模式，現代 Android 開發推薦使用 Android Studio + Jetpack 組件。

登錄流程

1. UI：兩個 EditText（用戶名/密碼）+ Button
2. 點擊 → ViewModel 調用 Repository → Retrofit 發送 POST 請求
3. 服務端驗證 → 返回 Token/UserInfo (JSON)
4. 本地緩存 Token (DataStore/SharedPreferences) → 導航到主頁

註冊流程

1. UI：用戶名、密碼、確認密碼、手機/郵箱、驗證碼
2. 前端驗證 → 發送註冊請求
3. 服務端檢查用戶名唯一 → 寫入數據庫 → 返回結果
4. 註冊成功 → 自動登錄或跳轉登錄頁（攜帶用戶名預填）

關鍵代碼片段

// LoginViewModel.kt
@HiltViewModel
class LoginViewModel @Inject constructor(
    private val authRepo: AuthRepository
) : ViewModel() {

    fun login(username: String, password: String) {
        viewModelScope.launch {
            try {
                val result = authRepo.login(username, password)
                _uiState.value = UiState.Success(result)
            } catch (e: Exception) {
                _uiState.value = UiState.Error(e.message)
            }
        }
    }
}

// AuthRepository.kt
suspend fun login(username: String, password: String): AuthResult {
    return apiService.login(LoginRequest(username, password))
        .map { response ->
            tokenManager.save(response.token)
            AuthResult.Success(response.user)
        }
        .getOrElse { AuthResult.Error(it.message) }
}

遷移建議

• 棄用 Eclipse ADT，全面遷移至 Android Studio
• 使用 Kotlin + Coroutines + Flow
• 引入 Hilt 依賴注入、Navigation 頁面導航