form表单怎么进行登录_CSS学习

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 7:38:46 共计：3617 浏览

form表单怎么进行登录？

1. 先用el-form表单组件实现布局

用户名和密码输入框，记住密码单选框，登录按钮

:rules="rules"绑定表单校验规则，

:model="user"进行表单校验时，需要绑定输入的信息数组

hide-required-asterisk=false 设置是否显示必填字段的标签旁边的红色星号

ref="ruleForm" 将按钮和表单关联起来，好进行点击事件的操作

2.v-model实现双向绑定

3.js-sha256插件实现密码加密

4. 实现登录

1）判断valid的值，为true时表示校验通过，获取用户名和加密后的密码

2）判断记住密码的单选框是否勾选，勾选状态就将帐号和未加密的密码和勾选状态true保存到cookie中,checked表示勾选状态

3）请求登录的接口

4）请求登录接口成功后，获取token，将token储存到cookie中，获取用户信息，将用户信息储存到vuex中

5）跳转到index主页面

5. 当vue实例创建完成后，在created钩子函数中去实现enter登录

6. 当页面刚挂载完成时，在mounted钩子函数中去判断帐号和密码和勾选状态是否存在cookie中，是的话获取用户和密码和勾选状态，显示在页面上，实现记住密码功能

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。