1111

abc.txt

@@ -1 +0,0 @@
-123

新建 文本文档 (2).txt

@@ -0,0 +1,79 @@
+<template xmlns="">
+  <div>
+    <div class="login-contianer">
+      <div style="width: 350px" class="login-box">
+        <div style="font-weight: bold; font-size: 24px; text-align: center; margin-bottom: 30px">登 录</div>
+        <el-form :model="data.form" ref="formRef" :rules="rules">
+          <el-form-item prop="username">
+            <el-input prefix-icon="User" v-model="data.form.username" placeholder="请输入账号" />
+          </el-form-item>
+          <el-form-item prop="password">
+            <el-input prefix-icon="Lock" v-model="data.form.password" placeholder="请输入密码"/>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" style="width: 100%" @click="login">登 录</el-button>
+          </el-form-item>
+        </el-form>
+        <div style="margin-top: 30px; text-align: right">
+          还没有账号？<a href="/register">点击注册 </a>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import {reactive, ref} from "vue"
+import request from "@/utils/request";
+import {ElMessage} from "element-plus";
+
+const data = reactive({
+  form: {}
+})
+
+
+const rules = reactive({
+  username: [
+    { required: true, message: '请输入账号', trigger: 'blur' },
+  ],
+  password: [
+    { required: true, message: '请输入密码', trigger: 'blur' },
+  ],
+})
+
+const formRef = ref()
+
+const login = () => {
+  formRef.value.validate((valid) => {
+    if (valid) {
+      request.post('/login', data.form).then(res => {
+        if (res.code === '200') {
+          localStorage.setItem('student-user', JSON.stringify(res.data))
+          ElMessage.success('登录成功')
+          location.href = '/home'  // 跳转到主页
+        } else {
+          ElMessage.error(res.msg)
+        }
+      })
+    }
+  })
+}
+</script>
+
+<style scoped>
+.login-contianer {
+  min-height: 100vh;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-image: url("@/assets/imgs/bg.png");
+  background-size: cover;
+}
+.login-box{
+  background-color: rgba(255,255,255,.7);
+  box-shadow: 0 0 10px rgba(0,0,0,0.1);
+  padding: 30px;
+  border-radius: 5px;
+}
+</style>