目录

一、tab选项卡

1、main.jsp

2、main.js

3、运行效果

二、登录功能实现

1、login.jsp

2、login.js

3、User 

4、UserDao 

5、UserAction

 三、会议OA项目翻新

1、header.jsp

2、mvc.xml的配置 

1、main.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ include file="common/header.jsp" %>










  
    会议OA项目
    
  
  
 
    
      
      

        

          menu group 1
        
      
    
  
  
  
    
    
  
  

    
首页
  
  
    内容1
    
  
  

  
  
  
  
    
    © layui.com - 底部固定区域
  

 

2、main.js

let $,element;
  layui.use(['jquery','element'],function(){
		 $=layui.jquery,element=layui.element;
			$.ajax({
				url:"permission.action?methodName=menus"
    				,dataType:'json'
					,success:function(data){
						console.log(data);
					let htmlstr='';
					$.each(data,function(i,n){
						htmlstr += '
';
						htmlstr += '	'+data[i].text+'';
						if(data[i].hasChildren){
							htmlstr += ' 
';	
							let children = data[i].children;
							$.each(children,function(index,node){
								htmlstr += '  
'+children[index].text+'
 ';	
							});
							htmlstr += '  
';	
						}	
						htmlstr += '
';
					});
					$("#menu").html(htmlstr);
			}	
		});
	});
  
  
  
  
function openTaps(title,url,id) {
	  let $node = $("li[lay-id='"+id+"']");
	  //debugger;
	  if($node.length == 0){
		//新增一个Tab项
		  element.tabAdd('demo', {
		    title:title//用于演示
		    ,content: ""
		    ,id: id //实际使用一般是规定好的id，这里以时间戳模拟下
		  }) 
		  element.tabChange('demo', id); //切换到：用户管理
	  }
}

3、运行效果

 

二、登录功能实现

1、login.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="common/header.jsp" %>





 





 
       
           
			

				

				

				
登录
				
新用户注册
				
忘记密码
			
      
      
      

2、login.js

	layui.use(['jquery','layer'],function(){
      		let $=layui.jquery //es6
      		 ,layer=layui.layer;
      		$("#login").click(function(){
      			$.ajax({
      				url:"user.action?methodName=login"
	      				,dataType:'json'
      					,data:{
      						loginName:$("#username").val(),
      						pwd:$("#password").val()
      					}
   						,success:function(data){
   							if(data.code==200){
   								layer.alert(data.msg, {icon: 1});
   								location.href='main.jsp';
   							}else{
   								layer.alert(data.msg, {icon: 2});
   							}
   						}
      			});
      		});
      	});

3、User 

package com.zking.entity;

public class User {
    private Long id;

    private String name;

    private String loginName;

    private String pwd;

    private Long rid;

	public Long getId() {
		return id;
	}

	public void setId(Long 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 getPwd() {
		return pwd;
	}

	public void setPwd(String pwd) {
		this.pwd = pwd;
	}

	public Long getRid() {
		return rid;
	}

	public void setRid(Long rid) {
		this.rid = rid;
	}

	public User() {
		super();
		// TODO Auto-generated constructor stub
	}

	@Override
	public String toString() {
		return "User [id=" + id + ", name=" + name + ", loginName=" + loginName + ", pwd=" + pwd + ", rid=" + rid + "]";
	}
    
    
}

4、UserDao 

package com.zking.dao;

import java.util.List;

import com.zking.entity.User;
import com.zking.util.BaseDao;

public class UserDao extends BaseDao{
	public User login(User user) throws Exception {
		String sql="select * from t_oa_user where loginName = '"+user.getLoginName()+"' and pwd = '"+user.getPwd()+"' ";
		//查询符合条件的用户
		List users = super.executeQuery(sql, User.class, null);
		return users == null || users.size() ==0 ? null : users.get(0);
	}

}

5、UserAction

package com.zking.web;

import java.util.HashMap;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.zking.dao.UserDao;
import com.zking.entity.User;
import com.zking.framework.ActionSupport;
import com.zking.framework.ModelDriver;
import com.zking.util.R;
import com.zking.util.ResponseUtil;

public class UserAction extends ActionSupport implements ModelDriver{
	private User user=new User();
	
	//寫個方法處理前台的請求
	
	public String execute(HttpServletRequest req, HttpServletResponse resp) {
		UserDao userDao = new UserDao();
		try {
			User u = userDao.login(user);
			if(u != null) {
				ResponseUtil.writeJson(resp, R.ok(200, "登录成功"));
				req.getSession().setAttribute("user", u);
			}else {
				ResponseUtil.writeJson(resp, R.ok(0, "账户或者密码错误！！"));
			}
		} catch (Exception e) {
			e.printStackTrace();
			try {
				ResponseUtil.writeJson(resp, R.ok(0, "账户或者密码错误！！"));
			} catch (Exception e1) {
				e1.printStackTrace();
			}
		}
		return null;
	}
	
	
	@Override
	public User getModel() {
		return user;
	}

}

 三、会议OA项目翻新

1、header.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

2、mvc.xml的配置