山东省建设工程管理局网站网站源代码安装
- 需求- 优化点:
 
- MySQL表
- 常用功能模块
- 实现方案- index页面
- home页面
 
需求
实现一个登录功能
实现的功能
- 注册(邮箱注册) 
- 登录(邮箱+密码) 
- 重置密码 
- 查看操作记录(登录, 注册, 重置密码, 登出. 都算操作) 
- 登出 
在第2版的基础上进行优化:\
优化点:
- VerificationCode(验证码储存库): 
 增加时间字段ExpirationTime数据类型int用于储存验证码的过期时间,增加次数字段time用于储存验证的次数,用于判断用户是否在发送验证码之后进行验证
- SignInList(登录列表) 
增加ExpirationTime储存过期时间,如果用户发送请求的时间超过过期时间,则视为用户掉线,需要重新登陆.
- 采用图片验证: 
 由于滑动验证过于复杂,我们采用图片验证码的形式进行真人验证
MySQL表
- LoginList(注册列表) 
| 名称 | 数据类型 | 
|---|---|
| id(主键) | int | 
| name(唯一) | string | 
| password | string | 
| Email(唯一) | string | 
- SignInList(登录列表) 
| 名称 | 数据类型 | 
|---|---|
| id (主键) | int | 
| 身份码 | string | 
| ExpirationTime | int | 
解释:身份码为随机字符串,用于对用户操作是进行身份验证,ExpirationTime储存过期时间,如果用户发送请求的时间超过过期时间,则视为用户掉线,需要重新登陆.
- OperationRecord(操作列表) 
| 名称 | 数据类型 | 
|---|---|
| id | int | 
| 操作 | string | 
| time | string | 
- VerificationCode(验证码储存库) 
| 名称 | 数据类型 | 
|---|---|
| string | |
| Verification | int | 
| ExpirationTime | int | 
| time | int | 
ExpirationTime储存验证码过期时间,如果用户验证时间超过ExpirationTime则验证无效
每次只查询最后一条匹配的数据(最新生成的验证码数据)
常用功能模块
1. 邮箱验证码功能
- 用户传入邮箱信息 
- 核验邮箱格式正确且未使用 
- 弹出真人验证:图片验证 
- 生成验证码(随机6位数),与Email一起存入VerificationCode(验证码储存库),同时储存验证码过期时间,次数为默认值0 
- 向用户邮箱发送验证码 
- 服务端使用用户的提交验证码时的Email去VerificationCode(验证码储存库)获取最后一条匹配的数据(最新生成的验证码数据)的过期时间,和验证码值,如果现在的时间大于过期时间,返回验证码过期,如果小于过期时间,对比传入的数据与数据库中验证码的值Verification(验证码值)是否相同,. 
- 处理用户请求 
- 每30分钟扫描一次数据库,删除超过30的数据 
特殊情况:
 9. 重新提交:如果验证码生成后,该用户未进行任何验证(time=0),则生成相同的验证码,并告知用户,如果之前有验证失败(time>0),就生成不同的验证码.避免某些用户在5分钟内没法收到验证码的情况.
身份验证功能:
为确保用户的身份与登录状态,我们使用身份验证功能来实现
- 用户请求(自带身份码(随机字符串)与id) 
- 使用id查找SignInList(登录列表)的对应信息(如果没有,返回未登录并退回登录页面) 
- 检查身份码与过期时间(如果身份码不正确或者已过期,返回登录过期并退回登录页面) 
- 核验成功重置过期时间(从核验成功开始30分钟后) 
- 处理用户的请求 
- 每30分钟扫描一次数据库,删除超过30的数据 
密码验证功能
- 用户上传邮箱/账号(id)+密码 
- 真人验证:图片验证 
- 密码加密 
- 查找LoginList(注册列表)中对应的邮箱/账号(如果没有返回账号/邮箱未注册) 
- 核验密码是否正确 
- 处理用户请求 
储存操作信息功能
- 通过请求数据的id与方法确定请求操作的种类,将post操作的内容与id和请求时间一起储存在OperationRecord(操作列表)中 
实现方案
index页面
/index
定义一个index页面包含两个按钮login(注册)和sign up(登录) 点击login进入注册页面,点击sign up进入登录页面
login(注册)
index/login (1).邮箱验证
- 填写邮箱点击发送 
- 调用邮箱验证功能模块 
(2)注册:
注册表单:
| 名称 | 数据类型 | 
|---|---|
| name | string | 
| password | string | 
- 先验证name是否有效与是否被使用(例如:name不能超过10个字符且字符都在ASCII中) 
- 核验password是否规范(例如:大于6位小于20位) 确认没问题后 
- 将用户数据(注册的Email,name,password)储存到LoginList(注册列表),并自增出一个新的ID 
(4)调用储存操作信息功能模块

sign up(登录)
index/signup
- 邮箱/账号+密码登录 
账号密码登录表单:
| 名称 | 数据类型 | 
|---|---|
| Email/id | string /int | 
| password | string | 
- 调用密码验证功能模块 
- 生成身份码(随机字符串),与id一起储存在SignInList(登录列表)中,过期时间为当前时间加30分钟,(每次操作后刷新过期时间都是当前时间+30分钟) 
- 返回用户身份码与id(每次访问都会自动带上) 
- 进入home页面 (5). 调用储存操作信息功能模块 

- 验证码登录 
验证码登录表单:
| 名称 | 数据类型 | 
|---|---|
| string | |
| 验证码 | int | 
- 调用 邮箱验证码功能模块 
- 生成身份码(随机字符串),与id一起储存在SignInList(登录列表)中,过期时间为当前时间加30分钟,(每次操作后刷新过期时间都是当前时间+30分钟) 
- 返回用户身份码与id(每次访问都会自动带上) 
- 进入home页面 (5). 调用储存操作信息功能模块 

home页面
/home
- 定义三个按钮 sign out(登出),reset password(重置密码),view(查看操作记录) 
sign out(登出)
home/signout
- 调用身份验证功能模块 
- 通过用户的Email,删除SignInList(登录列表)对应的数据. 
- 回到index页面 (4) 调用储存操作信息功能模块 

reset password(重置密码)
home/resetpassword 两个按钮:旧密码改密|验证码改密
1. 旧密码密码改密
(1).调用身份验证功能模块
旧密码改密表单:
| 名称 | 数据类型 | 
|---|---|
| password | string | 
| new password | string | 
| new password again | string | 
(2). 用户填写表单信息,点击提交.
(3). 调用密码验证功能模块
(4). 检验newpassword格式是否正确
(5). 检验password again密码是否相同
(6). 核验成功,服务端修改MySQL中的 LoginList(注册列表)中对应的id下的password
(7). 调用储存操作信息功能模块

2. 验证码改密
(1).调用身份验证功能模块
验证码改密表单:
| 名称 | 数据类型 | 
|---|---|
| 验证码 | int | 
(2). 用户填写表单信息,点击提交.
(3). 调用邮箱验证码功能模块
(4). 检验newpassword格式是否正确
(5). 检验password again密码是否相同
(6). 核验成功,服务端修改MySQL中的 LoginList(注册列表)中对应的id下的password
(7). 调用储存操作信息功能模块

查询操作记录
- 调用储存操作信息功能模块 
- 服务端查询OperationRecord(操作列表)中的所有id为用户id的数据,并返回给用户  
本文由 mdnice 多平台发布
