编写readme-用户增删改查需要后端什么数据
This commit is contained in:
parent
a53173e73c
commit
26789a7fa4
20
README.md
20
README.md
@ -81,6 +81,26 @@
|
|||||||
|
|
||||||
后端返回状态码,哪个码表示什么意思记得写一下
|
后端返回状态码,哪个码表示什么意思记得写一下
|
||||||
|
|
||||||
|
### 用户删除
|
||||||
|
|
||||||
|
前端提供的数据,用户名
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"username": "user1"
|
||||||
|
}
|
||||||
|
```
|
||||||
|
后端删除对应的用户返回结果
|
||||||
|
|
||||||
|
### 用户编辑
|
||||||
|
前端提供的数据,用户名
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"username": "user1"
|
||||||
|
}
|
||||||
|
```
|
||||||
|
后端返回对应的一个用户全部信息
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
# 开发进度
|
# 开发进度
|
||||||
|
|
||||||
|
13
src/pages/ZooAnimal.vue
Normal file
13
src/pages/ZooAnimal.vue
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "ZooAnimal"
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
@ -3,7 +3,6 @@ import ZooHeader from "@/components/ZooHeader.vue";
|
|||||||
import ZooAside from "@/components/ZooAside.vue";
|
import ZooAside from "@/components/ZooAside.vue";
|
||||||
import ZooMain from "@/components/ZooMain.vue";
|
import ZooMain from "@/components/ZooMain.vue";
|
||||||
import ZooFooter from "@/components/ZooFooter.vue";
|
import ZooFooter from "@/components/ZooFooter.vue";
|
||||||
import {SwitchButton} from "@element-plus/icons-vue";
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "ZooPanel",
|
name: "ZooPanel",
|
||||||
@ -55,9 +54,12 @@ export default {
|
|||||||
bottom: 0;
|
bottom: 0;
|
||||||
}
|
}
|
||||||
.main {
|
.main {
|
||||||
|
/*有footer*/
|
||||||
height: 576px;
|
height: 576px;
|
||||||
top: 61px;
|
|
||||||
|
|
||||||
|
/*没footer*/
|
||||||
|
/*height: 636px;*/
|
||||||
|
top: 61px;
|
||||||
}
|
}
|
||||||
.aside, .header, .main, .footer {
|
.aside, .header, .main, .footer {
|
||||||
border: gray solid 1px;
|
border: gray solid 1px;
|
||||||
|
@ -1,10 +1,13 @@
|
|||||||
<script>
|
<script>
|
||||||
import {Delete, Edit} from "@element-plus/icons-vue";
|
import {Delete, Edit, User} from "@element-plus/icons-vue";
|
||||||
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "ZooUser",
|
name: "ZooUser",
|
||||||
computed: {
|
computed: {
|
||||||
|
User() {
|
||||||
|
return User
|
||||||
|
},
|
||||||
Delete() {
|
Delete() {
|
||||||
return Delete
|
return Delete
|
||||||
},
|
},
|
||||||
@ -41,6 +44,9 @@ export default {
|
|||||||
deleteUser(user) {
|
deleteUser(user) {
|
||||||
console.log('删除用户', user)
|
console.log('删除用户', user)
|
||||||
},
|
},
|
||||||
|
addUser() {
|
||||||
|
console.log('添加用户')
|
||||||
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
//数据生成器
|
//数据生成器
|
||||||
@ -59,8 +65,12 @@ export default {
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div id="root">
|
<div id="root">
|
||||||
|
<div class="select">
|
||||||
|
<el-button type="primary" :icon="User" @click="addUser()">添加用户</el-button>
|
||||||
|
</div>
|
||||||
|
<hr/>
|
||||||
<div class="table">
|
<div class="table">
|
||||||
<el-table :data="usersFilter" style="width: 80%">
|
<el-table :data="usersFilter" style="width: 100%;height: 90%">
|
||||||
<el-table-column fixed prop="username" label="用户名" width="150"/>
|
<el-table-column fixed prop="username" label="用户名" width="150"/>
|
||||||
<el-table-column prop="password" label="密码" width="120"/>
|
<el-table-column prop="password" label="密码" width="120"/>
|
||||||
<el-table-column prop="auth" label="身份" width="120"/>
|
<el-table-column prop="auth" label="身份" width="120"/>
|
||||||
@ -82,7 +92,13 @@ export default {
|
|||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.table {
|
.table {
|
||||||
/*width: 800px;*/
|
/*width: 1300px;*/
|
||||||
|
height: 500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select {
|
||||||
|
width: 100%;
|
||||||
|
height: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-table .warning-row {
|
.el-table .warning-row {
|
||||||
|
Loading…
Reference in New Issue
Block a user