From e8540d4e832cbfe404c8be847f73bf99239d7881 Mon Sep 17 00:00:00 2001
From: hezi66677 <847517741@qq.com>
Date: Sat, 9 Nov 2024 15:03:51 +0000
Subject: [PATCH] =?UTF-8?q?Vue=E7=AC=AC=E4=B8=80=E6=AC=A1=E5=A4=87?=
 =?UTF-8?q?=E4=BB=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Vue第一次备份
---
 App-1.vue | 103 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 103 insertions(+)
 create mode 100644 App-1.vue

diff --git a/App-1.vue b/App-1.vue
new file mode 100644
index 0000000..116f6a0
--- /dev/null
+++ b/App-1.vue
@@ -0,0 +1,103 @@
+<script setup>
+import {ref,onMounted} from 'vue'
+import axios from 'axios';
+const msg = ref("hello world")
+//生命周期方法
+onMounted(() => {
+	console.log("onMounted")
+	myClick()
+})
+const studentList = ref(null)
+function myClick(){
+	axios({
+		method:'GET',
+		url:'http://127.0.0.1:8080/student/studentlist'
+	}).then(res =>{
+		console.log(res.data)
+		studentList.value = res.data.data
+	}).catch(err =>{
+		console.log(err)
+	})
+}
+function login(){
+	axios({
+		method:'POST',
+		url:'http://127.0.0.1:8080/student/login',
+		params:{
+			username:username.value,
+			password:password.value
+		}
+	}).then(res =>{
+		console.log(res.data)
+		if(res.data.code==0){
+			alert(res.data.msg)
+		}else{
+			alert(res.data.msg)
+		}
+	}).catch(err =>{
+		console.log(err)
+	})
+}
+const handlesucess=(response,file,fileList)=>{
+	console.log(response)
+}
+const mycolor = ref("red")
+const username = ref('')
+const password = ref('')
+</script>
+
+<template>
+	<el-table :data="studentList" stripe style="width: 100%;">
+		<el-table-column prop="id" label="id" width="180"/>
+		<el-table-column prop="age" label="年龄" width="180"/>
+		<el-table-column prop="name" label="名字" />
+	</el-table>
+
+
+<el-button type="danger" round plain  @click="myClick">点击</el-button>
+<el-row>
+	<el-col :span="8"></el-col>
+	<el-col :span="8">
+		<el-input type="text" v-model="username"/>
+	</el-col>
+</el-row>
+<el-row>
+	<el-col :span="8"></el-col>
+	<el-col :span="8">
+		<el-input type="text" v-model="password"/>
+	</el-col>
+</el-row>
+
+<el-button @click="login">登录</el-button>
+<el-upload
+    class="upload-demo"
+    drag
+	:on-succes="handlesucess"
+    action="http://127.0.0.1:8080/student/uploadcommit"
+    multiple
+  >
+    <el-icon class="el-icon--upload"><upload-filled /></el-icon>
+    <div class="el-upload__text">
+      Drop file here or <em>click to upload</em>
+    </div>
+    <template #tip>
+      <div class="el-upload__tip">
+        jpg/png files with a size less than 500kb
+      </div>
+    </template>
+  </el-upload>
+</template>
+
+
+<style>
+.red{
+	background-color: red;
+	width: 100px;
+	height: 100px;
+}
+.blue{
+	background-color: blue;
+	width: 100px;
+	height: 100px;
+}
+</style>