IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> easyUI项目 -> 正文阅读

[JavaScript知识库]easyUI项目

一、思维导图

二、项目部署

1、在tomcat中的webapps文件中加入mvc.w

?

2、在tomcat的bin目录下运行startup.bat

3、在webapps文件中的MVC中复制文件

?

三、权限登录

商家与买家所登录看到的界面不一致

1、登录方法/注册

①、用户实体类

package com.dhm.entity;

public class User {
	private long id;
	private String name;
	private String pwd;
	private int type;
	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 getPwd() {
		return pwd;
	}
	public void setPwd(String pwd) {
		this.pwd = pwd;
	}
	public int getType() {
		return type;
	}
	public void setType(int type) {
		this.type = type;
	}
	@Override
	public String toString() {
		return "User [id=" + id + ", name=" + name + ", pwd=" + pwd + ", type=" + type + "]";
	}
	
	

}

②、UserDao

package com.dhm.dao;

import java.util.List;

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

public class UserDao extends BaseDao<User>{
//	登录的方法,看数据库里能不能查到这个用户
	public User login(User user) throws Exception {
		String sql="select * from t_easyui_user where name='"+user.getName()+"' and pwd='"+user.getPwd()+"'";
		return super.executeQuery(sql,User.class, null).get(0);
	}
	
	
//	增加用户的方法
	public void add(User user) throws Exception {
	String sql="insert into t_easyui_user(name,pwd) values(?,?)";
	super.executeUpdate(sql, user, new String[] {"name","pwd"});
	}

	
	
	
//	public List<User> list(String sql, Class<User> clz, PageBean pageBean) throws Exception {
//
//			
//			return super.executeQuery(sql, clz, pageBean);
//		}
	
	

}

③、UserAction

package com.dhm.web;

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

import com.dhm.dao.UserDao;
import com.dhm.entity.User;
import com.zking.framework.ActionSupport;
import com.zking.framework.ModelDriver;

public class UserAction extends ActionSupport implements ModelDriver<User>{

	private User user=new User();
	private UserDao userDao=new UserDao();
	
	
	public User getModel() {
		return user;
	}
	
	/**
	 * 用户登录方法调用
	 * @param req
	 * @param resp
	 * @return
	 */
	public String login(HttpServletRequest req, HttpServletResponse resp) {
		try {
			User u = userDao.login(user);
			if(u==null) {
				return "toLogin";
			}
			req.getSession().setAttribute("cuser", u);
		} catch (Exception e) {
			e.printStackTrace();
			return "toLogin";
		}
//		只要数据库中有这个用户就跳转到主界面
		return "main";
	}
	
	
	public String register(HttpServletRequest req, HttpServletResponse resp) {
		try {
			userDao.add(user);
			req.setAttribute("msg", "用户名密码错误");
		} catch (Exception e) {
			e.printStackTrace();
			return "toRegister";
		}
//     如果注册成功,跳转登界面   
		return "toLogin";
	}
}

④、mvc.xml

<?xml version="1.0" encoding="UTF-8"?>
<config>
	<action path="/user" type="com.dhm.web.UserAction">
		<forward name="main" path="/bg/mainTemp.jsp" redirect="false" />
		<forward name="toLogin" path="/login.jsp" redirect="true" />
		<forward name="toRegister" path="/register.jsp" redirect="false" />
	</action>
	<action path="/permission" type="com.dhm.web.PermissionAction">
	
	</action>
</config>

效果展示:

登录界面

注册界面

?

2、树形菜单

①、Permission实体类

package com.dhm.entity;

public class Permission {
	private long id;
	private String name;
	private String description;
	private String url;
	private long pid;
	private int ismenu;
	private long displayno;
	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 getDescription() {
		return description;
	}
	public void setDescription(String description) {
		this.description = description;
	}
	public String getUrl() {
		return url;
	}
	public void setUrl(String url) {
		this.url = url;
	}
	public long getPid() {
		return pid;
	}
	public void setPid(long pid) {
		this.pid = pid;
	}
	public int getIsmenu() {
		return ismenu;
	}
	public void setIsmenu(int ismenu) {
		this.ismenu = ismenu;
	}
	public long getDisplayno() {
		return displayno;
	}
	public void setDisplayno(long displayno) {
		this.displayno = displayno;
	}
	@Override
	public String toString() {
		return "Permission [id=" + id + ", name=" + name + ", description=" + description + ", url=" + url + ", pid="
				+ pid + ", ismenu=" + ismenu + ", displayno=" + displayno + "]";
	}
	
	

}

②、permissionDao

package com.dhm.dao;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import com.dhm.entity.Permission;
import com.zking.util.BaseDao;
import com.zking.util.BuildTree;
import com.zking.util.PageBean;
import com.zking.util.TreeVo;

public class permissionDao extends BaseDao<Permission>{

	/**
	 * 变成easyui的tree 控件所识别的json格式
	 * 1、jackson引入进来
	 * 2、拿到permission的list集合,先查询数据库
	 * 3、list<permission>转换成list<treevo>
	 * 4、同过工具类BuildTree将平级数据转换成层级数据
	 */
	public List<Permission> list(Permission permission, PageBean pageBean) throws Exception {
		String sql="select * from t_easyui_permission where 1=1";
		return super.executeQuery(sql, Permission.class, pageBean);
	}
	
