From e980cdc90535c7a2a9207525d4a2287e93ce9fb3 Mon Sep 17 00:00:00 2001
From: lsh <1622356900@qq.com>
Date: Fri, 15 Nov 2024 11:24:11 +0800
Subject: [PATCH] vue1

---
 src/App.vue                    | 15 ++++++++----
 src/components/MyComponent.vue | 42 ++++++++++++++++++++++++++++++++++
 src/package.json               |  5 ++++
 3 files changed, 57 insertions(+), 5 deletions(-)
 create mode 100644 src/components/MyComponent.vue
 create mode 100644 src/package.json

diff --git a/src/App.vue b/src/App.vue
index 591a031..454d5fa 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,17 +1,18 @@
 <template>
-  <img alt="Vue logo" src="./assets/logo.png">
-  <HelloWorld msg="Welcome to Your Vue.js App"/>
+  <div id="app">
+    <MyComponent />
+  </div>
 </template>
 
 <script>
-import HelloWorld from './components/HelloWorld.vue'
+import MyComponent from './components/MyComponent.vue';
 
 export default {
   name: 'App',
   components: {
-    HelloWorld
+    MyComponent
   }
-}
+};
 </script>
 
 <style>
@@ -24,3 +25,7 @@ export default {
   margin-top: 60px;
 }
 </style>
+
+
+
+
diff --git a/src/components/MyComponent.vue b/src/components/MyComponent.vue
new file mode 100644
index 0000000..60f96d9
--- /dev/null
+++ b/src/components/MyComponent.vue
@@ -0,0 +1,42 @@
+<template>
+    <div>
+    <form @submit.prevent="login">
+      <input  placeholder="用户名"  v-model="formData.username" required />
+      <input v-model="formData.password" type="password" placeholder="密码" />
+      <button  type="submit">登录</button>
+    </form>
+    </div>
+  </template>
+  
+  <script>
+  import axios from 'axios';
+  
+  export default {
+    data() {
+      return {
+        formData:{
+            username: '',
+            password: ''     
+        }
+        
+      };
+    },
+    methods: {
+      async login() {
+        
+        const response = await axios.post('http://127.0.0.1:8000/register', this.formData);
+        console.log(response.data); // 后端返回的数据
+
+        if(response.data.code === 200){
+            alert("登录成功")
+        }else if (response.data.code === 400){
+            alert("密码错误")
+        }else{
+            alert("用户不存在")
+        }
+            // 根据后端返回判断是否登录成功
+       
+      }
+    }
+  };
+  </script>
\ No newline at end of file
diff --git a/src/package.json b/src/package.json
new file mode 100644
index 0000000..5100893
--- /dev/null
+++ b/src/package.json
@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "axios": "^1.7.7"
+  }
+}