zoukankan      html  css  js  c++  java
  • springMvc注册时图形验证码完整代码与详细步骤``````后续更新注册时对密码进行加密

     
    第一使用 画图软件制作图片 ,文件名就是验证码
     
     ------用户的实体类
    import java.util.Date;

    public class Member {
        private int id;
        private String name;
        private String loginName;
        private String loginPwd;
        private String mobile;
        private String email;
        private Address address;
        private Date regTime;
        private Integer vipType;
        private Float balance;
        private String token;
        
        public String getToken() {
            return token;
        }
        public void setToken(String token) {
            this.token = token;
        }

        public int getId() {
            return id;
        }

        public void setId(int id) {
            this.id = id;
        }

        public String getName() {
            return name;
        }

        public void setName(String name) {
            this.name = name;
        }

        public String getLoginName() {
            return loginName;
        }

        public void setLoginName(String loginName) {
            this.loginName = loginName;
        }

        public String getLoginPwd() {
            return loginPwd;
        }

        public void setLoginPwd(String loginPwd) {
            this.loginPwd = loginPwd;
        }

        public String getMobile() {
            return mobile;
        }

        public void setMobile(String mobile) {
            this.mobile = mobile;
        }

        public String getEmail() {
            return email;
        }

        public void setEmail(String email) {
            this.email = email;
        }

        public Address getAddress() {
            return address;
        }

        public void setAddress(Address address) {
            this.address = address;
        }

        public Date getRegTime() {
            return regTime;
        }

        public void setRegTime(Date regTime) {
            this.regTime = regTime;
        }

        public Integer getVipType() {
            return vipType;
        }

        public void setVipType(Integer vipType) {
            this.vipType = vipType;
        }

        public Float getBalance() {
            return balance;
        }

        public void setBalance(Float balance) {
            this.balance = balance;
        }

    }

     
     
    -----实体类的映射配置 name="name"实体类变量名 column="m_name" 数据库字段
    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE hibernate-mapping PUBLIC "-//Hibernate/Hibernate Mapping DTD 3.0//EN"
    "http://www.hibernate.org/dtd/hibernate-mapping-3.0.dtd">
    <hibernate-mapping>
        <class name="com.gll.it.entity.Member"  table="fs_members">
            <id name="id" column="m_id">
               <generator class="identity"/>
            </id>
            <property name="name" column="m_name" />
            <property name="loginName" column="m_loginname" />
            <property name="loginPwd" column="m_loginPwd" />
            <property name="mobile" column="m_mobile" />
            <property name="email" column="m_email" />
            <property name="regTime" column="m_regtime" type="date"/>
            <property name="vipType" column="m_vipType" />
            <property name="balance" column="m_balance" />
            <property name="token" column="m_token" />
            
            <many-to-one name="address" column="m_address_id"
             class="com.gll.it.entity.Address"/>
        </class>
    </hibernate-mapping>


     
     
     
    --
    控制层智能图形代码
    把图片存放在WEB-INF中
     
    ------在controller控制层创建方法获取注册页面
     
    ----注册页面的jsp代码 ----bootstrap框架需要自行下载
     
     
     
     
     
    <%@page language="java"
    contentType="text/html;charset=UTF-8"
    import="java.util.*"
    %>
    <!doctype html>
    <html lang="en">
    <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="/gll/bootstrap4/css/bootstrap.min.css"/>
    </head>
    <body class="bg-secondary">
    <div class="container bg-white mt-3 pt-3 shadow-lg">
    <div class="row">
    <div class="col-md-12">
    <img src="/gll/bootstrap4/imgs/3.png" style="100%;height:200px"/>
    </div>
    </div>
    <div class="row">
    <div class="col-md-12">
    <!--导航条-->
    <nav class="navbar navbar-expand-lg navbar-light bg-dark font-weight-bold">
    <a class="navbar-brand text-white" href="#">导航</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNavDropdown">
    <ul class="navbar-nav text-white">
    <li class="nav-item active">
    <a class="nav-link text-white" href="#">首页 <span class="sr-only">(current)</span></a>
    </li>
    <li class="nav-item">
    <a class="nav-link text-white" href="#">列表</a>
    </li>
    <li class="nav-item">
    <a class="nav-link text-white" href="#">购物车</a>
    </li>
    <li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle text-white" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    我的空间
    </a>
    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
    <a class="dropdown-item" href="#">登陆</a>
    <a class="dropdown-item" href="#">注册</a>
    <a class="dropdown-item" href="#">个人信息</a>
    </div>
    </li>
    </ul>
    </div>
    </nav>
    <!--END 导航条-->
    </div>
    </div>
    <div class="row">
    <div class="col-md-12">
    <h1 class="text-center">注册用户</h1>
    <!--表单-->
     
    <form action="" method="post">
    <div class="form-group row">
    <label for="inputName" class="col-sm-2 col-form-label">姓名</label>
    <div class="col-sm-10">
    <input type="text" class="form-control" id="inputName" name="name">
    </div>
    </div>
    <div class="form-group row">
    <label for="inputLoginName" class="col-sm-2 col-form-label">登陆名</label>
    <div class="col-sm-10">
    <input type="text" class="form-control" id="inputLoginName" name="loginName">
    </div>
    </div>
    <div class="form-group row">
    <label for="inputLoginPwd" class="col-sm-2 col-form-label">密码</label>
    <div class="col-sm-10">
    <input type="text" class="form-control" id="inputLoginPwd" name="loginPwd">
    </div>
    </div>
    <div class="form-group row">
    <label for="inputRepeatLoginPwd" class="col-sm-2 col-form-label">重复密码</label>
    <div class="col-sm-10">
    <input type="text" class="form-control" id="inputRepeatLoginPwd">
    </div>
    </div>
    <div class="form-group row">
    <label for="inputMobile" class="col-sm-2 col-form-label">手机</label>
    <div class="col-sm-7">
    <input type="text" class="form-control" id="inputMobile" name="mobile">
    </div>
    <div class="col-sm-3">
    <button type="submit" class="btn btn-primary">获取短信验证码</button>
    </div>
    </div>
    <div class="form-group row">
    <label for="inputSms" class="col-sm-2 col-form-label">短信验证码</label>
    <div class="col-sm-10">
    <input type="text" class="form-control" id="inputSms" name="smscode">
    </div>
    </div>
    <div class="form-group row">
    <label for="inputName" class="col-sm-2 col-form-label" >邮箱</label>
    <div class="col-sm-10">
    <input type="email" class="form-control" id="inputName" name="email">
    </div>
    </div>
    <div class="form-group row">
    <label for="inputImg" class="col-sm-2 col-form-label">图形验证码</label>
    <div class="col-sm-7">
    <input type="text" class="form-control" name="img_code" id="inputImg">${err}
    </div>
    <div class="col-sm-3">
    <img src="/gll/imgcode?" width="100px" height="100%"
    onclick="this.src=this.src+1"/>
    </div>
    </div>
     
    <div class="form-group row">
    <div class="col-sm-12 text-center">
    <button type="submit" class=" btn-lg btn-success mr-3">登陆</button>
    <button type="reset" class="btn-lg btn-secondary">取消</button>
    </div>
    </div>
    </form>
    <!--END表单-->
    </div>
    </div>
    <div class="row">
     
    </div>
    </div>
     
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="/gll/bootstrap4/js/jquery-3.4.1.slim.min.js"></script>
    <script src="/gll/bootstrap4/js/popper.min.js" ></script>
    <script src="/gll/bootstrap4/js/bootstrap.min.js"></script>
    </body>
    </html>
     
     
     
     
    -----获取到的注册页面
     
    jsp页面读取验证图片
     
     
    --在controller控制层创建注册方法进行验证
  • 相关阅读:
    制作dos启动u盘
    服务器之ECC报错检查
    shc 对 Linux shell 脚本加密.
    Linux
    windows查看端口占用
    python语言
    AppScan9.0安装破解
    局域网灰色设置解除
    shell脚本
    nginx安装
  • 原文地址:https://www.cnblogs.com/czx299/p/11988205.html
Copyright © 2011-2022 走看看