ajax实现用户权限管理,基于角色权限系统（第一节）-用户登录实现

最新推荐文章于 2022-11-15 22:50:07 发布
最新推荐文章于 2022-11-15 22:50:07 发布
阅读量640 收藏
点赞数
文章标签： ajax实现用户权限管理

一、表的设计

0519034ce046

二、需求分析

1、用户登录

2、用户管理：用户角色动态分析

3、角色管理：角色权限动态分析

4、菜单管理

三、数据表的设计

1、用户、角色、权限菜单关系

2、用户和角色是一对多的关系

3、角色和权限菜单是多对多的关系

t_user用户表

CREATE TABLE `t_user` (

`userId` int(11) NOT NULL AUTO_INCREMENT COMMENT '用户id',

`userName` varchar(20) DEFAULT NULL COMMENT '用户名',

`password` varchar(20) DEFAULT NULL COMMENT '密码',

`userType` tinyint(4) DEFAULT NULL COMMENT '用户类型',

`roleId` int(11) DEFAULT NULL COMMENT '角色id(外键)',

`userDescription` varchar(200) DEFAULT NULL COMMENT '用户备注',

PRIMARY KEY (`userId`),

KEY `FK_t_user` (`roleId`),

CONSTRAINT `FK_t_user` FOREIGN KEY (`roleId`) REFERENCES `t_role` (`roleId`)

) ENGINE=InnoDB AUTO_INCREMENT=33 DEFAULT CHARSET=utf8

t_role角色表

CREATE TABLE `t_role` (

`roleId` int(11) NOT NULL AUTO_INCREMENT COMMENT '角色id',

`roleName` varchar(20) DEFAULT NULL COMMENT '角色名称',

`authIds` varchar(50) DEFAULT NULL COMMENT '菜单权限ID集合',

`roleDescription` varchar(200) DEFAULT NULL COMMENT '角色备注',

PRIMARY KEY (`roleId`)

) ENGINE=InnoDB AUTO_INCREMENT=19 DEFAULT CHARSET=utf8

t_ruth权限菜单表

CREATE TABLE `t_auth` (

`authId` int(11) NOT NULL AUTO_INCREMENT COMMENT '菜单ID',

`authName` varchar(20) DEFAULT NULL COMMENT '菜单名称',

`authPath` varchar(100) DEFAULT NULL COMMENT '菜单路径',

`parentId` int(11) DEFAULT NULL COMMENT '父级id',

`authDescription` varchar(200) DEFAULT NULL COMMENT '资源备注',

`state` varchar(20) DEFAULT NULL COMMENT '状态',

`iconCls` varchar(20) DEFAULT NULL COMMENT '菜单图标',

PRIMARY KEY (`authId`)

) ENGINE=InnoDB AUTO_INCREMENT=26 DEFAULT CHARSET=utf8

四、开发环境搭建

4.1、使用到技术：jsp+servlet+mysql+easyui

4.2、web环境搭建

0519034ce046

点击下一步

0519034ce046

点击下一步

0519034ce046

点击下一步

0519034ce046

点击finish

4.3、创建好的web项目工程结构

0519034ce046

4.4、导入相关的jar包

0519034ce046

4.5、引入jquery-easyui框架

0519034ce046

4.6、编写JSP页面代码

login.jsp

pageEncoding="UTF-8"%>

"Content-Type"content="text/html; charset=UTF-8">

"style/login.css"rel="stylesheet"type="text/css">

用户登陆

"text/javascript">

functionloadimage(){

document.getElementById("randImage").src="images/image.jsp?"+Math.random();

}

"form1"name="form1"action="user?action=login"method="post">

"MAIN">

"top">

"top2">

"topA">

"topB">

"http://www.baidu.com"target="_blank">"images/login/logo.gif"alt=""style=""/>

"topC">

"topD">

"login">

"left">用户名："userName"name="userName"type="text"class="txt"value="${userName }"/>

"left">密  码："password"name="password"type="password"class="txt"value="${password }"οnkeydοwn="if(event.keyCode==13)form1.submit()"/>

"left">验证码："text"value="${imageCode }"name="imageCode"class="txtCode"id="imageCode"size="10"οnkeydοwn="if(event.keyCode==13)form1.submit()"/> "换一张试试"name="randImage"id="randImage"src="images/image.jsp"width="60"height="20"border="1"align="absmiddle">

"topE">

"middle_A">

"middle_B">

