原始密码:  "MyPassword123"
    ↓
生成64位随机前缀: "TxmRpDkNwYs... 64个字符..."
    ↓
拼接明文: "TxmRpDkNwYs...64个字符... MyPassword123"
    ↓
生成16位随机IV: "AbCdEfGhJkMnPqRs"
    ↓
AES-CBC加密 (使用密钥和IV)
    ↓
Base64编码
    ↓
最终密文: "U2FsdGVkX1+abc..."

用户点击登录按钮
    ↓
触发 checkForm() 函数
    ↓
验证用户名和密码格式
    ↓
从页面获取密钥:  $("#pwdEncryptSalt").val()
    ↓
获取用户输入:  $(LOGIN_PASSWORD_ID).val()
    ↓
调用加密函数: encryptPassword(password, aesKey)
    ↓
将密文存入隐藏字段: $("#saltPassword").val(encrypted)
    ↓
禁用原始密码输入框
    ↓
提交表单（只提交密文）

服务器端（伪代码）：
 
@GetMapping("/login")
public String loginPage(HttpSession session, Model model) {
    // 1. 生成16位随机密钥
    String aesKey = generateRandomKey(16);
    // 例如:  "V4Kh77JL6yk52pNG"
    
    // 2. 存入服务器Session（用于后续解密）
    session.setAttribute("aesKey", aesKey);
    
    // 3. 将密钥传递给前端页面
    model.addAttribute("pwdEncryptSalt", aesKey);
    
    return "login";
}

用户访问登录页面
    ↓
服务器生成随机密钥（16位）
    ↓
存入Session:  session.put("aesKey", key)
    ↓
嵌入HTML:  <input id="pwdEncryptSalt" value="xxx"/>
    ↓
返回页面给浏览器
    ↓
JavaScript读取密钥进行加密
    ↓
用户提交登录
    ↓
服务器从Session取出密钥
    ↓
使用相同密钥解密密码
    ↓
验证密码是否正确

┌─────────────────────────────────────────────────────┐
│ 步骤1: 用户输入密码                                  │
│ 输入: "MyPassword123"                               │
└────────────────┬────────────────────────────────────┘
                 ↓
┌─────────────────────────────────────────────────────┐
│ 步骤2: JavaScript从HTML获取密钥                     │
│ $("#pwdEncryptSalt").val() → "V4Kh77JL6yk52pNG"   │
└────────────────┬────────────────────────────────────┘
                 ↓
┌─────────────────────────────────────────────────────┐
│ 步骤3: 生成64位随机前缀                              │
│ randomString(64)                                    │
│ → "TxmRpDkNwYsFqJzH... 64个字符..."                  │
└────────────────┬────────────────────────────────────┘
                 ↓
┌─────────────────���───────────────────────────────────┐
│ 步骤4: 拼接明文                                      │
│ "TxmRpDkNwYsF...64位... MyPassword123"               │
│ 总长度: 64 + 13 = 77 字符                           │
└────────────────┬────────────────────────────────────┘
                 ↓
┌─────────────────────────────────────────────────────┐
│ 步骤5: 生成16位随机IV                                │
│ randomString(16)                                    │
│ → "AbCdEfGhJkMnPqRs"                               │
└────────────────┬────────────────────────────────────┘
                 ↓
┌─────────────────────────────────────────────────────┐
│ 步骤6: UTF-8编码                                     │
│ 明文 → 77字节                                        │
│ 密钥 → 16字节                                        │
│ IV   → 16字节                                        │
└────────────────┬────────────────────────────────────┘
                 ↓
┌─────────────────────────────────────────────────────┐
│ 步骤7: PKCS7填充                                     │
│ 77字节 → 填充到16的倍数 → 80字节                    │
│ 填充内容: 添加3个字节 0x03                           │
└────────────────┬────────────────────────────────────┘
                 ↓
