码迷,mamicode.com
首页 > 编程语言 > 详细

springMvc注册时图形验证码完整代码与详细步骤``````后续更新注册时对密码进行加密

时间:2019-12-05 11:38:44      阅读:110      评论:0      收藏:0      [点我收藏+]

标签:one   pos   int   spring   mic   eth   文件名   item   nta   

 
第一使用 画图软件制作图片 ,文件名就是验证码
 
技术图片

 

 

 ------用户的实体类
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="width: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控制层创建注册方法进行验证
技术图片

 

 

 

springMvc注册时图形验证码完整代码与详细步骤``````后续更新注册时对密码进行加密

标签:one   pos   int   spring   mic   eth   文件名   item   nta   

原文地址:https://www.cnblogs.com/czx299/p/11988205.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!