"middle_C">"btn">""src="images/login/btnlogin.gif"οnclick="javascript:document.getElementById('form1').submit()"/>  "red">${error }

"middle_D">

"bottom_A">

"bottom_B">

login.css

body

{

margin:0;

padding:0;

font-size:12px;

background:#214D90url(../images/login/bg.gif)repeat-x;

color:#999999;

font-family:Tahoma,Verdana;

}

ul

{

list-style:none;

margin:0;

padding:0;

}

.Main

{

width:940px;

margin:0auto;

}

.top

{

height:75px;

background:url(../images/login/login_01.gif)no-repeat;

}

.top2

{

height:94px;

background:url(../images/login/login_02.gif)no-repeat;

}

.topA

{

width:155px;

height:140px;

float:left;

overflow:hidden;

background:url(../images/login/login_03.gif)no-repeat;

}

.topB

{

width:282px;

height:140px;

float:left;

overflow:hidden;

background:url(../images/login/login_04.gif)no-repeat;

}

.topC

{

width:27px;

height:140px;

float:left;

overflow:hidden;

background:url(../images/login/login_05.gif)no-repeat;

}

.topD

{

width:318px;

height:140px;

float:left;

overflow:hidden;

background:url(../images/login/login_06.gif)no-repeat;

}

.topE

{

width:158px;

height:140px;

float:left;

overflow:hidden;

background:url(../images/login/login_07.gif)no-repeat;

}

.middle_A

{

width:155px;

height:94px;

float:left;

overflow:hidden;

background:url(../images/login/login_08.gif)no-repeat;

}

.middle_B

{

width:309px;

height:94px;

float:left;

overflow:hidden;

background:url(../images/login/login_09.gif)no-repeat;

}

.middle_C

{

width:318px;

height:94px;

float:left;

overflow:hidden;

background:url(../images/login/login_10.gif)no-repeat;

}

.middle_D

{

width:158px;

height:94px;

float:left;

overflow:hidden;

background:url(../images/login/login_11.gif)no-repeat;

}

.bottom_A

{

height:72px;

clear:both;

overflow:hidden;

background:url(../images/login/login_12.gif)no-repeat;

}

.bottom_B

{

height:70px;

overflow:hidden;

text-align:center;

background:url(../images/login/login_13.gif)no-repeat;

}

.login

{

}

.loginli

{

line-height:35px;

height:35px;

overflow:hidden;

}

.left

{line-height:35px;

vertical-align:middle;

width:50px;

height:34px;

text-align:right;

display:-moz-inline-box;

display:inline-block;

padding-bottom:3px;

}

.txt

{

width:215px;

height:30px;

line-height:30px;

overflow:hidden;

border:0px;

padding-left:3px;

color:#999999;

background:url(../images/login/txt.gif)no-repeatleftcenter;

}

.txtCode

{

line-height:30px;

width:93px;

height:30px;

overflow:hidden;

border:0px;

padding-left:3px;

color:#999999;

background:url(../images/login/code.gif)no-repeatleftcenter;

}

.btn

{

margin-left:53px;

}

main.jsp注界面

${currentuser.userName},登陆成功

4.7、编写相关后端代码

实体类

packagecom.xiaowen.model;

importjava.io.Serializable;

/**

* 用户实体类

*@authorxiaowen

*/

publicclassUserimplementsSerializable {

privatestaticfinallongserialVersionUID= 1L;

privateIntegeruserId;//用户ID

privateStringuserName;//用户名

privateStringpassword;//密码

privateIntegeruserType;//用户类型

privateIntegerroleId=1;//角色ID

privateStringuserDescription;//用户备注

publicUser() {

super();

}

publicUser(StringuserName, Stringpassword) {

super();

this.userName=userName;

this.password=password;

}

publicInteger getUserId() {

returnuserId;

}

publicvoidsetUserId(IntegeruserId) {

this.userId=userId;

}

publicString getUserName() {

returnuserName;

}

publicvoidsetUserName(StringuserName) {

this.userName=userName;

}

publicString getPassword() {

returnpassword;

}

publicvoidsetPassword(Stringpassword) {

this.password=password;

}

publicInteger getUserType() {

returnuserType;

}

publicvoidsetUserType(IntegeruserType) {

this.userType=userType;

}

publicInteger getRoleId() {

returnroleId;

}

publicvoidsetRoleId(IntegerroleId) {

this.roleId=roleId;

}

publicString getUserDescription() {

returnuserDescription;

}

publicvoidsetUserDescription(StringuserDescription) {

this.userDescription=userDescription;

}

}

