0b2/springboot_vue_xhs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

添加作者表

Browse Source
This commit is contained in:
wangxulei
2024-12-12 17:38:21 +08:00
parent ba18423232
commit 4e2938eee3
13 changed files with 1521 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
web/src/api/business/author/author.js Normal file
View File

@@ -0,0 +1,41 @@
import request from '@/utils/request'
export function getAuthorPage(params) {
return request({
url: '/admin/author/page',
method: 'get',
params
})
}
export function getAuthorList(params) {
return request({
url: '/admin/author/list',
method: 'get',
params
})
}
export function addAuthor(data) {
return request({
url: '/admin/author/add',
method: 'post',
data: data
})
}
export function editAuthor(data) {
return request({
url: '/admin/author/update',
method: 'post',
data: data
})
}
export function deleteAuthor(authorId) {
return request({
url: '/admin/author/delete/' + authorId,
method: 'get'
})
}

211
web/src/views/business/author/addAuthor.vue Normal file
View File

@@ -0,0 +1,211 @@
<template>
<div>
<el-dialog
:close-on-click-modal="false"
top="8vh"
width="40%"
:visible.sync="dialogVisible"
center
@close="handleCancel"
>
<div class="el-dialog-div">
<el-form
:rules="rules"
ref="dataForm"
:model="temp"
label-position="right"
label-width="120px"
style="height: 90%;"
>
<el-form-item label="作者id" prop="authorId" class="is-required">
<el-input v-model="temp.authorId" placeholder="作者id" />
</el-form-item>
<el-form-item label="作者号" prop="authorNo" class="is-required">
<el-input v-model="temp.authorNo" placeholder="作者号" />
</el-form-item>
<el-form-item label="作者姓名" prop="authorName" class="is-required">
<el-input v-model="temp.authorName" placeholder="作者姓名" />
</el-form-item>
<el-form-item label="头像id" prop="avatarId" class="is-required">
<el-input v-model="temp.avatarId" placeholder="头像id" />
</el-form-item>
<el-form-item label="头像地址" prop="avatarUrl" class="is-required">
<el-input v-model="temp.avatarUrl" placeholder="头像地址" />
</el-form-item>
<el-form-item label="简介" prop="description" class="is-required">
<el-input v-model="temp.description" placeholder="简介" />
</el-form-item>
<el-form-item label="性别" prop="sex" class="is-required">
<el-input v-model="temp.sex" placeholder="性别" />
</el-form-item>
<el-form-item label="生日" prop="birth" class="is-required">
<el-input v-model="temp.birth" placeholder="生日" />
</el-form-item>
<el-form-item label="职业" prop="job" class="is-required">
<el-input v-model="temp.job" placeholder="职业" />
</el-form-item>
<el-form-item label="地区" prop="area" class="is-required">
<el-input v-model="temp.area" placeholder="地区" />
</el-form-item>
<el-form-item label="学校" prop="school" class="is-required">
<el-input v-model="temp.school" placeholder="学校" />
</el-form-item>
<el-form-item label="背景图" prop="backGroundId" class="is-required">
<el-input v-model="temp.backGroundId" placeholder="背景图" />
</el-form-item>
<el-form-item label="背景图地址" prop="backGroundUrl" class="is-required">
<el-input v-model="temp.backGroundUrl" placeholder="背景图地址" />
</el-form-item>
<el-form-item label="关注数" prop="follow" class="is-required">
<el-input v-model="temp.follow" placeholder="关注数" />
</el-form-item>
<el-form-item label="粉丝数" prop="fans" class="is-required">
<el-input v-model="temp.fans" placeholder="粉丝数" />
</el-form-item>
<el-form-item label="点赞数" prop="upCount" class="is-required">
<el-input v-model="temp.upCount" placeholder="点赞数" />
</el-form-item>
<el-form-item label="收藏数" prop="starCount" class="is-required">
<el-input v-model="temp.starCount" placeholder="收藏数" />
</el-form-item>
<el-form-item label="0正常" prop="authorStatus" class="is-required">
<el-input v-model="temp.authorStatus" placeholder="0正常" />
</el-form-item>
<el-form-item label="乐观锁字段" prop="version" class="is-required">
<el-input v-model="temp.version" placeholder="乐观锁字段" />
</el-form-item>
<el-form-item label="0正常 1删除" prop="deleted" class="is-required">
<el-input v-model="temp.deleted" placeholder="0正常 1删除" />
</el-form-item>
<el-form-item label="创建时间" prop="createTime" class="is-required">
<el-input v-model="temp.createTime" placeholder="创建时间" />
</el-form-item>
<el-form-item label="修改时间" prop="updateTime" class="is-required">
<el-input v-model="temp.updateTime" placeholder="修改时间" />
</el-form-item>
<el-form-item label="ip地址" prop="ipAddress" class="is-required">
<el-input v-model="temp.ipAddress" placeholder="ip地址" />
</el-form-item>
<el-form-item label="真实ip地址" prop="ipRealAddress" class="is-required">
<el-input v-model="temp.ipRealAddress" placeholder="真实ip地址" />
</el-form-item>
<el-form-item label="真实姓名" prop="realName" class="is-required">
<el-input v-model="temp.realName" placeholder="真实姓名" />
</el-form-item>
<el-form-item label="身份证号" prop="idCard" class="is-required">
<el-input v-model="temp.idCard" placeholder="身份证号" />
</el-form-item>
<el-form-item label="手机号" prop="phoneNumber" class="is-required">
<el-input v-model="temp.phoneNumber" placeholder="手机号" />
</el-form-item>
</el-form>
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="handleCancel">取 消</el-button>
<el-button type="primary" @click="submit">确 定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {addAuthor} from "@/api/business/author/author";
import {setRequiredFields} from "@/utils";
const requiredFields = []
export default {
name: "addForm",
data() {
return {
rules: setRequiredFields(requiredFields),
dialogVisible: false,
temp: {
authorId:'',
authorNo:'',
authorName:'',
avatarId:'',
avatarUrl:'',
description:'',
sex:'',
birth:'',
job:'',
area:'',
school:'',
backGroundId:'',
backGroundUrl:'',
follow:'',
fans:'',
upCount:'',
starCount:'',
authorStatus:'',
version:'',
deleted:'',
createTime:'',
updateTime:'',
ipAddress:'',
ipRealAddress:'',
realName:'',
idCard:'',
phoneNumber:'',
},
}
},
methods: {
open() {
this.dialogVisible = true
},
submit() {
this.$refs['dataForm'].validate((valid) => {
if (valid) {
addAuthor(this.temp).then(response =>{
this.handleCancel()
this.$emit('ok', response.data)
})
} else {
console.log('error submit!!');
return false;
}
});
},
handleCancel() {
//初始化
this.temp = this.$options.data().temp
this.dialogVisible = false
this.$refs['dataForm'].resetFields();
}
},
}
</script>
<style scoped>
</style>

