【微服务架构】-【架构设计】-从前端到后端再到运维-全程开发一个系统—一切从0开始—登陆功能

 几乎所有系统都必有的模块——登陆与注册与登出,那么我就从此开始我的博客系统搭建(主要考虑常用技术都可以使用到)

 先熟理下业务流程与可能的技术选型(技术预研),再到数据库设计, 最后开始代码开发。

0.熟悉业务背景

 这一部分不属于开发,属于产品设计这块的内容,由产品经理负责,但是开发简单了解一下对业务流程会更清晰些

 从注册登录登出开始,详解产品流程

 登录和注册大概是所有线上平台都拥有的功能模块,也是用户最早能够接触到的平台功能,不仅业务流程简约,而且模块功能单一,甚至设计的页面也很少。但是要设计出行云流水般、给予用户良好体验的产品功能也并非易事。

1、产品功能

首先,我们要明确注册、登录的核心需求:

1)提高登录注册转化率,用户留存率

2)登录注册提示明确,把每个使用场景和触发事件想清楚,形成闭环

3)用户ID真实有效,方便后续产品运营推进

4)防止机器人频繁请求从而给服务器造成过大压力

业务要闭环具体是什么意思呢?

登录成功去哪里?

登录失败又去哪里?

注册成功去哪里?

注册失败又去哪里?

为了完成这个业务流程的闭环,我们就需要增加几个页面:

登录成功页:通常是跳转到首页,或者个人主页。

登录失败页:通常是跳转到登录失败页,提示用户登录失败的原因,并且用户能够重新输入。

注册成功页:通常自动登录并跳转至首页。

注册失败页:通常是跳转到注册失败页,或者提示用户注册失败的原因,在同页面重新输入。

注册登陆的方式分类需考虑以下几点:

1)普遍性:此种注册方式是否能被绝大多数用户所接受?是否有门槛限制?

2)便捷性:注册ID方便、登陆快捷、易记忆

3)注册方式是否存在安全性问题

注册登录方式:邮箱、手机、第三方登录

邮箱 :针对不喜欢暴露手机号的人群 信息可以长期留存

手机号:便于记忆,安全性高

第三方登录:注册快捷,但受限于第三方

3、产品细节-校验

1、邮箱/手机号合法性判断:

i) 手机号:暂时只支持国内,即86开头

长度是否为13位

每一位都是数字

以13、15、18开头

ii)邮箱:

邮箱名称部分包含大小写数字、大小写字母、下划线

邮箱域名部分正则  @[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+

2、登录密码机制:

长度大于8位小于20位

必须包含大小写和数字

特殊字符只包括下划线

密码可选明文可见或不可见

输入一次密码后,需二次输入密码进行确认

3、验证码问题

短信验证:6位数字;60s后可选择再次发送验证码

语音验证:6位数字,重复语音播报

4、登陆错误问题:

用户名或密码错误,经后台验证后在当前页面给予用户有效的反馈提示

连续输入3次密码错误后,页面下显示“忘记密码”按钮,进入到找回密码界面

5、是否允许多端同时登陆

6、注册完/登录完成

用户登录注册完成后,一定要直接切回到之前请求登录前的节点中去。

4、用户体验

如果用户名使用电子信箱,是否需要增加自动补充以帮助用户能够快速完成电子信箱的录入?

如何设计良好的登录页错误提示?

登陆成功后自动跳转页面?一般是主页

是否需要记住密码?还是需要2周内不用登录?

能否不用鼠标来切换用户名和密码框?

能否用回车键来替代鼠标完成登录或提交的操作?

如何限定注册页的必填字段?

如何设计密码强度的提示?

如果注册页有用户头像,是否需要锁定头像比例?是否提供预览功能?是否提供在线裁剪?

是否需要给用户设置默认头像?

第一个页面开发最终效果图:——注册功能页面

 1.业务流程分析-我先做登录与登出

   用户请求 /login ——>响应登录页面——>录入登录用户名与密码——>点击登录按钮后做些数据格式校验再请求后台处理——>

  后台做用户信息校验(包含权限与数据格式)——>后台业务处理流程访问数据库获取信息——>返回响应结果提示用户登录状态。

   ——>登录成功后可点击登出按钮 退出系统

 2.技术选型设计:

    根据业务需求合理采用相关技术,对应团队不熟悉的技术要做预研工作,选型原则:最适合业务的技术才是最好的技术方案。

    技术预研:

     研究一些新的技术,可能是项目以后要用到的东西,或者对现有问题攻关,写预研文档,还有示例代码,给研发的码农培 训。  研发部,说是研发,其实很多公司差不多就是研究部的做项目,写代码,感觉没啥研究的成份。不过国内也有许多公司研发部除了日常项目开发外,还负责新技术的研究。

3.数据库表设计 

   表结构与表索引等的设计,这部分是重点

4.项目代码开发

    大概的思路与设计流程如下:初稿

关于技术选型与预研:给出一个很吊的技术全景图,感受下技术的繁多与更新之快

发布了234 篇原创文章 · 获赞 12 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/Coder_Boy_/article/details/99255695