整合SpringMVC框架+Mybatis框架开发人力资源管理系统（八）

墨蓝 2022-04-10 04:29 167阅读 0赞

## 系统UI界面设计 ##

为了实现权限控制并提高安全性，我将所有的jsp页面均放在WEB-INF的文件夹下，利用一个拦截器判断用户是否登录，未登录用户不具备访问的资格。拦截器代码如下：

package org.fkit.hrm.interceptor;
    
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    import org.fkit.hrm.domain.User;
    import org.springframework.web.servlet.HandlerInterceptor;
    import org.springframework.web.servlet.ModelAndView;
    /**
     * 判断用户权限的拦截器
     * @author lenovo
     *
     */
    public class AuthorizedInterceptor implements HandlerInterceptor {
    	//定义无需拦截的url
        private static final String [] IGNORE_URI={"/loginForm","/login","/404.html",".js"};
    	@Override
    	public void afterCompletion(HttpServletRequest arg0,
    			HttpServletResponse arg1, Object arg2, Exception arg3)
    			throws Exception {
    		/**
    		 * 该方法用于用于视图渲染之后进行，即在控制器将视图返回给请求之后，
    		 * 该方法一般用于对资源进行清理
    		 */
    	}
    
    	@Override
    	public void postHandle(HttpServletRequest arg0, HttpServletResponse arg1,
    			Object arg2, ModelAndView arg3) throws Exception {
    		/**
    		 * 该方法用于preHandle方法执行之后并且返回为true的情况下执行，
    		 * 也就是在控制器执行完具体操作返回视图之前
    		 */
    	}
    
    	@Override
    	public boolean preHandle(HttpServletRequest arg0, HttpServletResponse arg1,
    			Object arg2) throws Exception {
    		/**
    		 * 该方法用于在控制器执行之前执行，进行一些初始化操作，比如验证用户权限之类的
    		 */
    		//默认用户没有登录
    		boolean flag=false;
    		//获取用户的访问路径
    	    String path=arg0.getServletPath();
    	    for(String str:IGNORE_URI){
    	    	if(path.contains(str)){
    	    		flag=true;
    	    		break;
    	    	}
    	    }
    	    if(!flag){
    	    	//先判断session是否有登录信息
    	    	User user=(User)arg0.getSession().getAttribute("user");
    	    	//判断用户是否已经登录
    	    	if(user==null){
    	    		//如果用户为空，跳转到登录界面
    	    		arg0.setAttribute("message", "请先登录在访问网站");
    	    	    arg0.getRequestDispatcher("loginForm").forward(arg0, arg1);
    	    	    return flag;
    	    	}
    	    	else{
    	    		flag=true;
    	    	}
    	    }
    		return flag;
    	}
    
    }

springmvc-config.xml配置文件对拦截器的设置如下：

<mvc:interceptors>
             <mvc:interceptor>
               
               <mvc:mapping path="/*"/>
               
               <mvc:exclude-mapping path="/*.css"/>
               <mvc:exclude-mapping path="/*.js"/>
               
               <bean class=" org.fkit.hrm.interceptor.AuthorizedInterceptor"/> 
             </mvc:interceptor>
           </mvc:interceptors>

先贴出系统的UI：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xsYzk1MDgxOQ_size_16_color_FFFFFF_t_70]  
对于前端页面的设计我没有太多的经验，因此借鉴了网上一般人事系统常用的界面构造，整体以一个框架划分页面各组成部分。框架部分的代码如下：

页面的顶部（即topFrame）展示系统标志，右边的头像可实现退出功能，日期图像可查看日期与时间。  
![在这里插入图片描述][20181224231047259.png]  
菜单栏的框架我下载自网上，可进行上滑与下滑，我进行了细微的修改。  
![在这里插入图片描述][20181224230439892.png]  
点击菜单栏上的查询与添加，在做右下角的框架部分（即rightFrame）弹出页面如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xsYzk1MDgxOQ_size_16_color_FFFFFF_t_70 1]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xsYzk1MDgxOQ_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xsYzk1MDgxOQ_size_16_color_FFFFFF_t_70]: /images/20220403/0f9d538e703c4b858fb1e1dd60745a43.png
[20181224231047259.png]: /images/20220403/6cf6a718bc294cb289fa71f0f0d21e22.png
[20181224230439892.png]: /images/20220403/6f196594cb414d95a52d39164d556bd1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xsYzk1MDgxOQ_size_16_color_FFFFFF_t_70 1]: /images/20220403/3f3bbf9704ed408e96b48eee03f1557c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xsYzk1MDgxOQ_size_16_color_FFFFFF_t_70 2]: /images/20220403/aa826c85fb344bca9eb57feba32f846f.png