dao类

packagecom.xiaowen.dao;

importjava.sql.Connection;

importjava.sql.PreparedStatement;

importjava.sql.ResultSet;

importcom.xiaowen.model.User;

/**

* 用户的Dao数据层

*@authorxiaowen

*/

publicclassUserDao {

/**

* 用户登陆

*@paramcon

*@paramuser

*@return

*@throwsException

*/

publicUserlogin(Connectioncon,Useruser)throwsException{

UserresultUser=null;

Stringsql="select * from t_user where userName=? and password=?";

PreparedStatementpst=con.prepareStatement(sql);

pst.setString(1,user.getUserName());

pst.setString(2,user.getPassword());

ResultSetrs=pst.executeQuery();

if(rs.next()){

resultUser=newUser();

resultUser.setUserId(rs.getInt("userId"));

resultUser.setUserName(rs.getString("userName"));

resultUser.setPassword(rs.getString("password"));

resultUser.setRoleId(rs.getInt("roleId"));

}

returnresultUser;

}

}

工具类

packagecom.xiaowen.util;

importjava.sql.Connection;

importjava.sql.DriverManager;

/**

* 数据库工具类

*@authorxiaowen

*/

publicclassDbUtil {

privateStringdbUrl="jdbc:mysql://localhost:3306/db_rbps";

privateStringdbUserName="root";

privateStringdbPassword="123456";

privateStringdbDriver="com.mysql.jdbc.Driver";

/**

* 数据库连接

*@return

*@throwsException

*/

publicConnection getCon()throwsException{

Class.forName(dbDriver);

Connectioncon=DriverManager.getConnection(dbUrl,dbUserName,dbPassword);

returncon;

}

/**

* 数据库关闭

*@paramcon

*@throwsException

*/

publicvoidcloseCon(Connectioncon)throwsException{

if(con!=null){

con.close();

}

}

publicstaticvoidmain(String[]args) {

DbUtildbUtil=newDbUtil();

try{

dbUtil.getCon();

System.out.println("数据库连接成功！");

}catch(Exceptione) {

e.printStackTrace();

System.out.println("数据库连接失败！");

}

}

}

service层

packagecom.xiaowen.server;

importjava.io.IOException;

importjava.sql.Connection;

importjavax.servlet.ServletException;

importjavax.servlet.http.HttpServlet;

importjavax.servlet.http.HttpServletRequest;

importjavax.servlet.http.HttpServletResponse;

importjavax.servlet.http.HttpSession;

importcom.xiaowen.dao.UserDao;

importcom.xiaowen.model.User;

importcom.xiaowen.util.DbUtil;

importcom.xiaowen.util.StringUtil;

/**

* 用户Server处理层

*@authorxiaowen

*/

publicclassUserServerextendsHttpServlet{

privatestaticfinallongserialVersionUID= 1L;

DbUtildbUtil=newDbUtil();

UserDaouserDao=newUserDao();

Connectioncon=null;

@Override

publicvoidservice(HttpServletRequestrequest, HttpServletResponseresponse)throwsServletException, IOException {

response.setCharacterEncoding("utf-8");

Stringaction=request.getParameter("action");

if("login".equals(action)){

login(request,response);

}

}

privatevoidlogin(HttpServletRequestrequest, HttpServletResponseresponse)throwsServletException, IOException {

HttpSessionsession=request.getSession();

StringuserName=request.getParameter("userName");

Stringpassword=request.getParameter("password");

StringimageCode=request.getParameter("imageCode");

request.setAttribute("userName",userName);

request.setAttribute("password",password);

request.setAttribute("imageCode",imageCode);

if(StringUtil.isEmpty(userName)||StringUtil.isEmpty(password)){

request.setAttribute("error","用户名或密码错误！");

request.getRequestDispatcher("login.jsp").forward(request,response);

return;

}

if(StringUtil.isEmpty(imageCode)){

request.setAttribute("error","验证码为空！");

request.getRequestDispatcher("login.jsp").forward(request,response);

return;

}

if(!imageCode.equals(session.getAttribute("sRand"))){

request.setAttribute("error","验证码错误");

request.getRequestDispatcher("login.jsp").forward(request,response);

return;

}

Useruser=newUser(userName,password);

try{

con=dbUtil.getCon();

Usercurrentuser=userDao.login(con,user);

if(currentuser==null){

request.setAttribute("error","用户名或密码错误！");

request.getRequestDispatcher("login.jsp").forward(request,response);

}else{

session.setAttribute("currentuser",currentuser);

response.sendRedirect("main.jsp");

}

}catch(Exceptione) {

e.printStackTrace();

}finally{

try{

dbUtil.closeCon(con);

}catch(Exceptione) {

e.printStackTrace();

}

}

}

}

