uniapp云开发用户登录逻辑处理之验证用户名和密码

页面效果图

只有当用户将账号和密码都输入正确的时候，才能进行登录。
但我们要如何判断用户在界面输入的账号和密码跟我们在数据库当中存入的账号和密码相匹配，匹配成功，页面跳转，让用户登录进去，如果账号或密码只对其一，都将匹配失败，照样要给出相关的报错信息。
页面搭建的基本思路：
要有form表单是肯定的，但这次我没有用form表单自带的@submit方法,然后给提交按钮绑定open-type，而是用了v-model双向数据表定，简单明了。使用了云函数，客户端需要uniCloud.callFunction进行调用使用了uni.setStorageSync进行页面缓存，缓存一份用户名，后续有用。使用了uniapp提供的页面跳转API，uni.navigateTo()使用了uniapp提供的界面视窗uni.showModal()
页面整体代码：