用户操作-用户详情服务器端代码实现

最新推荐文章于 2021-06-03 16:41:21 发布
最新推荐文章于 2021-06-03 16:41:21 发布
阅读量302 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Leon_Jinhai_Sun/article/details/104446926
版权

用户详情

用户详情页面user-show.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!-- 页面meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title>数据 - AdminLTE2定制版</title>
<meta name="description" content="AdminLTE2定制版">
<meta name="keywords" content="AdminLTE2定制版">

<!-- Tell the browser to be responsive to screen width -->
<meta
	content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"
	name="viewport">

<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/ionicons/css/ionicons.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/iCheck/square/blue.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/morris/morris.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/datepicker/datepicker3.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.theme.default.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/select2/select2.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/adminLTE/css/AdminLTE.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/adminLTE/css/skins/_all-skins.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/style.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.skinNice.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/bootstrap-slider/slider.css">
</head>

<body class="hold-transition skin-blue sidebar-mini">

	<div class="wrapper">

		<!-- 页面头部 -->
		<jsp:include page="header.jsp"></jsp:include>
		<!-- 页面头部 /-->

		<!-- 导航侧栏 -->
		<jsp:include page="aside.jsp"></jsp:include>
		<!-- 导航侧栏 /-->

		<!-- 内容区域 -->
		<div class="content-wrapper">

			<!-- 内容头部 -->
			<section class="content-header">
			<h1>
				用户管理 <small>全部用户</small>
			</h1>
			<ol class="breadcrumb">
				<li><a href="${pageContext.request.contextPath}/index.jsp"><i
						class="fa fa-dashboard"></i> 首页</a></li>
				<li><a
					href="${pageContext.request.contextPath}/user/findAll.do">用户管理</a></li>

				<li class="active">全部用户</li>
			</ol>
			</section>
			<!-- 内容头部 /-->

			<!-- 正文区域 -->
			<section class="content"> <!-- .box-body -->
			<div class="box box-primary">
				<div class="box-header with-border">
					<h3 class="box-title">列表</h3>
				</div>

				<div class="box-body">

					<!-- 数据表格 -->
					<div class="table-box">

						<!--工具栏-->
						<div class="pull-left">
							<div class="form-group form-inline">
								<div class="btn-group">
									<button type="button" class="btn btn-default" title="新建">
										<i class="fa fa-file-o"></i> 新建
									</button>

									<button type="button" class="btn btn-default" title="刷新">
										<i class="fa fa-refresh"></i> 刷新
									</button>
								</div>
							</div>
						</div>
						<div class="box-tools pull-right">
							<div class="has-feedback">
								<input type="text" class="form-control input-sm"
									placeholder="搜索"> <span
									class="glyphicon glyphicon-search form-control-feedback"></span>
							</div>
						</div>
						<!--工具栏/-->

						<!--数据列表-->
						<div class="tab-pane" id="tab-treetable">
							<table id="collapse-table"
								class="table table-bordered table-hover dataTable">
								<thead>
									<tr>
										<th>名称</th>
										<th>描述</th>
									</tr>
								</thead>

								<tr data-tt-id="0">
									<td colspan="2">${user.username}</td>
								</tr>

								<tbody>
									<c:forEach items="${user.roles}" var="role">
										<tr data-tt-id="1" data-tt-parent-id="0">
											<td>${role.roleName }</td>
											<td>${role.roleDesc }</td>
										</tr>
										<c:forEach items="${role.permissions}" var="permission">
											<tr data-tt-id="1-1" data-tt-parent-id="1">
												<td>${permission.permissionName}</td>
												<td>${permission.url}</td>
											</tr>

										</c:forEach>
									</c:forEach>
								</tbody>
							</table>
						</div>
						<!--数据列表/-->

					</div>
					<!-- 数据表格 /-->

				</div>
				<!-- /.box-body -->

				<!-- .box-footer-->
				<div class="box-footer">
					<div class="pull-left">
						<div class="form-group form-inline">
							总共2 页，共14 条数据。 每页 <select class="form-control">
								<option>1</option>
								<option>2</option>
								<option>3</option>
								<option>4</option>
								<option>5</option>
							</select> 条
						</div>
					</div>

					<div class="box-tools pull-right">
						<ul class="pagination">
							<li><a href="#" aria-label="Previous">首页</a></li>
							<li><a href="#">上一页</a></li>
							<li><a href="#">1</a></li>
							<li><a href="#">2</a></li>
							<li><a href="#">3</a></li>
							<li><a href="#">4</a></li>
							<li><a href="#">5</a></li>
							<li><a href="#">下一页</a></li>
							<li><a href="#" aria-label="Next">尾页</a></li>
						</ul>
					</div>

				</div>
				<!-- /.box-footer-->

			</div>

			</section>
			<!-- 正文区域 /-->

		</div>
		<!-- @@close -->
		<!-- 内容区域 /-->

		<!-- 底部导航 -->
		<footer class="main-footer">
		<div class="pull-right hidden-xs">
			<b>Version</b> 1.0.8
		</div>
		<strong>Copyright &copy; 2014-2017 <a
			href="http://www.itcast.cn">研究院研发部</a>.
		</strong> All rights reserved. </footer>
		<!-- 底部导航 /-->

	</div>

	<script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
	<script src="../plugins/jQueryUI/jquery-ui.min.js"></script>
	<script>
		$.widget.bridge('uibutton', $.ui.button);
	</script>
	<script src="../plugins/bootstrap/js/bootstrap.min.js"></script>
	<script src="../plugins/raphael/raphael-min.js"></script>
	<script src="../plugins/morris/morris.min.js"></script>
	<script src="../plugins/sparkline/jquery.sparkline.min.js"></script>
	<script src="../plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
	<script src="../plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
	<script src="../plugins/knob/jquery.knob.js"></script>
	<script src="../plugins/daterangepicker/moment.min.js"></script>
	<script src="../plugins/daterangepicker/daterangepicker.js"></script>
	<script src="../plugins/daterangepicker/daterangepicker.zh-CN.js"></script>
	<script src="../plugins/datepicker/bootstrap-datepicker.js"></script>
	<script
		src="../plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
	<script
		src="../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
	<script src="../plugins/slimScroll/jquery.slimscroll.min.js"></script>
	<script src="../plugins/fastclick/fastclick.js"></script>
	<script src="../plugins/iCheck/icheck.min.js"></script>
	<script src="../plugins/adminLTE/js/app.min.js"></script>
	<script src="../plugins/treeTable/jquery.treetable.js"></script>
	<script src="../plugins/select2/select2.full.min.js"></script>
	<script src="../plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
	<script
		src="../plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.zh-CN.js"></script>
	<script src="../plugins/bootstrap-markdown/js/bootstrap-markdown.js"></script>
	<script
		src="../plugins/bootstrap-markdown/locale/bootstrap-markdown.zh.js"></script>
	<script src="../plugins/bootstrap-markdown/js/markdown.js"></script>
	<script src="../plugins/bootstrap-markdown/js/to-markdown.js"></script>
	<script src="../plugins/ckeditor/ckeditor.js"></script>
	<script src="../plugins/input-mask/jquery.inputmask.js"></script>
	<script src="../plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
	<script src="../plugins/input-mask/jquery.inputmask.extensions.js"></script>
	<script src="../plugins/datatables/jquery.dataTables.min.js"></script>
	<script src="../plugins/datatables/dataTables.bootstrap.min.js"></script>
	<script src="../plugins/chartjs/Chart.min.js"></script>
	<script src="../plugins/flot/jquery.flot.min.js"></script>
	<script src="../plugins/flot/jquery.flot.resize.min.js"></script>
	<script src="../plugins/flot/jquery.flot.pie.min.js"></script>
	<script src="../plugins/flot/jquery.flot.categories.min.js"></script>
	<script src="../plugins/ionslider/ion.rangeSlider.min.js"></script>
	<script src="../plugins/bootstrap-slider/bootstrap-slider.js"></script>
	<script>
		$(document).ready(function() {
			// 选择框
			$(".select2").select2();

			// WYSIHTML5编辑器
			$(".textarea").wysihtml5({
				locale : 'zh-CN'
			});
			$("#collapse-table").treetable({
				expandable : true
			});
		});

		// 设置激活菜单
		function setSidebarActive(tagUri) {
			var liObj = $("#" + tagUri);
			if (liObj.length > 0) {
				liObj.parent().parent().addClass("active");
				liObj.addClass("active");
			}
		}

		$(document).ready(function() {

			// 激活导航位置
			setSidebarActive("admin-datalist");

			// 列表按钮 
			$("#dataList td input[type='checkbox']").iCheck({
				checkboxClass : 'icheckbox_square-blue',
				increaseArea : '20%'
			});
			// 全选操作 
			$("#selall").click(function() {
				var clicks = $(this).is(':checked');
				if (!clicks) {
					$("#dataList td input[type='checkbox']").iCheck("uncheck");
				} else {
					$("#dataList td input[type='checkbox']").iCheck("check");
				}
				$(this).data("clicks", !clicks);
			});
		});
	</script>