吴世宁
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
AJAX实战案例实现用户信息管理
康康要加油的博客
02-25 1010
文章目录一、Ajax 实战案例1、搭建环境1.1、创建User类1.2、在页面中创建表格1.3、运行效果：2、加载用户数据2.1、通过Ajax完成页面数据初始化2.2、创建Servlet处理页面数据初始化请求3、添加用户操作3.1、通过Ajax完成添加用户3.2、在Servlet中处理添加用户请求4、更新用户操作4.1、通过Ajax完成预更新用户选择4.2、通过Ajax完成更新用户4.3、在Servlet中处理更新用户请求5、删除用户操作5.1、通过Ajax完成删除用户5.2、在Servlet中处理删除请求
jquery和ajax的用户管理系统
11-29
jquery和ajax的用户管理系统，动态加载，删除，修改信息，弹出层的方式实现等。。
ajax控制html权限,html 通过ajax进行权限控制
weixin_29671351的博客
06-25 129
html.html　"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">type=text/javascript>$Chapter$-->>$Order$-->>$Title$　　yydown.jsfunction check() {//var username=document.getElementB...
.net ajax 登录权限,asp.net jQuery Ajax用户登录功能的实现
weixin_30611227的博客
08-05 206
用户登录界面是网站必备的功能，然而我们在开发的时候要布局的一定是让用户体验很好的，接下来是爱站技术频道小编为大家带来的asp.net jQuery Ajax用户登录功能的实现，一起来学习吧！主页面调用代码片段：复制代码 代码如下:登录$('#').click(function(){jBox.open('iframe-jBoxID','iframe','Login.aspx','用户登录','wid...
ajax权限控制解惑
算法 股票 java,Ajax,Spring,Hibernate,Ejb3
05-15 130
AJAX还是通过HTTP协议走的，所以request,response,session照样适用，而且也没有必要放在客户端控制，还是放在服务器端控制。和传统B/S唯一不同的是，B/S的Web Action提供了request,response,session对象的访问接口，而改成AJAX，服务器端业务层bean没有提供这三个对象的访问接口而已(特别是很多情况下需要request,session对象的...
java项目-第79期基于ssm的毕业设计管理系统
05-22
java项目-第79期基于ssm的毕业设计管理系统 1、项目简述 该项目包含三个角色： 管理员、老师、学生。其中管理员拥有最大的权限， 老师和学生拥有管理员范围内额功能权限 管理员主要功能有： 导师管理、学生管理、...
java项目-第52期基于ssm项目源码人事管理系统.zip
01-29
java项目-第52期基于ssm项目源码人事管理系统 1、项目简述 该系统分为两个角色，一个是管理员，一个是雇员，管理员拥有最高权限， 雇员只能看到自己所属权限的工鞥那。 管理员功能包含以下功能: 用户管理的功能包括...
core3通用权限管理ASPNET系统
03-12
AppBoxMvcCore通用权限管理系统，第三方UI框架、ajax、权限管理、角色管理等，感兴趣的欢迎下载 二、菜单功能 1，基于 FineUI（Core版） 的通用权限管理框架 2，包括用户管理、职称管理、部门管理、角色管理、角色...
java项目-第89期基于ssm的药店信息管理系统.zip
07-01
java项目-第89期基于ssm的药店信息管理系统 1、项目简述 该项目是一款药店信息管理系统，主要是维护药品、药品器材等基本信息。分为店长、店员、角色管理员、用户管理员、 医师、药品管理员、器械管理员。 店长拥有...
java-第23期基于ssm培训教务管理系统.zip
01-28
java-第23期基于ssm培训教务管理系统 1、项目简述 功能： 区分为超级管理员、教师、学生， 不同的角色进去看到的功能不一样， 管理员包含以下功能： 系统管理 员工管理 角色管理 角色变更 权限管理 权限变更 数据...
Shiro权限控制-区分Ajax请求
07-19
Shiro对权限的处理，并没有区分是否是Ajax请求，需要我们自己写过滤器来实现。在实现时通过获取请求头X-Request-with是否有值来区分，区分开来以后，对于普通请求直接跳转到没有权限的页面，对于AJax请求返回一个没有权限的JSon数据
Ajax实现用户登录
m0_56557880的博客
11-09 6296
1.Ajax：定义 Ajax即Asynchronous(异步的) Javascript And XML，使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上 使用Ajax，使得前端和数据库实现交互，例如，在登录验证中，使得输入框旁边可以提示用户名是否存在 2.为什么使用Ajax 局部刷新，不重新加载网页的的情况下，对网页某个网页进行更新，提高性能。 3.语法： $.ajax使用方法 $.ajax({});中间添加内容，添加常用属性如下： 常用参数： 1、url 请求地址（相当于fo
html 通过ajax进行权限控制
潇湘博客
06-05 1592
html.htmlhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">type=text/javascript>　　http://www.w3.org/1999/xhtml" >　　　　$Chapter$-->>$Order$-->>$Title$　　　yydown.jsfunction check()  {//var us
AJAX在静态HTML页面中实现权限控制的应用
J_JAKE（陆冷飞）的专栏
06-26 5672
        最近做了一个铁路局的行车规则发布系统,有点类似于一个新闻发布系统.因为数据量大,为了加快访问的速度,我把里面的规则在后台添加时生成了静态页面保存在硬盘上, 这样每次访问就不必要去数据库取数据了.但是一个问题出现了,就 是这些规则都需要登陆之后才能访问,没登陆是不允许访问的,所以必须在这些静态页面上进行权限的控制,那么在静态页面中怎么判断用户是否登陆了呢......??     
用户管理系统(1)
weixin_61518137的博客
11-15 6891
用户管理系统
SSM框架下实现权限管理(附源码)
wrkd35
07-16 2573
具体思路：设置三张表，分别是角色表，权限表和权限对应表。设置完毕后，配置一个全局拦截器，在拦截每一次请求时，去查表里该用户对应的角色权限是否存在，如果存在就通过，不存在就拒绝并提示。 一. 设计数据库表结构 角色表 权限表 角色权限对应表 二. 配置全局拦截器 AllInterceptor.java public class AllInterceptor implements HandlerInterceptor { /** * 角色对应权限表的service */ @
实现给用户添加权限——SSM+ajax
dvjskb的博客
07-06 325
目录数据库树形栏管理者显示添加角色权限按钮Controlleruser-List.jspcontrolleruser-role-add.jsp实现添加权限user-role-add.jspController层RoleMapper.xml成果展示 数据库 userId对应用户表的序号，roleId对应权限表的序号 树形栏 这次bean层我建立了UserRole层，这一层存放的是id,UserId,RoleId,也就是关于权限管理的一层。相应的，创建了roleDao,roleService 管理者显示添加
利用ajax如何根据权限加载目录,AJAX 请求静态资源 权限问题
weixin_33258222的博客
08-05 256
# AJAX 请求静态资源 权限问题正常来说，我们项目中的静态资源都是可以直接访问的，但在商品说和巧匠项目中，我们对用户的素材(图片、视频、音频)都会做权限控制，用户在登录的情况下，如果是基于 `cookie` 认证的话，通过 `img、audio、video` 直接访问资源，请求都会自动携带 `cookie` ，是不会有什么问题；但 有些时候 我们需要做一些资源的预加载(使用 ajax、fetc...
ajax页面图标动态,ajax实现动态网页静态化
weixin_42542420的博客
08-05 279
利用ajax实现动态网页静态化，是目前一个比较流行的网站开发技术。在这里，我利用三个页面简单的实现一个效果：Default.aspx、1.html、GetDate.aspx在Default.aspx绑定新闻的标题，这里，我们也可以利用ajax从数据库中读取数据，这里就省了。五个新闻标题，单击传一个Id到1.html这个页面中。，我们的1.html还是利用昨天的那个网页模板在1.html这个页面的H...
基于Spring Boot的用户权限管理系统的设计与实现的软硬件需求简单说明
最新发布
04-21
该系统应支持用户的登录、注册、权限管理和角色分配等功能，还需要实现日志记录、系统监控和异常处理等功能，以确保系统的安全性和稳定性。需要使用 Spring Boot 框架、MyBatis 持久层框架和 Thymeleaf 模板引擎等...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值