453
web/src/views/business/author/authorList.vue Normal file
View File

@@ -0,0 +1,453 @@
<template>
<div class="app-container">
<div class="filter-container">
<el-input
v-model="listQuery.keyword"
size="small"
placeholder="请输入关键词"
clearable
class="filter-item"
style="width: 200px;margin-left: 10px;"
/>
<el-button-group style="margin-left: 10px;">
<el-button
size="small"
class="filter-item"
type="primary"
icon="el-icon-search"
@click="search"
>
搜索
</el-button>
<el-button
size="small"
class="filter-item"
type="primary"
icon="el-icon-refresh"
@click="refresh"
>
重置
</el-button>
</el-button-group>
<el-button
size="small"
class="filter-item"
type="primary"
icon="el-icon-plus"
style="margin-left: 10px;"
@click="add"
>
新增
</el-button>
</div>
<el-table
v-loading="listLoading"
:data="list"
element-loading-text="Loading"
border
fit
height="100%"
class="table-container"
highlight-current-row
>
<el-table-column
label="序号"
width="150"
align="center"
>
<template slot-scope="scope">
{{ scope.$index+1 }}
</template>
</el-table-column>
<el-table-column
label="作者id"
width="160"
align="center"
>
<template slot-scope="scope">
{{ scope.row.authorId }}
</template>
</el-table-column>
<el-table-column
label="作者号"
width="160"
align="center"
>
<template slot-scope="scope">
{{ scope.row.authorNo }}
</template>
</el-table-column>
<el-table-column
label="作者姓名"
width="160"
align="center"
>
<template slot-scope="scope">
{{ scope.row.authorName }}
</template>
</el-table-column>
<el-table-column
label="头像id"
width="160"
align="center"
>
<template slot-scope="scope">
{{ scope.row.avatarId }}
</template>
</el-table-column>
<el-table-column
label="头像地址"
width="160"
align="center"
>
<template slot-scope="scope">
{{ scope.row.avatarUrl }}
</template>
</el-table-column>
<el-table-column
label="简介"
width="160"
align="center"
>
<template slot-scope="scope">
{{ scope.row.description }}
</template>
</el-table-column>
<el-table-column
label="性别"
width="160"
align="center"
>
<template slot-scope="scope">
{{ scope.row.sex }}
</template>
</el-table-column>
<el-table-column
label="生日"
width="160"
align="center"
>
<template slot-scope="scope">
{{ scope.row.birth }}
</template>
</el-table-column>
<el-table-column
label="职业"
width="160"
align="center"
>
<template slot-scope="scope">
{{ scope.row.job }}
</template>
</el-table-column>
<el-table-column
label="地区"
width="160"
align="center"
>
<template slot-scope="scope">
{{ scope.row.area }}
</template>
</el-table-column>
<el-table-column
label="学校"
width="160"
align="center"
>
<template slot-scope="scope">
{{ scope.row.school }}
</template>
</el-table-column>
<el-table-column
label="背景图"
width="160"
align="center"
>
<template slot-scope="scope">
{{ scope.row.backGroundId }}
</template>
</el-table-column>
<el-table-column
label="背景图地址"
width="160"
align="center"
>
<template slot-scope="scope">
{{ scope.row.backGroundUrl }}
</template>
</el-table-column>
<el-table-column
label="关注数"
width="160"
align="center"
>
<template slot-scope="scope">
{{ scope.row.follow }}
</template>
</el-table-column>
<el-table-column
label="粉丝数"
width="160"
align="center"
>
<template slot-scope="scope">
{{ scope.row.fans }}
</template>
</el-table-column>
<el-table-column
label="点赞数"
width="160"
align="center"
>
<template slot-scope="scope">
{{ scope.row.upCount }}
</template>
</el-table-column>
<el-table-column
label="收藏数"
width="160"
align="center"
>
<template slot-scope="scope">
{{ scope.row.starCount }}
</template>
</el-table-column>
<el-table-column
label="0正常"
width="160"
align="center"
>
<template slot-scope="scope">
{{ scope.row.authorStatus }}
</template>
</el-table-column>
<el-table-column
label="乐观锁字段"
width="160"
align="center"
>
<template slot-scope="scope">
{{ scope.row.version }}
</template>
</el-table-column>
<el-table-column
label="0正常 1删除"
width="160"
align="center"
>
<template slot-scope="scope">
{{ scope.row.deleted }}
</template>
</el-table-column>
<el-table-column
label="创建时间"
width="160"
align="center"
>
<template slot-scope="scope">
{{ scope.row.createTime }}
</template>
</el-table-column>
<el-table-column
label="修改时间"
width="160"
align="center"
>
<template slot-scope="scope">
{{ scope.row.updateTime }}
</template>
</el-table-column>
<el-table-column
label="ip地址"
width="160"
align="center"
>
<template slot-scope="scope">
{{ scope.row.ipAddress }}
</template>
</el-table-column>
<el-table-column
label="真实ip地址"
width="160"
align="center"
>
<template slot-scope="scope">
{{ scope.row.ipRealAddress }}
</template>
</el-table-column>
<el-table-column
label="真实姓名"
width="160"
align="center"
>
<template slot-scope="scope">
{{ scope.row.realName }}
</template>
</el-table-column>
<el-table-column
label="身份证号"
width="160"
align="center"
>
<template slot-scope="scope">
{{ scope.row.idCard }}
</template>
</el-table-column>
<el-table-column
label="手机号"
width="160"
align="center"
>
<template slot-scope="scope">
{{ scope.row.phoneNumber }}
</template>
</el-table-column>
<el-table-column
fixed="right"
label="操作"
width="200"
align="center"
>
<template slot-scope="scope">
<el-button-group>
<el-button
type="primary"
icon="el-icon-edit"
size="mini"
@click="edit(scope)"
>
修改
</el-button>
<el-button
type="danger"
icon="el-icon-delete"
size="mini"
@click="del(scope)"
>
删除
</el-button>
</el-button-group>
</template>
</el-table-column>
</el-table>
<pagination
:total="total"
:page.sync="listQuery.page"
:limit.sync="listQuery.limit"
@pagination="fetchData"
/>
<add-form ref="addForm" @ok="addOk" />
<edit-form ref="editForm" @ok="editOk" />
</div>
</template>
<script>
import {getAuthorPage,deleteAuthor} from "@/api/business/author/author";
import {deepClone,success} from "@/utils";
import confirm from "@/utils/confirm";
import Pagination from '@/components/Pagination'
import addForm from "@/views/business/author/addAuthor";
import editForm from "@/views/business/author/editAuthor";
export default {
name: 'author',
components: {addForm,editForm,Pagination},
data() {
return {
total: 0,
list: [],
listLoading: true,
listQuery: {
page: 1,
limit: 50,
keyword: ''
},
temp: {},
}
},
created() {
this.fetchData()
},
methods: {
search() {
this.fetchData()
},
refresh() {
this.listQuery = this.$options.data().listQuery
this.fetchData()
},
fetchData() {
this.listLoading = true
getAuthorPage(this.listQuery).then(response => {
const { records, total } = response.data
this.list = records
this.total = total
this.listLoading = false
})
},
add(){
this.$refs.addForm.open()
},
addOk(){
this.fetchData()
},
edit(scope) {
const temp = deepClone(scope.row)
this.$refs.editForm.open(temp)
},
editOk(){
this.fetchData()
},
del(scope) {
confirm("确定要删除吗？").then(res=>{
if(res){
deleteAuthor(scope.row.authorId).then(response => {
console.log(response)
success('删除成功')
this.fetchData()
})
}
})
},
}
}
</script>
<style scoped>
</style>

