博客
关于我
使用IDEA的众筹项目(十二)会员认证申请与审核(上)
阅读量:387 次
发布时间:2019-03-05

本文共 979 字,大约阅读时间需要 3 分钟。

1. 管理员登录

  1. 修改登录表单
    在这里插入图片描述
  2. 增加登录事件处理
    在这里插入图片描述
  3. Controller
    在这里插入图片描述
  4. 修改跳转主页代码
    在这里插入图片描述
    在这里插入图片描述
  5. 测试
    在这里插入图片描述

2. 会员实名认证 - 需求

  1. 会员登录
    在这里插入图片描述
    在这里插入图片描述
  2. 选择账户类型,点击【认证申请】按钮

在这里插入图片描述

3. 填写实名认证申请的基本信息
在这里插入图片描述
4. 选择资质认证相关图片
在这里插入图片描述
5. 设置好认证的邮箱地址
在这里插入图片描述
6. 输入邮件验证码申请完成
用户通过邮箱获取验证码,将验证码填写到输入框并点击[申请完成],此时系统执行[审核验证码]流程任务.

在这里插入图片描述

7. 用户提交[申请完成],此时用户状态为[认证审核中]状态.等待后台管理员系统人工审核.审核通过用户状态为[已实名认证].

  1. 登录后台管理系统
    在这里插入图片描述

3. 实名认证审核 - 流程定义

  1. 实名认证审核流程定义
    在这里插入图片描述
    在这里插入图片描述
    ②设置流程的id和名称
    在这里插入图片描述
    ③设置[发送验证码]任务的信息
    在这里插入图片描述
    ④设置[审核验证码]任务的信息
    在这里插入图片描述
    ⑤设置[后台认证审核]任务的信息
    在这里插入图片描述
    ⑥设置排他网关
    在这里插入图片描述
    在这里插入图片描述
  2. 部署实名认证审批流程
    ①部署并查询
    在这里插入图片描述
    ②展示流程图片
    在这里插入图片描述

4. 会员实名认证 - 选择账户

在这里插入图片描述

  1. 实名认证账户状态
    在这里插入图片描述
    在这里插入图片描述
  2. 会员登录主页面
    在这里插入图片描述
  3. 实名认证 - 账户类型选择
    • 增加handler方法:MemberController
      在这里插入图片描述
    • 增加页面:member/accttype.jsp
      (1) 解决页面图片路径问题
      在这里插入图片描述
      (2)页面图片选择效果
      在这里插入图片描述
  4. 认证申请
    • 增加按钮id属性,便于增加事件处理

    • 页面账户类型设置

      在这里插入图片描述

    1. 增加事件处理
      在这里插入图片描述
  5. 更新账户类型
    在这里插入图片描述

5. 会员实名认证 - 基本信息资质

  1. 需求

    完成基本信息提交(realname,cardno,tel),跳转到资质文件上传的页面

  2. 实名认证申请的基本页面basicinfo.jsp

    在这里插入图片描述

  3. 会员实名认证-基本信息

    (1)处理请求handler:开始填写申请基本信息

    @RequestMapping("/basicinfo") public String basicinfo() { return "member/basicinfo"; }

(2)member/basicinfo.jsp

在这里插入图片描述
注意:在会员表增加tel字段
在这里插入图片描述

6. 流程审批单

需求:避免会员申请流程进行一半突然停止,当再次申请时不需要重头开始申请,之前申请的步骤进行保留,从中间步骤开始继续开始即可.

PDM设计流程审批单:
在这里插入图片描述

7. 会员实名认证 - 申请流程(记忆功能)

  1. 未实名认证申请
    在这里插入图片描述
  2. 执行申请过程中,除了更新会员基本信息,也需要更新当前流程步骤(修改已有代码)
    在这里插入图片描述
    在这里插入图片描述

转载地址:http://uxewz.baihongyu.com/

你可能感兴趣的文章
Nginx常用屏蔽规则,让网站更安全
查看>>
Nginx常见问题
查看>>
nginx平滑升级解决 nginx 安全漏洞(CVE-2021-23017)和NGINX 环境问题漏洞(CVE-2019-20372)
查看>>
Nginx平滑添加模块
查看>>
Nginx开启gzip网页传输压缩配置
查看>>
nginx开机启动脚本
查看>>
nginx异常:the “ssl“ parameter requires ngx_http_ssl_module in /usr/local/nginx/conf
查看>>
nginx总结及使用Docker创建nginx教程
查看>>
nginx报错:the “ssl“ parameter requires ngx_http_ssl_module in /usr/local/nginx/conf/nginx.conf:128
查看>>
nginx报错:the “ssl“ parameter requires ngx_http_ssl_module in usrlocalnginxconfnginx.conf128
查看>>
Nginx搭建RTMP服务器+FFmpeg实现海康威视摄像头预览
查看>>
nginx日志不支持中文
查看>>
nginx日志分割并定期删除
查看>>
Nginx日志分析系统---ElasticStack(ELK)工作笔记001
查看>>
Nginx日志按天分割
查看>>
Nginx映射本地json文件,配置解决浏览器跨域问题,提供前端get请求模拟数据
查看>>
Nginx映射本地静态资源时,浏览器提示跨域问题解决
查看>>
nginx最最最详细教程来了
查看>>
Nginx服务器---正向代理
查看>>
Nginx服务器上安装SSL证书
查看>>