亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何使用 MVVM 正確驗證登錄表單?

如何使用 MVVM 正確驗證登錄表單?

藍山帝景 2023-04-13 16:58:49
當Android主要模式是MVP我們將驗證邏輯存儲在presenters(因為view應該是愚蠢的- 如果我錯了請糾正我)因為一個presenter只適用于一個view。InMVVM ViewModel不知道View哪個使用了 thisViewModel和(據我了解)aViewModel可以被不同的人使用Views而不會違反MVVM想法。所以,問題是在哪里驗證登錄表單MVVM?意識形態上正確的解決方案是什么?
查看完整描述

2 回答

?
慕后森

TA貢獻1802條經驗 獲得超5個贊

我在 android 中看到過很多MVVM模式的實現。我在我的項目中遵循以下結構。我不知道這是否理想。如果錯了請糾正我。

首先讓我回答你的問題,

在哪里驗證 MVVM 中的登錄表單?

我在中進行驗證ViewModel

class LogInViewModel : ViewModel() {


? ? ...


? ? fun performValidation() {


? ? ? ? if (username.isBlank()) {

? ? ? ? ? ? logInResult.value = "Invalid username"

? ? ? ? ? ? return

? ? ? ? }


? ? ? ? if (password.isBlank()) {

? ? ? ? ? ? logInResult.value = "Invalid password"

? ? ? ? ? ? return

? ? ? ? }


? ? ? ? logInResult.value = "Valid credentials :)"

? ? }


}

意識形態上正確的解決方案是什么?

正如我所說,我們可以遵循許多結構在 android 中實現 MVVM。下面給出了我如何做的例子。代碼中充滿了注釋,所以我相信它是可以自我理解的。無論如何,請隨時在評論中要求任何澄清。(為了可讀性,我從布局文件中刪除了一些代碼)

http://img4.sycdn.imooc.com/6437c47f0001b90002660588.jpg

登錄視圖模型


class LogInViewModel : ViewModel() {


? ? /**

? ? ?* Two way bind-able fields

? ? ?*/

? ? var username: String = ""

? ? var password: String = ""


? ? /**

? ? ?* To pass login result to activity

? ? ?*/

? ? private val logInResult = MutableLiveData<String>()


? ? fun getLogInResult(): LiveData<String> = logInResult


? ? /**

? ? ?* Called from activity on login button click

? ? ?*/

? ? fun performValidation() {


? ? ? ? if (username.isBlank()) {

? ? ? ? ? ? logInResult.value = "Invalid username"

? ? ? ? ? ? return

? ? ? ? }


? ? ? ? if (password.isBlank()) {

? ? ? ? ? ? logInResult.value = "Invalid password"

? ? ? ? ? ? return

? ? ? ? }


? ? ? ? logInResult.value = "Valid credentials :)"

? ? }


}


登錄處理器


/**

?* To pass UI events to activity

?*/

interface LogInHandler {


? ? /**

? ? ?* Will be called when login button gets clicked

? ? ?*/

? ? fun onLogInClicked()

}

activity_login.xml


<layout>


? ? <data>


? ? ? ? <variable

? ? ? ? ? ? name="viewModel"

? ? ? ? ? ? type="com.theapache64.mvvmloginsample.LogInViewModel" />


? ? ? ? <variable

? ? ? ? ? ? name="handler"

? ? ? ? ? ? type="com.theapache64.mvvmloginsample.LogInHandler" />

? ? </data>


? ? <androidx.constraintlayout.widget.ConstraintLayout>


? ? ? ? <EditText

? ? ? ? ? ? ...

? ? ? ? ? ? android:text="@={viewModel.username}" <!--Two way binding username-->

? ? ? ? />


? ? ? ? <EditText

? ? ? ? ? ? ...

? ? ? ? ? ? android:text="@={viewModel.password}" <!--Two way binding password-->

? ? ? ? />


? ? ? ? <Button

? ? ? ? ? ? ...

? ? ? ? ? ? android:onClick="@{()->handler.onLogInClicked()}" <!--Invoked on button click-->

? ? ? ? />

? ? </androidx.constraintlayout.widget.ConstraintLayout>

</layout>

最后是活動


登錄活動


class LogInActivity : AppCompatActivity(), LogInHandler {


? ? private lateinit var viewModel: LogInViewModel


? ? override fun onCreate(savedInstanceState: Bundle?) {

? ? ? ? super.onCreate(savedInstanceState)


? ? ? ? // Binding

? ? ? ? val binding =

? ? ? ? ? ? DataBindingUtil.setContentView<ActivityLoginBinding>(this, R.layout.activity_login)


? ? ? ? // ViewModel

? ? ? ? this.viewModel = ViewModelProviders.of(this).get(LogInViewModel::class.java)


? ? ? ? // Setting binding params

? ? ? ? binding.viewModel = viewModel

? ? ? ? binding.handler = this


? ? ? ? // Watching for login result

? ? ? ? viewModel.getLogInResult().observe(this, Observer { result ->

? ? ? ? ? ? Toast.makeText(this, result, Toast.LENGTH_SHORT).show()

? ? ? ? })

? ? }


? ? override fun onLogInClicked() {

? ? ? ? viewModel.performValidation()

? ? }


}

我在 GitHub 中托管了完整的源代碼。


查看完整回答
反對 回復 2023-04-13
?
FFIVE

TA貢獻1797條經驗 獲得超6個贊

首先,您應該使用雙向數據綁定并將文本值分配給視圖模型中的可觀察字段并使用這樣的函數


private fun validateFields(): Boolean {

        if (email.value.isNullOrBlank()) {


            return false

        }

        if (password.value.isNullOrBlank()) {


            return false

        }

        return true

    }

要驗證您的字段,您可以根據需要添加更多級別的驗證。


然后您可以將以下功能附加到布局中的登錄按鈕


 fun loginUser() {

        if (validateFields()) {

            val job = viewModelScope.launch(Dispatchers.IO) {

                result.postValue(

                    repo.makeLoginRequest(

                        email = email.value,

                        password = password.value

                    )

                )

           }


        }

    }

并隨心所欲地使用結果,這里我使用的是實時數據和協程


檢查電子郵件是否有效使用:


private fun isValidEmail(): Boolean = android.util.Patterns.EMAIL_ADDRESS.matcher(email.value).matches()



查看完整回答
反對 回復 2023-04-13
  • 2 回答
  • 0 關注
  • 171 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號