	public List<Permission> listPlus(String ids) throws Exception {
		String sql="select * from t_easyui_permission where id in ("+ids+")";
		return super.executeQuery(sql, Permission.class, null);
	}
	
	public List<TreeVo<Permission>> tree(Permission permission, PageBean pageBean) throws Exception {
		List<Permission> listPermission = this.list(permission, pageBean);
		List<TreeVo<Permission>> listVo=new ArrayList<TreeVo<Permission>>();
		for (Permission p : listPermission) {
			TreeVo<Permission> vo=new TreeVo<>();
			vo.setId(p.getId()+"");
			vo.setText(p.getName());
			vo.setParentId(p.getPid()+"");
			Map<String, Object> map=new HashMap<String, Object>();
			map.put("self", p);
			vo.setAttributes(map);
			listVo.add(vo);
		}
		return BuildTree.buildList(listVo, "0");
	}
	/**
	 * 目前:
	 * 是查询所有的菜单数据形成的树形层级结构
	 * 1、select * from t_easyui_permission where 1=1 and id in (商家的菜单id)
	 * 2、select * from t_easyui_permission where 1=1 and id in (买家的菜单id)
	 * 3、买家/商家的菜单id在角色权限表t_easyui_role_permission中获取,通过user表中的type属性
	 */
	
	public List<TreeVo<Permission>> treePlus(String ids) throws Exception {
		List<Permission> listPermission = this.listPlus(ids);
		List<TreeVo<Permission>> listVo=new ArrayList<TreeVo<Permission>>();
		for (Permission p : listPermission) {
			TreeVo<Permission> vo=new TreeVo<>();
			vo.setId(p.getId()+"");
			vo.setText(p.getName());
			vo.setParentId(p.getPid()+"");
			Map<String, Object> map=new HashMap<String, Object>();
			map.put("self", p);
			vo.setAttributes(map);
			listVo.add(vo);
		}
		return BuildTree.buildList(listVo, "0");
	}
	
	
	
}

③、PermissionAction

package com.dhm.web;

import java.util.List;

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

import com.dhm.dao.RolePermissionDao;
import com.dhm.dao.permissionDao;
import com.dhm.entity.Permission;
import com.dhm.entity.RolePermission;
import com.dhm.entity.User;
import com.zking.framework.ActionSupport;
import com.zking.framework.ModelDriver;
import com.zking.util.ResponseUtil;
import com.zking.util.TreeVo;

public class PermissionAction extends ActionSupport implements ModelDriver<Permission>{

	private Permission permission=new Permission();
	private permissionDao permissionDao=new permissionDao();
	private RolePermissionDao Rolepermissiondao=new RolePermissionDao();
	public Permission getModel() {
		return permission;
	}
	
	
	public String tree(HttpServletRequest req, HttpServletResponse resp) {
		try {
			User cuser = (User) req.getSession().getAttribute("cuser");
			if(cuser ==null) {
				return "toLogin";
			}
			int type=cuser.getType();
			List<RolePermission> findRolePermission = Rolepermissiondao.findRolePermission(type);
			StringBuffer sb=new StringBuffer();
			for (RolePermission rp : findRolePermission) {
				sb.append(",").append(rp.getPid());
			}
			List<TreeVo<Permission>> treePlus = permissionDao.treePlus(sb.substring(1));
//			List<TreeVo<Permission>> tree = permissionDao.tree(null, null);
			ResponseUtil.writeJson(resp, treePlus);
			
		} catch (Exception e) {
			e.printStackTrace();
			try {
				ResponseUtil.writeJson(resp, "0");
			} catch (Exception e1) {
				e1.printStackTrace();
			}
		}
		return null;
	}
	
}

④、RolePermission

package com.dhm.entity;

public class RolePermission {
	private long rid;
	private long pid;
	public long getRid() {
		return rid;
	}
	public void setRid(long rid) {
		this.rid = rid;
	}
	public long getPid() {
		return pid;
	}
	public void setPid(long pid) {
		this.pid = pid;
	}
	@Override
	public String toString() {
		return "RolePermission [rid=" + rid + ", pid=" + pid + "]";
	}

}

⑤、RolePermissionDao

package com.dhm.dao;

import java.util.List;

import com.dhm.entity.RolePermission;
import com.zking.util.BaseDao;

public class RolePermissionDao extends BaseDao<RolePermission>{
	/**
	 * 目前:
	 * 是查询所有的菜单数据形成的树形层级结构
	 * 1、select * from t_easyui_permission where 1=1 and id in (商家的菜单id)
	 * 2、select * from t_easyui_permission where 1=1 and id in (买家的菜单id)
	 * 3、买家/商家的菜单id在角色权限表t_easyui_role_permission中获取,通过user表中的type属性
	 */
	public List<RolePermission> findRolePermission(int type) throws Exception {
		String sql="select * from t_easyui_role_Permission where rid="+type+"";
		return super.executeQuery(sql,RolePermission.class, null);
	}
}

效果展示

买家树形菜单

商家树形菜单

?

----------------没有了-----------------

?

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-09-24 10:26:52  更:2021-09-24 10:30:11 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/18 22:50:04-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码