通过Node + SSE 做了一个构建日志推送

1.注册页是什么

当我们使用一个从未使用过的网站时,想要注册账号,点击注册账号时看到的网页就是注册页> 注册页例子如下:

• 我们看到以下的注册页中,有两大类信息:

• 第一大类是用户信息类,> 包括用户名,密码和email,他们都有自己的 取值规则 ,例如用户名显示不得小于3个字符* > 第二大类是验证码类,一般有两种,> 一种是短信或邮箱验证,这是为了绑定手机号或邮箱,> 还有一种就下图中的真人验证,为了避免机器人恶意访问信息量过大,通过验证计算题或者识别字母的方式来确定是真人访问

2.为什么需要注册页

目的:

• 注册页的目的是让用户注册账号
• 用户通过账号密码来登录网站
• 网站记录用户的账户密码,建立一个记录每一个用户信息的数据库

数据校验

• 用户名和密码都有一定的命名和设定规则
• 为了避免不符合规则的命名和密码发送到服务器,造成服务器压力过大
• 我们需要在前端页面对数据进行初筛,符合规则要求的才会被发送到服务器
• 服务器再进行用户名是否重复的校验

3.注册页如何实现

本次所使用的技术栈:vue2.0,axios,element-ui,vuex,vue-router> 需要实现的界面如下:

3.1分析业务需求

• 1.获取数据: v-model双向绑定三个数据,分别是username.password,repassword
• 2.校验数据(1)在data中添加校验规则(2)在模板中配置规则(3)处理最终结果
• 3.发送数据: 通过axios发送数据
• 4.处理数据: 判断axios返回的code值,来处理数据

初始html模板如下

小贴士:

<