项目记录:登陆( 保存用户名密码 kaptcha验证码 shiro权限管理 RSA加密 非明文保存)
2015-05-30 09:55
1146 查看
1、登陆页代码
1)引入js
<script type="text/javascript" src="${base}/resources/admin/js/jquery.js"></script>
<script type="text/javascript" src="${base}/resources/admin/js/jquery.validate.js"></script>
<script type="text/javascript" src="${base}/resources/admin/js/rsa/jsbn.js"></script>
<script type="text/javascript" src="${base}/resources/admin/js/rsa/prng4.js"></script>
<script type="text/javascript" src="${base}/resources/admin/js/rsa/rng.js"></script>
<script type="text/javascript" src="${base}/resources/admin/js/rsa/rsa.js"></script>
<script type="text/javascript" src="${base}/resources/admin/js/rsa/base64.js"></script>
2) 编写js代码
<script type="text/javascript">
$(document).ready(function(){
// RSA加密
$('#myform').submit(function(){
var $password = $('#password');
var $enPassword = $('#enPassword');
var rsaKey = new RSAKey();
rsaKey.setPublic(b64tohex("${modulus}"), b64tohex("${exponent}"));
var enPassword = hex2b64(rsaKey.encrypt($password.val()));
$enPassword.val(enPassword);
});
// 弹出登陆错误信息
if("${failure}"!=""){
alert("${failure}");
}
// JQuery Validate插件登陆表单验证
$('#myform').validate({
rules:{
username:{required:true},
password:{required:true,minlength:5},
kaptcha:{required:true,
remote:{
type:"post",
url:"${base}/kaptchaAjaxCheck",
data:{ kaptcha:function(){ return $('#kaptcha').val();}}
}}
},
messages:{
username:{required:"请输入用户名"},
password:{required:"密码不能为空!",minlength:"密码最小长度为5"},
kaptcha:{required:"验证码不能为空!",remote:jQuery.format("错误的验证码")}}
});
// 验证码
$('#kaptchaImage').click(function () {
$(this).attr('src', '${base}/kaptcha.jpg?' + Math.floor(Math.random()*100) );
});
});
</script>
3)正文代码
<form action="${base}/admin" method="post" id="myform">
<input type="hidden" id="enPassword" name="enPassword"> // 隐藏域,enPassword,用来设置存放被上面的RSA加密之后的密文代码
username:<input type="text" id="username" name="username"><br>
password:<input type="text" id="password" name="password"><br>
kaptcha:<input type="text" id="kaptcha" name="kaptcha"/><br> // kaptcha验证码输入框
<img src="${base}/kaptcha.jpg" id="kaptchaImage"/><br> //kaptcha验证码显示图片
<input type="submit" value="submit">
</form>
1)引入js
<script type="text/javascript" src="${base}/resources/admin/js/jquery.js"></script>
<script type="text/javascript" src="${base}/resources/admin/js/jquery.validate.js"></script>
<script type="text/javascript" src="${base}/resources/admin/js/rsa/jsbn.js"></script>
<script type="text/javascript" src="${base}/resources/admin/js/rsa/prng4.js"></script>
<script type="text/javascript" src="${base}/resources/admin/js/rsa/rng.js"></script>
<script type="text/javascript" src="${base}/resources/admin/js/rsa/rsa.js"></script>
<script type="text/javascript" src="${base}/resources/admin/js/rsa/base64.js"></script>
2) 编写js代码
<script type="text/javascript">
$(document).ready(function(){
// RSA加密
$('#myform').submit(function(){
var $password = $('#password');
var $enPassword = $('#enPassword');
var rsaKey = new RSAKey();
rsaKey.setPublic(b64tohex("${modulus}"), b64tohex("${exponent}"));
var enPassword = hex2b64(rsaKey.encrypt($password.val()));
$enPassword.val(enPassword);
});
// 弹出登陆错误信息
if("${failure}"!=""){
alert("${failure}");
}
// JQuery Validate插件登陆表单验证
$('#myform').validate({
rules:{
username:{required:true},
password:{required:true,minlength:5},
kaptcha:{required:true,
remote:{
type:"post",
url:"${base}/kaptchaAjaxCheck",
data:{ kaptcha:function(){ return $('#kaptcha').val();}}
}}
},
messages:{
username:{required:"请输入用户名"},
password:{required:"密码不能为空!",minlength:"密码最小长度为5"},
kaptcha:{required:"验证码不能为空!",remote:jQuery.format("错误的验证码")}}
});
// 验证码
$('#kaptchaImage').click(function () {
$(this).attr('src', '${base}/kaptcha.jpg?' + Math.floor(Math.random()*100) );
});
});
</script>
3)正文代码
<form action="${base}/admin" method="post" id="myform">
<input type="hidden" id="enPassword" name="enPassword"> // 隐藏域,enPassword,用来设置存放被上面的RSA加密之后的密文代码
username:<input type="text" id="username" name="username"><br>
password:<input type="text" id="password" name="password"><br>
kaptcha:<input type="text" id="kaptcha" name="kaptcha"/><br> // kaptcha验证码输入框
<img src="${base}/kaptcha.jpg" id="kaptchaImage"/><br> //kaptcha验证码显示图片
<input type="submit" value="submit">
</form>
相关文章推荐
- 关于字符串读入的总结
- 精确监听AbsListView滚动至底部
- tlcl-从shell眼中看世界echo
- 父亲给我的一份信
- vmware克隆linux出现Device eth0 does not seem to be present
- SQL中英文混合排序
- Thinking In Java笔记(第七章 复用类)
- Android提高十六篇之使用NDK把彩图转换灰度图
- dumpbin用法
- 进程同步和线程同步
- 接口 interface 接口和抽象类的比较
- iOS之推送通知-本地-服务器3.服务器端实现: 如果要编写内容提供者的推送服务程序,需要进行SSL认证编程,以及构建APNS数据包,数据包分为3个主要部分:Command(命令)、deviceTo
- vmware虚拟机与主机的三种通信方式
- Linux的IO性能监控工具iostat详解
- netstat监控大量ESTABLISHED连接与Time_Wait连接问题
- 华科图书馆项目总结
- Android入门第八篇之GridView(九宫图)
- hdu 1050
- 多少
- Android自定义控件View(三)组合控件