feat(templates): 新增绿色主题模版，并设置为默认模版

和文档站点 docs.xxyopen.com 风格保持一致
2025-06-24 04:46:37 +00:00 · 2023-10-13 21:21:21 +08:00
parent 00179359bd
commit 255b3f8c4b
575 changed files with 72292 additions and 955 deletions
--- a/templates/green/html/user/set_name.html
+++ b/templates/green/html/user/set_name.html
@ -0,0 +1,114 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head th:replace="common/header :: common_head(~{::title},~{},~{::link},~{})">
+    <title th:text="'修改昵称_'+${application.website.name}"></title>
+    <link rel="stylesheet" href="/css/user.css"/>
+</head>
+<body class="">
+
+<div th:replace="common/top :: top('')">
+</div>
+<div class="main box_center cf">
+    <div class="userBox cf">
+        <div class="my_l">
+
+            <ul class="log_list">
+                <li><a class="link_1 " href="/user/userinfo.html">个人中心</a></li>
+                <li><a class="link_4" href="/user/favorites.html">我的书架</a></li>
+                <li><a class="link_6" href="/user/comment.html">我的书评</a></li>
+                <li><a class="link_7 " href="/user/feedback_list.html">我的反馈</a></li>
+                <li><a class="link_8 on" href="/user/setup.html">账号设置</a></li>
+            </ul>
+
+        </div>
+        <div class="my_r">
+            <div class="my_info cf">
+                <div class="my_info_txt">
+                    <ul class="mytab_list">
+                        <li><i class="tit">我的昵称</i><input name="txtNiceName" type="text" value="15171695474"
+                                                          maxlength="20" id="txtNiceName" class="s_input"
+                                                          placeholder=""/></li>
+                        <li><i class="tit">&nbsp;</i>用户名只能包括汉字、英文字母、数字和下划线</li>
+                        <li><i class="tit">&nbsp;</i><input type="button" onclick="updateName()" name="btn" value="修改"
+                                                            id="btn" class="s_btn btn_red"/></li>
+                        <li><i class="tit">&nbsp;</i><span id="LabErr"></span></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div th:replace="common/footer :: footer">
+</div>
+<div th:replace="common/js :: js"></div>
+<script type="text/javascript">
+    //查询用户信息
+    $.ajax({
+        type: "get",
+        url: "/user/userInfo",
+        data: {},
+        dataType: "json",
+        success: function (data) {
+            if (data.code == 200) {
+                if (data.data.nickName) {
+                    $("#txtNiceName").val(data.data.nickName);
+                } else {
+                    $("#txtNiceName").val(data.data.username);
+                }
+
+
+            } else if (data.code == 1001) {
+                //未登录
+                location.href = '/user/login.html?originUrl=' + decodeURIComponent(location.href);
+
+            } else {
+                layer.alert(data.msg);
+            }
+
+        },
+        error: function () {
+            layer.alert('网络异常');
+        }
+    })
+
+    function updateName() {
+        var nickname = $("#txtNiceName").val();
+        if (nickname.isBlank()) {
+            $("#LabErr").html("昵称不能为空！");
+            return;
+        }
+        if (!nickname.isNickName()) {
+            $("#LabErr").html("昵称格式不正确！");
+            return;
+        }
+        $.ajax({
+            type: "POST",
+            url: "/user/updateUserInfo",
+            data: {'nickName': nickname},
+            dataType: "json",
+            success: function (data) {
+                if (data.code == 200) {
+
+                    $.cookie('Authorization', data.data.token, {path: '/'});
+                    window.location.href = '/user/setup.html';
+
+                } else if (data.code == 1001) {
+                    //未登录
+                    location.href = '/user/login.html?originUrl=' + decodeURIComponent(location.href);
+
+                } else {
+                    $("#LabErr").html(data.msg);
+                }
+
+            },
+            error: function () {
+                layer.alert('网络异常');
+            }
+        })
+    }
+</script>
+
+</body>
+</html>