后台管理前端结构调整；管理员后台添加第三方账号绑定

2025-09-24 02:20:39 +08:00 · 2022-04-05 14:54:36 +08:00
parent 936a18404c
commit 364566d6c1
27 changed files with 515 additions and 527 deletions
--- a/bookshelfplus-frontend/views/dashboard/form.html
+++ b/bookshelfplus-frontend/views/dashboard/form.html
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <%- include("./component/header.html"); %>
+    <style>
+        #container-controls {
+            display: grid;
+            grid-template-columns: auto 1fr;
+            gap: 20px;
+            place-items: center right;
+        }
+
+        #container-controls>.form-labels {
+            font-size: 1.05em;
+            font-family: cursive;
+        }
+
+        #container-controls>.form-elements {
+            height: 30px;
+            width: 100%;
+            font-size: 18px;
+        }
+
+        #container-submit {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 20px;
+            padding: 0 30%;
+            margin-top: 30px;
+        }
+
+        .btn {
+            height: 30px;
+        }
+    </style>
+</head>
+<body>
+    <%- include("./component/navbar.html"); %>
+    <main class="main">
+        <h1><%= title %></h1>
+        <div id="container">
+            <div id="container-controls">页面加载中，请稍候 ...</div>
+            <div id="container-submit">
+                <button class="btn" id="btn-submit">提交</button>
+                <button class="btn" id="btn-clear">清空</button>
+            </div>
+        </div>
+    </main>
+    <%- include("./component/footer.html"); %>
+    <!-- 验证组件用户输入值 -->
+    <script src="/assets/javascripts/dashboard/getValidateUtils.js"></script>
+    <!-- 渲染组件 & 提交表单方法 -->
+    <script src="/assets/javascripts/dashboard/renderFormControls.js"></script>
+    <% if ( pageTemplate != "" ) { %>
+        <!-- 引入对应页面渲染配置 -->
+        <%- include(pageTemplate); %>
+    <% } %>
+    <!-- 进行渲染 -->
+    <script>
+        var group = '<%= group %>';
+        var page = '<%= page %>';
+        var title = '<%= title %>';
+
+        async function renderFormControlsFunc() {
+            // 获取将要渲染的 Controls
+            var controlsProfile = await getControlsProfile();
+
+            // 渲染控件
+            var formControls = renderFormControls({ Controls: controlsProfile });
+            console.log(formControls);
+
+            // 将控件填充到网页上
+            var containerControls = document.getElementById('container-controls');
+            containerControls.innerHTML = "";
+            formControls.forEach(function (item) {
+                let Control
+                containerControls.appendChild(item.label);
+                containerControls.appendChild(item.control);
+            });
+
+            // 更新提交按钮显示名称
+            document.getElementById("btn-submit").innerHTML = getSubmitButtonValue() || "提交";
+        }
+        renderFormControlsFunc();
+    </script>
+</body>
+</html>