系列文章:
1、环境搭建及测试- - -附免费视频教程
专栏14篇,参看:https://www.jianshu.com/nb/38421432
GitHub地址:https://github.com/tyronczt/imooc-o2o
线上演示地址:http://o2o.tyronblog.com:8088/o2o/front/index
终于有空把用户这块补上了!
用户这块是借鉴些视频中的思路,加上自己的一些理解完成的,大致思路如下图,此文主要讲解用户登录、注册、修改密码,
后面一文会加上用户拦截器。
逻辑可以看上图,登录、注册、修改密码的实现可以看下面动图:
登录
- 输入用户名和密码后,进行基本的非空校验。
- 并在三次输入后,需要输入验证码登录,具体实现逻辑可以在
js
和controller
中查看。
注册
- 注册进行基础字段的非空校验并做相应提示
- 在用户名输入完成,失去
input
框焦点后进行异步校验,检查该用户名是否已存在 - 注册完成,默认为顾客身份,没有权限登录后台,需要admin用户进行角色设置为店家或者管理员才能登录
修改密码
- 对字段进行基础判断后,ajax提交后台,修改密码成功跳转登录页面
总结
- 用户模块的设置,并未涉及微信登录及绑定,是完全独立的用户体系,所以表设计上也有不同,具体表设计可以查看 GitHub-SQL 文件的
tb_local_auth
用户账号表,tb_person_info
用户信息表; - 本文未涉及用户登录的拦截器,后文中会说明,敬请关注;
- 如果觉得不错,不要吝啬给个star:https://github.com/tyronczt/imooc-o2o