StarMirror/miaosha
1
0
Fork 0
mirror of https://github.com/qiurunze123/miaosha.git synced 2023-11-19 22:41:03 +08:00
Code Issues Projects Releases Wiki Activity

tijiao

Browse Source
This commit is contained in:
qiurunze 2019-01-21 10:12:55 +08:00
parent b51a1c587c
commit cad50fde8c
2 changed files with 196 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/main/resources/application.properties
View File

@ -20,7 +20,7 @@ mybatis.config-locations=classpath:mybatis/config.xml
#datasource
spring.datasource.url=jdbc:mysql://localhost:3306/miaosha?useUnicode=true&characterEncoding=utf-8&allowMultiQueries=true&useSSL=false
spring.datasource.username=root
spring.datasource.password=xxxxx
spring.datasource.password=nihaoma
spring.datasource.driver-class-name=com.mysql.jdbc.Driver
#druid
spring.datasource.type=com.alibaba.druid.pool.DruidDataSource

195
src/main/resources/templates/register1.html Normal file
View File

@ -0,0 +1,195 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>蓝源Eloan-P2P平台->用户注册</title>
<link rel="stylesheet" href="/js/bootstrap-3.3.2-dist/css/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="/css/core.css" type="text/css" />
<script type="text/javascript" src="/js/jquery/jquery-2.1.3.js"></script>
<script type="text/javascript" src="/js/bootstrap-3.3.2-dist/js/bootstrap.js"></script>
<script type="text/javascript" src="/js/plugins/jquery-validation/jquery.validate.js"></script>
<script type="text/javascript" src="/js/plugins/jquery-validation/localization/messages_zh.js"></script>
<script type="text/javascript" src="/js/plugins/jquery.form.js"></script>
<script type="text/javascript" src="/js/jquery.bootstrap.min.js"></script>
<style type="text/css">
.el-register-form{
width:600px;
margin-left:auto;
margin-right:auto;
margin-top: 20px;
}
.el-register-form .form-control{
width: 220px;
display: inline;
}
</style>
<script type="text/javascript">
/**
$("#registerForm").ajaxForm(function(data){
console.debug(data);
});
*/
/*
第一种远程验证方式
remote:{
url:"/checkUsername.do",
type:"post"
}
*/
$(function(){
$.validator.addMethod("checkUsername", function(value, element) {
var ret=false;
$.ajax({
dataType:"json",
type:"post",
url:"/checkUsername.do",
data:{username:value},
async:false,
success:function(data){
ret= data.success;
}
});
return ret;
}, "用户名已经存在!");
$("#registerForm").validate({
rules:{
"username":{
required:true,
rangelength:[4,16],
checkUsername:true
},
"password":{
required:true,
rangelength:[4,16]
},
"confirmPwd":{
equalTo:"#password"
}
},
messages:{
"username":{
required:"请填写用户名!",
rangelength:"用户名的长度在{0}到{1}之间!",
},
"password":{
required:"请填写密码!",
rangelength:"密码的长度在{0}到{1}之间!"
},
"confirmPwd":{
equalTo:"两次输入的密码不一致!"
}
},
submitHandler:function(form){
$(form).ajaxSubmit(function(data){
if(data.success){
$.messager.confirm("提示","注册成功,请重新登录系统!",function(){
window.location.href="/login.html";
});
}else{
$.messager.alert("提示",data.msg);
}
});
},
errorClass:"text-danger",
highlight:function(element,errorClass){
$(element).closest(".form-group").addClass("has-error");
},
unhighlight:function(element,errorClass){
$(element).closest(".form-group").removeClass("has-error");
}
});
});
</script>
</head>
<body>
<!-- 网页头信息 -->
<div class="el-header" >
<div class="container" style="position: relative;">
<ul class="nav navbar-nav navbar-right">
<li><a href="/">首页</a></li>
<li><a href="/login.html">登录</a></li>
<li><a href="#">帮助</a></li>
</ul>
</div>
</div>
<!-- 网页导航 -->
<div class="navbar navbar-default el-navbar">
<div class="container">
<div class="navbar-header">
<a href=""><img alt="Brand" src="/images/logo.png"></a>
<span class="el-page-title">用户注册</span>
</div>
</div>
</div>
<!-- 网页内容 -->
<div class="container" style="min-height: 433px;">
<form id="registerForm" class="form-horizontal el-register-form" action="/register.do" method="post" >
<p class="h4" style="margin: 10px 10px 20px;color:#999;">请填写注册信息，点击“提交注册”即可完成注册！</p>
<div class="form-group">
<label class="control-label col-sm-2">用户名</label>
<div class="col-sm-10">
<input type="text" autocomplete="off" name="username" class="form-control" />
<p class="help-block">用户名为4~16位字母，数字，符号或中文</p>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2">密&emsp;码</label>
<div class="col-sm-10">
<input type="password" autocomplete="off" name="password" id="password" class="form-control" />
<p class="help-block">密码为4~16位字符组成,采用数字、字母、符号安全性更高</p>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2">确认密码</label>
<div class="col-sm-10">
<input type="password" autocomplete="off" name="confirmPwd" class="form-control" />
<p class="help-block">请再次填写密码</p>
</div>
</div>
<div class="form-gorup">
<div class="col-sm-offset-2">
<button type="submit" class="btn btn-success">
同意协议并注册
</button>
&emsp;&emsp;
<a href="/login.html" class="text-primary">已有账号，马上登录</a>
<p style="padding-left: 50px;margin-top: 15px;">
<a href="#">《使用协议说明书》</a>
</p>
</div>
</div>
</form>
</div>
<!-- 网页版权 -->
<div class="container-foot-2">
<div class="context">
<div class="left">
<p>专注于高级Java开发工程师的培养</p>
<p>版权所有：&emsp;2015广州小码哥教育科技有限公司</p>
<p>地&emsp;&emsp;址：&emsp;广州市天河区棠下荷光三横路盛达商务园D座5楼</p>
<p>电&emsp;&emsp;话： 020-29007520&emsp;&emsp;
邮箱：&emsp;service@520it.com</p>
<p>
<a href="http://www.miitbeian.gov.cn" style="color: #ffffff">ICP备案
：粤ICP备字1504547</a>
</p>
<p>
<a href="http://www.gzjd.gov.cn/wlaqjc/open/validateSite.do" style="color: #ffffff">穗公网安备：44010650010086</a>
</p>
</div>
<div class="right">
<a target="_blank" href="http://weibo.com/ITxiaomage"><img
src="/images/sina.png"></a>
</div>
<div class="clearfix"></div>
</div>
</div>
</body>
</html>