py3me6qac
/
warehouse
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

显示出个人信息资料页面以及修改密码页面

Browse Source
lihaobo
luoyijiucheng 6 years ago
parent 0f44af4f66
commit d7afba074c
5 changed files with 195 additions and 3 deletions
Show Stats Download Patch File Download Diff File

18
src/main/java/com/yeqifu/sys/controller/SystemController.java
Unescape View File

@ -21,6 +21,24 @@ public class SystemController {
return "system/index/login";
}
/**
* 跳转到个人资料页面
* @return
*/
@RequestMapping("toUserInfo")
public String toUserInfo(){
return "system/user/userInfo";
}
/**
* 跳转到修改密码页面
* @return
*/
@RequestMapping("toChangePassword")
public String toChangePassword(){
return "system/user/changePassword";
}
/**
* 跳转到首页
* @return

2
src/main/resources/application.yml
Unescape View File

@ -59,6 +59,6 @@ shiro:
#修改端口号为8088
server:
port: 8088
port: 8089

4
src/main/resources/templates/system/index/index.html
Unescape View File

@ -33,8 +33,8 @@
<li class="layui-nav-item" id="userInfo">
<a href="javascript:;"><img src="/resources/images/face.jpg" class="layui-nav-img userAvatar" width="35" height="35"><cite class="adminName" th:text="${session.user.name}"></cite></a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" data-url="/resouces/page/user/userInfo.html"><i class="seraph icon-ziliao" data-icon="icon-ziliao"></i><cite>个人资料</cite></a></dd>
<dd><a href="javascript:;" data-url="/resouces/page/user/changePwd.html"><i class="seraph icon-xiugai" data-icon="icon-xiugai"></i><cite>修改密码</cite></a></dd>
<dd><a href="javascript:;" data-url="/sys/toUserInfo"><i class="seraph icon-ziliao" data-icon="icon-ziliao"></i><cite>个人资料</cite></a></dd>
<dd><a href="javascript:;" data-url="/sys/toChangePassword"><i class="seraph icon-xiugai" data-icon="icon-xiugai"></i><cite>修改密码</cite></a></dd>
<dd><a href="/sys/toLogin" class="signOut"><i class="seraph icon-tuichu"></i><cite>退出</cite></a></dd>
</dl>
</li>

54
src/main/resources/templates/system/user/changePassword.html
Unescape View File

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>修改密码</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="/resources/layui/css/layui.css" media="all" />
<link rel="stylesheet" href="/resources/css/public.css" media="all" />
</head>
<body class="childrenBody">
<form class="layui-form layui-row changePwd">
<div class="layui-col-xs12 layui-col-sm6 layui-col-md6">
<div class="layui-input-block layui-red pwdTips">旧密码请输入“123456”，新密码必须两次输入一致才能提交</div>
<div class="layui-form-item">
<label class="layui-form-label">用户名</label>
<div class="layui-input-block">
<input type="text" value="驊驊龔頾" disabled class="layui-input layui-disabled">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">旧密码</label>
<div class="layui-input-block">
<input type="password" value="" placeholder="请输入旧密码" lay-verify="required|oldPwd" class="layui-input pwd">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">新密码</label>
<div class="layui-input-block">
<input type="password" value="" placeholder="请输入新密码" lay-verify="required|newPwd" id="oldPwd" class="layui-input pwd">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">确认密码</label>
<div class="layui-input-block">
<input type="password" value="" placeholder="请确认密码" lay-verify="required|confirmPwd" class="layui-input pwd">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" lay-submit="" lay-filter="changePwd">立即修改</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
</div>
</form>
<script type="text/javascript" src="/resources/layui/layui.js"></script>
<script type="text/javascript" src="/resources/page/user/user.js"></script>
</body>
</html>

120
src/main/resources/templates/system/user/userInfo.html
Unescape View File

@ -0,0 +1,120 @@
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>个人资料</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="/resources/layui/css/layui.css" media="all" />
<link rel="stylesheet" href="/resources/css/public.css" media="all" />
</head>
<body class="childrenBody">
<form class="layui-form layui-row">
<div class="layui-col-md3 layui-col-xs12 user_right">
<div class="layui-upload-list">
<img class="layui-upload-img layui-circle userFaceBtn userAvatar" id="userFace">
</div>
<button type="button" class="layui-btn layui-btn-primary userFaceBtn"><i class="layui-icon">&#xe67c;</i> 掐指一算，我要换一个头像了</button>
<p>由于是纯静态页面，所以只能显示一张随机的图片</p>
</div>
<div class="layui-col-md6 layui-col-xs12">
<div class="layui-form-item">
<label class="layui-form-label">用户名</label>
<div class="layui-input-block">
<input type="text" value="驊驊龔頾" disabled class="layui-input layui-disabled">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">用户组</label>
<div class="layui-input-block">
<input type="text" value="超级管理员" disabled class="layui-input layui-disabled">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">真实姓名</label>
<div class="layui-input-block">
<input type="text" value="" placeholder="请输入真实姓名" lay-verify="required" class="layui-input realName">
</div>
</div>
<div class="layui-form-item" pane="">
<label class="layui-form-label">性别</label>
<div class="layui-input-block userSex">
<input type="radio" name="sex" value="男" title="男" checked="">
<input type="radio" name="sex" value="女" title="女">
<input type="radio" name="sex" value="保密" title="保密">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">手机号码</label>
<div class="layui-input-block">
<input type="tel" value="" placeholder="请输入手机号码" lay-verify="phone" class="layui-input userPhone">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">出生年月</label>
<div class="layui-input-block">
<input type="text" value="" placeholder="请输入出生年月" lay-verify="userBirthday" readonly class="layui-input userBirthday">
</div>
</div>
<div class="layui-form-item userAddress">
<label class="layui-form-label">家庭住址</label>
<div class="layui-input-inline">
<select name="province" lay-filter="province" class="province">
<option value="">请选择市</option>
</select>
</div>
<div class="layui-input-inline">
<select name="city" lay-filter="city" disabled>
<option value="">请选择市</option>
</select>
</div>
<div class="layui-input-inline">
<select name="area" lay-filter="area" disabled>
<option value="">请选择县/区</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">掌握技术</label>
<div class="layui-input-block userHobby">
<input type="checkbox" name="like[javascript]" title="Javascript">
<input type="checkbox" name="like[C#]" title="C#">
<input type="checkbox" name="like[php]" title="PHP">
<input type="checkbox" name="like[html]" title="HTML(5)">
<input type="checkbox" name="like[css]" title="CSS(3)">
<input type="checkbox" name="like[.net]" title=".net">
<input type="checkbox" name="like[ASP]" title="ASP">
<input type="checkbox" name="like[Angular]" title="Angular">
<input type="checkbox" name="like[VUE]" title="VUE">
<input type="checkbox" name="like[XML]" title="XML">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">邮箱</label>
<div class="layui-input-block">
<input type="text" value="" placeholder="请输入邮箱" lay-verify="email" class="layui-input userEmail">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">自我评价</label>
<div class="layui-input-block">
<textarea placeholder="请输入内容" class="layui-textarea myself"></textarea>
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" lay-submit="" lay-filter="changeUser">立即提交</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
</div>
</form>
<script type="text/javascript" src="/resources/layui/layui.js"></script>
<script type="text/javascript" src="/resources/page/user/userInfo.js"></script>
<script type="text/javascript" src="/resources/js/cacheUserInfo.js"></script>
</body>
</html>
Write Preview
Loading…
Cancel
Save