代码INIT
This commit is contained in:
124
src/main/resources/templates/user/settings.html
Normal file
124
src/main/resources/templates/user/settings.html
Normal file
@@ -0,0 +1,124 @@
|
||||
<!doctype html>
|
||||
<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>用户中心-Quinn</title>
|
||||
<link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}">
|
||||
<style>
|
||||
#table-title tr th{
|
||||
border: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body style="background: #f2f2f2;">
|
||||
|
||||
<div th:replace="~{common/header::header(activeUrl='user')}"></div>
|
||||
|
||||
<main role="main" class="container">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div th:replace="~{user/index::userShowPanel}"></div>
|
||||
|
||||
<div class="col-md-9 blog-main">
|
||||
|
||||
<div class="my-3 p-3 bg-white rounded shadow-sm">
|
||||
|
||||
<form class="needs-validation" novalidate="" th:action="@{'/userinfo/update/'+${session.loginUser.getUid()}}" method="post">
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="nickname">用户昵称</label>
|
||||
<input type="text" th:value="${userInfo.getNickname()}" name="nickname" class="form-control" id="nickname" placeholder="遇见狂神说" required="">
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="realname">真实姓名</label>
|
||||
<input type="text" th:value="${userInfo.getRealname()}" name="realname" class="form-control" id="realname" placeholder="xxxx" required="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="qq">QQ</label>
|
||||
<input type="text" th:value="${userInfo.getQq()}" name="qq" class="form-control" id="qq" placeholder="遇见狂神说" required="">
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="wechat">WeChat</label>
|
||||
<input type="text" th:value="${userInfo.getWechat()}" name="wechat" class="form-control" id="wechat" placeholder="xxxx" required="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="email">邮箱</label>
|
||||
<input type="email" th:value="${userInfo.getEmail()}" name="email" class="form-control" id="email" placeholder="quinn@qq.com">
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="phone">手机</label>
|
||||
<input type="text" th:value="${userInfo.getPhone()}" name="phone" class="form-control" id="phone" placeholder="123 3333 2222">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="work">工作</label>
|
||||
<input type="text" th:value="${userInfo.getWork()}" name="work" class="form-control" id="work" placeholder="Java高级程序员">
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="address">地址</label>
|
||||
<input type="text" th:value="${userInfo.getAddress()}" name="address" class="form-control" id="address" placeholder="中国 重庆">
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="hobby">爱好(使用英文逗号隔开)</label>
|
||||
<input type="text" th:value="${userInfo.getHobby()}" name="hobby" class="form-control" id="hobby" placeholder="代码,唱歌,游戏">
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label>自我介绍</label>
|
||||
<textarea th:text="${userInfo.getIntro()}" type="text" name="intro" class="form-control"></textarea>
|
||||
</div>
|
||||
|
||||
<hr class="mb-4">
|
||||
|
||||
<button class="btn btn-primary btn-lg btn-block" type="submit"> 更新资料 </button>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
<div th:replace="~{common/footer::footer}"></div>
|
||||
|
||||
<a class="to-top">返回顶部</a>
|
||||
<script th:src="@{/js/jquery-3.5.1.min.js}"></script>
|
||||
<script th:src="@{/bootstrap/js/bootstrap.bundle.min.js}"></script>
|
||||
<script th:src="@{/js/toTop.js}"></script>
|
||||
|
||||
<!-- layer 赞赏码 -->
|
||||
<script th:src="@{/layer/layer.js}"></script>
|
||||
<script th:src="@{/js/axios.js}"></script>
|
||||
|
||||
<script>
|
||||
// 后台读取
|
||||
function donate(){
|
||||
axios.get('/user/donate/1').then(response => {
|
||||
console.log();
|
||||
layer.photos({
|
||||
photos: response.data,
|
||||
anim: 5 //0-6的选择,指定弹出图片动画类型,默认随机(请注意,3.0之前的版本用shift参数)
|
||||
});
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user