From f239fc9715a08137ce31286ccef250ae961ce91e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B0=A2=E4=BA=9A=E6=98=95?= <1549469775@qq.com>
Date: Fri, 19 Sep 2025 17:09:16 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E7=99=BB=E5=BD=95=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=EF=BC=8C=E4=BF=AE=E6=94=B9=E7=AB=AF=E5=8F=A3=E5=8F=B7?=
 =?UTF-8?q?=E5=B9=B6=E6=96=B0=E5=A2=9E=E7=94=A8=E6=88=B7=E5=90=8D=E9=AA=8C?=
 =?UTF-8?q?=E8=AF=81=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将主应用的端口号从3000更改为3001
- 在 AuthController 中新增 validateUsername 方法，用于验证用户名
- 更新登录表单，使用 hx-post 进行异步提交，并引入新的用户名输入组件
---
 src/controllers/Page/AuthController.js | 9 +++++++++
 src/main.js                            | 2 +-
 src/views/page/login/_ui/username.pug  | 4 ++++
 src/views/page/login/index.pug         | 4 ++--
 4 files changed, 16 insertions(+), 3 deletions(-)
 create mode 100644 src/views/page/login/_ui/username.pug

diff --git a/src/controllers/Page/AuthController.js b/src/controllers/Page/AuthController.js
index 4287a5d..2ddfc7a 100644
--- a/src/controllers/Page/AuthController.js
+++ b/src/controllers/Page/AuthController.js
@@ -17,6 +17,13 @@ export default class AuthController extends BaseController {
         return this.success(ctx, null, "登录成功")
     }
 
+    async validateUsername(ctx) {
+        return this.render(ctx, "page/login/_ui/username", {
+            value: ctx.request.body.username,
+            error: undefined
+        })
+    }
+
     /**
      * 创建基础页面相关路由
      * @returns {Router} 路由实例
@@ -30,6 +37,8 @@ export default class AuthController extends BaseController {
         router.get("/login", controller.handleRequest(controller.loginGet))
         router.post("/login", controller.handleRequest(controller.loginPost))
 
+        router.post("/login/validate/username", controller.handleRequest(controller.validateUsername))
+
         return router
     }
 }
diff --git a/src/main.js b/src/main.js
index 4db469f..8cc58c3 100644
--- a/src/main.js
+++ b/src/main.js
@@ -9,7 +9,7 @@ import os from "os"
 // 应用插件与自动路由
 import LoadMiddlewares from "./middlewares/install.js"
 
-const PORT = process.env.PORT || 3000;
+const PORT = process.env.PORT || 3001;
 
 ; (async () => {
 
diff --git a/src/views/page/login/_ui/username.pug b/src/views/page/login/_ui/username.pug
new file mode 100644
index 0000000..94f622b
--- /dev/null
+++ b/src/views/page/login/_ui/username.pug
@@ -0,0 +1,4 @@
+div(hx-target="this" hx-swap="outerHTML"  hx-post="/login/validate/username?aa=1")
+    input(type="text" id="username" value=value name="username" placeholder="用户名" hx-indicator="#ind")
+    //- img(id="ind" src="/img/bars.svg" class="htmx-indicator")
+    div sda
\ No newline at end of file
diff --git a/src/views/page/login/index.pug b/src/views/page/login/index.pug
index e09a86f..31fae6c 100644
--- a/src/views/page/login/index.pug
+++ b/src/views/page/login/index.pug
@@ -3,7 +3,7 @@ extends /layouts/empty.pug
 block pageHead
 
 block pageContent
-  form(action="/login" method="post") 
-    input(type="text" name="username" placeholder="用户名")
+  form(hx-post="/login") 
+    include _ui/username.pug
     input(type="password" name="password" placeholder="密码")
     button(type="submit") 登录
\ No newline at end of file