Merge pull request #178 from wushuo894/test

登录时可以记住密码

UPDATE.md

@@ -1,10 +1,7 @@
-重命名模版 新增 ${tmdbid} 模板, 合并于 #173
+登录时可以记住密码
 
-支持自定义CSS
+**在1.1.300版本时已将jdk升级到了17，docker部署的请更新容器与镜像！**
 
+**在1.1.300版本时已将jdk升级到了17，docker部署的请更新容器与镜像！**
 
-**本次更新将jdk升级到了17，docker部署的请更新容器与镜像！**
-
-**本次更新将jdk升级到了17，docker部署的请更新容器与镜像！**
-
-**本次更新将jdk升级到了17，docker部署的请更新容器与镜像！**
+**在1.1.300版本时已将jdk升级到了17，docker部署的请更新容器与镜像！**

pom.xml

@@ -6,7 +6,7 @@
 
     <groupId>ani.rss</groupId>
     <artifactId>ani-rss</artifactId>
-    <version>1.1.301</version>
+    <version>1.1.302</version>
 
     <properties>
         <maven.compiler.source>17</maven.compiler.source>

ui/src/Login.vue

@@ -10,22 +10,23 @@
         <h2 style="text-align: center">ANI-RSS</h2>
         <div style="height: 30px;"></div>
         <el-form
-                 @keyup.enter="login"
-                 @submit="login">
+            @keyup.enter="login"
+            @submit="login">
           <el-form-item>
             <el-input style="width: 200px;" v-model:model-value="user.username" placeholder="用户名"></el-input>
           </el-form-item>
           <el-form-item>
             <el-input style="width: 200px;" v-model:model-value="user.password" show-password
                       placeholder="密码"></el-input>
           </el-form-item>
-          <div style="display: flex;width: 100%;align-items: flex-end;flex-flow: column;">
+          <div style="display: flex;width: 100%;justify-content: space-between;align-items: center;">
+            <el-checkbox v-model:model-value="rememberThePassword.remember">记住密码</el-checkbox>
             <el-button @click="login" :loading="loading" text bg icon="Right">登录</el-button>
           </div>
         </el-form>
       </div>
     </div>
-    <div style="margin-bottom: 16px;">
+    <div style="margin-bottom: 16px;" id="link">
       <a href="https://docs.wushuo.top" target="_blank">ani-rss</a> | <a href="https://github.com/wushuo894/ani-rss"
                                                                          target="_blank">github</a>
     </div>
@@ -35,7 +36,7 @@
 
 <script setup>
 
-import {ref} from "vue";
+import {onMounted, ref} from "vue";
 import CryptoJS from "crypto-js"
 import App from "./home/App.vue";
 import api from "./api.js";
@@ -54,6 +55,12 @@ if (authorization.value) {
   window.authorization = authorization.value
 }
 
+let rememberThePassword = useLocalStorage('rememberThePassword', {
+  remember: false,
+  username: '',
+  password: ''
+})
+
 let login = () => {
   loading.value = true
   user.value.password = user.value.password.trim()
@@ -65,6 +72,15 @@ let login = () => {
         localStorage.setItem("authorization", res.data)
         window.authorization = res.data
         authorization.value = res.data
+
+        // 记住密码
+        if (rememberThePassword.value.remember) {
+          rememberThePassword.value.username = user.value.username
+          rememberThePassword.value.password = user.value.password
+        } else {
+          rememberThePassword.value.username = ''
+          rememberThePassword.value.password = ''
+        }
       })
       .finally(() => {
         loading.value = false
@@ -94,10 +110,17 @@ let test = () => {
       })
 }
 
-test()
-
 useDark()
 
+onMounted(() => {
+  test()
+  let {remember, username, password} = rememberThePassword.value;
+  if (remember && username && password) {
+    user.value.username = username
+    user.value.password = password
+  }
+})
+
 
 // document.documentElement 是全局变量时
 const el = document.documentElement