</body>

</html>

注意：需要添加js

$("#collapse-table").treetable({ expandable : true });

UserController

@Controller
@RequestMapping("/user")
public class UserControlller {

	@Autowired
	private IUserService userService;
	
	@RequestMapping("/findById.do")
	public ModelAndView findById(@RequestParam(name = "id", required = true) Long id) throws
	Exception {
		UserInfo user = userService.findById(id);
		ModelAndView mv = new ModelAndView();
		mv.addObject("user", user);
		mv.setViewName("user-show");
		return mv;
	}
}

Dao

@Select("select * from user where id=#{id}")
@Results({ @Result(id = true, property = "id", column = "id"), @Result(column = 
"username",property = "username"),
@Result(column = "email", property = "email"), @Result(column = "password", property = 
"password"),
@Result(column = "phoneNum", property = "phoneNum"), @Result(column = "status", property = 
"status"),
@Result(column = "id", property = "roles", javaType = List.class, many = @Many(select = 
"com.learn.ssm.dao.IRoleDao.findRoleByUserId")) })
public UserInfo findById(Long id) throws Exception;
@Select("select * from role where id in( select roleId from user_role where userId=#{userId})")
@Results(
{
	@Result(id=true,column="id",property="id"),@Result(column="roleName",property="roleName"),
	@Result(column="roleDesc",property="roleDesc"),@Result(column="id",property="permissions",javaType=List.class,many=@Many(select="com.learn.ssm
	.dao.IPermissionDao.findByRoleId"))
})
public List<Role> findRoleByUserId(Long userId);

我们需要将用户的所有角色及权限查询出来所以需要调用IRoleDao中的findRoleByUserId,而在IRoleDao中需要调用IPermissionDao的findByRoleId

@Select("select * from permission where id in (select permissionId from role_permission where
roleId=#{roleId})")
public List<Permission> findByRoleId(Long roleId);

 

Leon_Jinhai_Sun
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Flask综合案例展示二手车信息页、详情页和用户浏览记录、收藏信息
paul0926的博客
07-13 1097
Flask综合案例展示二手车信息页、详情页和用户浏览记录浏览记录 浏览记录 先写思路： 在用户登录的前提下，当用户访问详情页（详情页接口函数写）的时候存储car_id到redis数据库中，类型用列表 然后写一个接口返回用户浏览记录数据 返回用户浏览数据代码： @api.route('/userhistory') def user_history(): # 用户的浏览记录，放在redi...
用户登录界面设计代码html_DSL 与界面设计杂谈
weixin_39827506的博客
12-01 796
首发语雀： DSL 与界面设计杂谈​www.yuque.com设计工程化实践C2D探索C2D （Code To Design）比较知名的实践有 react-sketchapp 和 html-sketchapp 。通过在前端写 react-native 式的代码，然后在 sketch 端就可以渲染输出成设计稿。理论上这是一种非常美好的设想：唯一的 source of truth 就是代码，通过代码生...
用户详情页面html,普通用户详情页.html
weixin_39851872的博客
06-03 872
普通用户详情页$axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };$axure.utils.getOtherPath = function() { return 'resources/Other.html'; };$axure.utils.getReloadP...
用户详情页面html,会员用户详情页.html
weixin_39745933的博客
06-03 414
会员用户详情页$axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };$axure.utils.getOtherPath = function() { return 'resources/Other.html'; };$axure.utils.getReloadP...
html用户详情页面设计,什么是Web设计-为用户设计-网页设计,HTML/CSS
weixin_36393674的博客
06-03 254
正如上面所说的，在web开发中经常犯的一个错误是为设计者而设计站点，所考虑的是设计者的需求而不是实际用户的需求。如果设计者忽略用户的需求，进程模型就不能保障一个站点的质量。一定要记住web设计的重要原则：规则：设计者不是用户设计者所理解的并不是用户所理解的。作为一个设计者，你拥有web站点的直接知识。你知道信息在哪里以及如何安装插入件。你有最优的屏幕分辨率及浏览器的设置等等。你必须接受以下的事实，...
vc6.0--股票服务器端源代码.
02-01
5. **数据库操作**：服务器端通常需要与数据库交互，存储和查询股票数据，源代码中会包含SQL语句或者使用ODBC/JDBC接口进行数据库操作。 6. **安全性**：源代码可能涉及到用户认证、数据加密等安全措施，以保护交易...
学生选课APP系统设计与实现-服务器端代码
12-25
《学生选课APP系统设计与实现-服务器端代码》 在当今信息化教育背景下，学生选课APP已经成为高校教学管理的重要工具。本项目旨在设计并实现一个高效、便捷的学生选课系统，利用移动设备的便利性，使学生可以...
C#336-服务器端软件+源代码
07-08
【C#336-服务器端软件+源代码】是一个以C#编程语言开发的服务器端应用程序，它包含了实现特定功能或服务的源代码。在本文中，我们将深入探讨C#在服务器端软件开发中的应用，以及源代码的重要性和相关知识点。 首先...
商业编程-源码-Telnet服务器源代码.zip
06-21
2. **服务器端编程**：这里的源代码涉及的是服务器端的实现，即如何接收并响应来自客户端的连接请求，管理会话，并处理用户的输入命令。 3. **网络套接字编程**：实现Telnet服务器需要熟悉网络编程，特别是套接字...
cpp-Linux下的简易web服务器实现web端用户注册登录功能
08-16
为了实现用户注册和登录，我们需要在服务器端存储用户信息。这通常涉及到数据库操作，例如使用SQLite这样的轻量级数据库。服务器会处理注册请求，验证用户名的唯一性，存储用户的加密密码（如使用bcrypt或scrypt），...
colorPicker.js javascript颜色选择框
11-25
javascript颜色选择框,适用于ie,firefox,chrome等浏览器. 调用方法: function changeColor(){ var colorText = document.getElementById('color'); if (colorText.value == '') colorText.value = '#FFFFFF'; colorText.value = colorText.value.toUpperCase(); var colorFont = document.getElementById('colorFont'); colorFont.style.background = colorText.value; document.getElementById('buttonOK').focus(); }         
jsp
weixin_44116098的博客
02-15 147
一、jsp 1、作用  jsp(全称 java server pages),java的服务器页面  jsp的主要作用是代替Servlet程序回传html页面的数据 ​ Servlet程序回传html页面数据是一件非常繁琐的事情，开发成本和维护成本都极高 @Override protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
JSP 简单表单显示例子
学而不思则罔 思而不学则殆
04-14 2554
input页面 姓名: <input type="submit" value="提交"> input.html
JSP中request对象的简单实用，实现简单的注册以及个人信息的展示
做笔记\记录遇到的程序bug
01-14 2373
JSP中Request对象的使用 概述：request对象主要用于接收客户端发送来的请求信息，客户端的请求信息被封装在request对象中，通过它可以了解到客户的需求，然后做出响应。主要封装了用户提交的信息，在用户注册中使用的较多， 实例1：设定以及获取值 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html&gt
JSP个人信息管理demo（servlet+jquery）
果果糖的博客
10-15 7173
该demo实现了显示所有人员的信息、查看单人的详细信息、修改个人信息三个主要的功能。虽然功能不多但是可以对java的三层架构的知识点进行巩固。 项目分为三层，分别是dao、service、web层。dao层作为数据访问层，所有的与数据库交互的逻辑在这里完成。在dao层里建立两个包Dao和DaoImpl，一个用来存放接口一个用来存放接口的实现类。接着建立基础接口BaseDao和基础类BaseDao
JSP基础教程之表单编辑
12-27 772
本篇文章由泉州SEOwww.234yp.com 整理发布，jsp文件www.234yp.com/Article/176250.html谢谢合作！jsp文件 　　比如来自Blazix服务器的标志库在你的系统环境中不能使用，那么不使用标志库来实现相似的功能呢？本教程就是为这个问题而提出的。这个问题是可以解决的，只是代码要长一点。主要地，你必须亲自编辑HTML标志，然后将它设置缺省值。从下面的例子的例子中我们可以学到怎样修改GetName.jsp以提供类似于blx:getProperty的特性，但是我们...
jsp实现表单页面的制作,并且通过信息的提交输出提交的信息的内容
热门推荐
girls的博客
05-27 1万+
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <form.
企业项目实战第六天 === 角色模块 分页查询 新增 删除 详情查询
weixin_44629340的博客
03-04 120
分页查询 准备角色数据表 编写role类 package com.zhongruan.bean; /* * 实体类模型，映射数据字段 模型 * */ public class Role { private int rid; private String rname; private String rdesc; private String raddress; ...
如何使用服务器端缓存策略来实现清除用户缓存的操作
最新发布
06-10
服务器端缓存策略是一种更加可靠的方法来清除用户缓存。一般来说，服务器端缓存策略有两种方式： 1. 设置 Cache-Control 头部 在服务器端设置 Cache-Control 头部可以控制客户端缓存的过期时间。例如，您可以设置 ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值