212
web/src/views/business/author/editAuthor.vue Normal file
View File

@@ -0,0 +1,212 @@
<template>
<div>
<el-dialog
:close-on-click-modal="false"
top="8vh"
width="40%"
:visible.sync="dialogVisible"
center
@close="handleCancel"
>
<div class="el-dialog-div">
<el-form
:rules="rules"
ref="dataForm"
:model="temp"
label-position="right"
label-width="120px"
style="height: 90%;"
>
<el-form-item label="作者id" prop="authorId" class="is-required">
<el-input v-model="temp.authorId" placeholder="作者id" />
</el-form-item>
<el-form-item label="作者号" prop="authorNo" class="is-required">
<el-input v-model="temp.authorNo" placeholder="作者号" />
</el-form-item>
<el-form-item label="作者姓名" prop="authorName" class="is-required">
<el-input v-model="temp.authorName" placeholder="作者姓名" />
</el-form-item>
<el-form-item label="头像id" prop="avatarId" class="is-required">
<el-input v-model="temp.avatarId" placeholder="头像id" />
</el-form-item>
<el-form-item label="头像地址" prop="avatarUrl" class="is-required">
<el-input v-model="temp.avatarUrl" placeholder="头像地址" />
</el-form-item>
<el-form-item label="简介" prop="description" class="is-required">
<el-input v-model="temp.description" placeholder="简介" />
</el-form-item>
<el-form-item label="性别" prop="sex" class="is-required">
<el-input v-model="temp.sex" placeholder="性别" />
</el-form-item>
<el-form-item label="生日" prop="birth" class="is-required">
<el-input v-model="temp.birth" placeholder="生日" />
</el-form-item>
<el-form-item label="职业" prop="job" class="is-required">
<el-input v-model="temp.job" placeholder="职业" />
</el-form-item>
<el-form-item label="地区" prop="area" class="is-required">
<el-input v-model="temp.area" placeholder="地区" />
</el-form-item>
<el-form-item label="学校" prop="school" class="is-required">
<el-input v-model="temp.school" placeholder="学校" />
</el-form-item>
<el-form-item label="背景图" prop="backGroundId" class="is-required">
<el-input v-model="temp.backGroundId" placeholder="背景图" />
</el-form-item>
<el-form-item label="背景图地址" prop="backGroundUrl" class="is-required">
<el-input v-model="temp.backGroundUrl" placeholder="背景图地址" />
</el-form-item>
<el-form-item label="关注数" prop="follow" class="is-required">
<el-input v-model="temp.follow" placeholder="关注数" />
</el-form-item>
<el-form-item label="粉丝数" prop="fans" class="is-required">
<el-input v-model="temp.fans" placeholder="粉丝数" />
</el-form-item>
<el-form-item label="点赞数" prop="upCount" class="is-required">
<el-input v-model="temp.upCount" placeholder="点赞数" />
</el-form-item>
<el-form-item label="收藏数" prop="starCount" class="is-required">
<el-input v-model="temp.starCount" placeholder="收藏数" />
</el-form-item>
<el-form-item label="0正常" prop="authorStatus" class="is-required">
<el-input v-model="temp.authorStatus" placeholder="0正常" />
</el-form-item>
<el-form-item label="乐观锁字段" prop="version" class="is-required">
<el-input v-model="temp.version" placeholder="乐观锁字段" />
</el-form-item>
<el-form-item label="0正常 1删除" prop="deleted" class="is-required">
<el-input v-model="temp.deleted" placeholder="0正常 1删除" />
</el-form-item>
<el-form-item label="创建时间" prop="createTime" class="is-required">
<el-input v-model="temp.createTime" placeholder="创建时间" />
</el-form-item>
<el-form-item label="修改时间" prop="updateTime" class="is-required">
<el-input v-model="temp.updateTime" placeholder="修改时间" />
</el-form-item>
<el-form-item label="ip地址" prop="ipAddress" class="is-required">
<el-input v-model="temp.ipAddress" placeholder="ip地址" />
</el-form-item>
<el-form-item label="真实ip地址" prop="ipRealAddress" class="is-required">
<el-input v-model="temp.ipRealAddress" placeholder="真实ip地址" />
</el-form-item>
<el-form-item label="真实姓名" prop="realName" class="is-required">
<el-input v-model="temp.realName" placeholder="真实姓名" />
</el-form-item>
<el-form-item label="身份证号" prop="idCard" class="is-required">
<el-input v-model="temp.idCard" placeholder="身份证号" />
</el-form-item>
<el-form-item label="手机号" prop="phoneNumber" class="is-required">
<el-input v-model="temp.phoneNumber" placeholder="手机号" />
</el-form-item>
</el-form>
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="handleCancel">取 消</el-button>
<el-button type="primary" @click="submit">确 定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { editAuthor } from "@/api/business/author/author";
import {setRequiredFields} from "@/utils";
const requiredFields = []
export default {
name: "editForm",
data() {
return {
rules: setRequiredFields(requiredFields),
dialogVisible: false,
temp: {
authorId:'',
authorNo:'',
authorName:'',
avatarId:'',
avatarUrl:'',
description:'',
sex:'',
birth:'',
job:'',
area:'',
school:'',
backGroundId:'',
backGroundUrl:'',
follow:'',
fans:'',
upCount:'',
starCount:'',
authorStatus:'',
version:'',
deleted:'',
createTime:'',
updateTime:'',
ipAddress:'',
ipRealAddress:'',
realName:'',
idCard:'',
phoneNumber:'',
},
}
},
methods: {
open(row) {
this.temp = this.$options.data().temp
this.temp = row
this.dialogVisible = true
},
submit() {
this.$refs['dataForm'].validate((valid) => {
if (valid) {
editAuthor(this.temp).then(response => {
this.handleCancel()
this.$emit('ok', response.data)
})
} else {
console.log('error submit!!');
return false;
}
});
},
handleCancel() {
//初始化
this.temp = this.$options.data().temp
this.dialogVisible = false
this.$refs['dataForm'].resetFields()
}
},
}
</script>
<style scoped>
</style>