┌─────────────────────────────────────────────────────┐
│ 步骤8: AES-CBC加密                                   │
│ 明文块1(16B) ⊕ IV → AES → 密文块1                  │
│ 明文块2(16B) ⊕ 密文块1 → AES → 密文块2             │
│ 明文块3(16B) ⊕ 密文块2 → AES → 密文块3             │
│ 明文块4(16B) ⊕ 密文块3 → AES → 密文块4             │
│ 明文块5(16B) ⊕ 密文块4 → AES → 密文块5             │
│ 结果: 80字节密文                                     │
└────────────────┬────────────────────────────────────┘
                 ↓
┌─────────────────────────────────────────────────────┐
│ 步骤9: 打包IV和密文                                  │
│ [IV(16字节)][密文(80字节)] = 96字节                 │
└────────────────┬────────────────────────────────────┘
                 ↓
┌─────────────────────────────────────────────────────┐
│ 步骤10: Base64编码                                   │
│ 96字节 → Base64 → 128字符                           │
│ "U2FsdGVkX1+abcdefghijk..."                        │
└────────────────┬────────────────────────────────────┘
                 ↓
┌─────────────────────────────────────────────────────┐
│ 步骤11: 提交到服务器                                 │
│ POST /authserver/login                              │
│ password=U2FsdGVkX1+abc...                           │
└─────────────────────────────────────────────────────┘

┌──────────────────────────────────────┬─────────────────┐
│         64位随机前缀                   │   原始密码       │
├──────────────────────────────────────┼─────────────────┤
│ TxmRpDkNwYsFqJzHcBnMaXvKgWeRtPsJf    │ MyPassword123   │
│ DhLmQwZxCvBnMkYuHgTrEwQpLkJh         │                 │
└──────────────────────────────────────┴─────────────────┘
             64 字符                           13 字符
                         ↓
                  总长度: 77 字符
                         ↓
                  UTF-8编码:  77 字节
                         ↓
                  PKCS7填充: 80 字节

┌─────────────────┬──────────────────────────────────┐
│   IV (16字节)    │    实际密文 (80字节)              │
├─────────────────┼──────────────────────────────────┤
│ AbCdEfGhJkMn...  │ [加密后的二进制数据]              │
└─────────────────┴──────────────────────────────────┘
   16字节              80字节
                ↓
         总计: 96字节
                ↓
         Base64编码: 128字符

接收密文:  "U2FsdGVkX1+abc..."
    ↓
Base64解码 → 96字节
    ↓
分离:  IV(16字节) + 密文(80字节)
    ↓
从Session获取密钥:  "V4Kh77JL6yk52pNG"
    ↓
AES-CBC解密
    ↓
去除PKCS7填充 → 77字节
    ↓
去掉前64位随机前缀
    ↓
得到原始密码:  "MyPassword123"
    ↓
验证密码是否正确

算法:  AES-128
模式: CBC (Cipher Block Chaining)
填充: PKCS7
编码: Base64

前端流程: 
1. 访问登录页面 → 获取动态密钥
2. 生成64位随机前缀 → 拼接密码
3. 生成16位随机IV → 执行AES加密
4. 打包IV和密文 → Base64编码
5. 提交密文到服务器
 
后端流程:
1. 接收Base64密文 → 解码
2. 分离IV和密文 → 从Session获取密钥
3. AES解密 → 去除填充
4. 去掉64位前缀 → 得到原始密码
5. 验证密码 → 返回结果

A: 从HTML页面的隐藏字段 <input id="pwdEncryptSalt"> 中获取

A: 是的，每次访问登录页面服务器会生成新的密钥

A: 防止密码字典攻击，增加破解难度到 10^108

A: 确保相同密码产生不同密文，可以公开传输（编码在密文前16字节）

本文档仅供学习和研究使用，请勿用于非法用途。
使用本文档内容造成的任何后果由使用者自行承担。
建议在合法合规的前提下学习相关技术。