刚学习java，最近工作之余做的一个demo，工作中使用了spring.mvc。但是security这部分工作中没有过多使用。该demo中主要实现了数据库表数据存储用户角色进而控制url。
网上搜索很多例子，大多是配置文件中建立一个admin一个user。使用数据库的比较少。
技术关键字：整体使用spring.mvc3层结构 css+div做的效果，第一次做的不漂亮，但是很有成就感，还没有学会切图
,ss3,主界面使用装饰器实现。页面控件使用jquery UI，表格使用的是jqgrid。访问数据库使用mybatis
首先上几个效果图，没有美工，完全是自己刚学css搞的效果。
渐变背景色在ff中有效果，在IE中无效，这个还没解决。。
登陆页面
登陆页面代码：
1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 4 <html> 5 <head> 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 7 <link rel="stylesheet" type="text/css" media="screen" href="${pageContext.request.contextPath}/static/css/themes/redmond/jquery-ui-1.7.1.custom.css" /> 8 <link rel="stylesheet" type="text/css" media="screen" href="${pageContext.request.contextPath}/static/css/themes/ui.jqgrid.css" /> 9 10 <link rel="stylesheet" type="text/css" media="screen" href="${pageContext.request.contextPath}/static/css/style.css" /> 11 <link rel="stylesheet" type="text/css" media="screen" href="${pageContext.request.contextPath}/static/css/controlStyle.css" /> 12 13 <script src="${pageContext.request.contextPath}/static/js/jQuery/jquery-1.4.2.js" type="text/javascript"></script> 14 <script src="${pageContext.request.contextPath}/static/js/myWebsite.menu.js" type="text/javascript"></script> 15 16 <script src="${pageContext.request.contextPath}/static/js/jQuery/ui/i18n/grid.locale-en.js" type="text/javascript"></script> 17 <script src="${pageContext.request.contextPath}/static/js/jQuery/ui/jquery-ui-1.7.custom.js" type="text/javascript"></script> 18 <script src="${pageContext.request.contextPath}/static/js/jQuery/ui/jquery.jqGrid.src.js" type="text/javascript"></script> 19 <title>登录页面</title> 20 21 <script type="text/javascript"> 22 $(function(){ 23 24 $("#loginBtn").click(function(){ 25 $("#loginForm").submit(); 26 }); 27 28 var msg = '${msg}'; 29 if(msg=="CURRENT_USER_NAMEORPASSWORD_ERROR"){ 30 $.showMsg("用户名或者密码错误."); 31 } 32 }); 33 </script> 34 </head> 35 <body > 36 <div class="loginPageBody"> 37 <form id="loginForm" name="loginForm" action="${pageContext.request.contextPath}/j_spring_security_check" method="post"> 38 39 <div class="login_form_msg_inner"> 40 <div class="login_header_msg"> 41 <h3>Spring.MVC学习系统</h3> 42 </div> 43 <div class="login_body_msg"> 44 <div> 45 <div class="lbm_left"> 46 <img src="${pageContext.request.contextPath}/static/image/userIcon.JPG"></img> 47 </div> 48 <div class="lbm_right" > 49 <ul style="float:left;"> 50 <li>用户名</li> 51 <li><input type="text" name="j_username" value="" /> </li> 52 <li>密码</li> 53 <li><input type="password" name="j_password" value="" /></li> 54 </ul> 55 </div> 56 57 <div class="lbm_login"> 58 <button id="loginBtn">登录</button> 59 </div> 60 </div> 61 </div> 62 <div class="login_footer_msg"> 63 <ul> 64 <li><a href="${pageContext.request.contextPath}/auth/toRegisterUser.do">注册</a></li> 65 <li><a href="${pageContext.request.contextPath}/auth/prelogin.do">登录</a></li> 66 <li><a href="${pageContext.request.contextPath}/auth/toLostPsd.do">忘记密码</a></li> 67 <li><a href="">忘记账号</a></li> 68 </ul> 69 </div> 70 </div> 71 <div class="lbm_login_copyright"> 72 <span style="font-family: arial;font-size: 14px;">©</span> 1997-2013 pengsonghai版权所有</span> 73 </div> 74 </form> 75 </div> 76 77 </body> 78 </html>