pvelz4hta
/
DDI2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

完成后端博客功能

Browse Source
master
ynmlzdwsp 11 months ago
parent 6110fde8fb
commit 7322f566f1
5 changed files with 181 additions and 151 deletions
Show Stats Download Patch File Download Diff File

2
src/components/admin/common/sidebar.vue
Unescape View File

@ -94,7 +94,7 @@
}, { }, {
icon: "el-icon-sugar", icon: "el-icon-sugar",
index: "/loveList", index: "/loveList",
title: "表白墙管理", title: "科研项目管理",
isBoss: true isBoss: true
}] }]
} }

2
src/components/admin/userList.vue
Unescape View File

@ -20,7 +20,7 @@
<el-table-column prop="username" label="用户名" align="center"></el-table-column> <el-table-column prop="username" label="用户名" align="center"></el-table-column>
<el-table-column prop="phoneNumber" label="手机号" align="center"></el-table-column> <el-table-column prop="phoneNumber" label="手机号" align="center"></el-table-column>
<el-table-column prop="email" label="邮箱" align="center"></el-table-column> <el-table-column prop="email" label="邮箱" align="center"></el-table-column>
<el-table-column label="赞赏" width="100" align="center"> <el-table-column label="援助" width="100" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-input size="medium" maxlength="30" v-model="scope.row.admire" <el-input size="medium" maxlength="30" v-model="scope.row.admire"
@blur="changeUserAdmire(scope.row)"></el-input> @blur="changeUserAdmire(scope.row)"></el-input>

186
src/components/admin/welcome.vue
Unescape View File

@ -1,20 +1,51 @@
<template> <template>
<div> <div class="home">
<div class="welcome-title"> <h1>Welcome to the Admin Dashboard!</h1>
<h2 class="playful"> <p>Here, you can manage all aspects of your application.</p>
<span>欢</span>
<span>迎</span> <div class="stats-container">
<span>光</span> <div class="stat-card">
<span>临</span> <div class="stat-icon">
</h2> <i class="fas fa-users"></i>
</div>
<div class="stat-info">
<h2>网站今日访问量</h2>
<p>{{historyInfo.ip_count_today}}</p>
</div>
</div>
<div class="stats-container">
<div class="stat-card">
<div class="stat-icon">
<i class="fas fa-users"></i>
</div>
<div class="stat-info">
<h2>网站昨日访问量</h2>
<p>{{historyInfo.ip_count_yest}}</p>
</div>
</div>
</div>
<div class="stat-card">
<div class="stat-icon">
<i class="fas fa-shopping-cart"></i>
</div>
<div class="stat-info">
<h2>网站总访问量</h2>
<p>{{historyInfo.ip_history_count}}</p>
</div>
</div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return {} return {
historyInfo: {}
};
}, },
computed: {}, computed: {},
@ -22,85 +53,74 @@
watch: {}, watch: {},
created() { created() {
this.getHistoryInfo();
}, },
mounted() { mounted() {},
},
methods: {} methods: {
getHistoryInfo() {
this.$http.get(this.$constant.baseURL + "/webInfo/getHistoryInfo", {}, true)
.then((res) => {
if (!this.$common.isEmpty(res.data)) {
this.historyInfo = res.data;
} }
})
.catch((error) => {
this.$message({
message: error.message,
type: "error"
});
});
}
}
};
</script> </script>
<style scoped> <style scoped>
.home {
.welcome-title {
text-align: center; text-align: center;
font-size: 50px; padding: 20px;
font-weight: bold; }
}
h1 {
.playful span { font-size: 32px;
position: relative; color: #333;
color: #5362f6; margin-bottom: 20px;
text-shadow: 0.25px 0.25px #e485f8, 0.5px 0.5px #e485f8, 0.75px 0.75px #e485f8, }
1px 1px #e485f8, 1.25px 1.25px #e485f8, 1.5px 1.5px #e485f8, 1.75px 1.75px #e485f8,
2px 2px #e485f8, 2.25px 2.25px #e485f8, 2.5px 2.5px #e485f8, 2.75px 2.75px #e485f8, p {
3px 3px #e485f8, 3.25px 3.25px #e485f8, 3.5px 3.5px #e485f8, 3.75px 3.75px #e485f8, font-size: 18px;
4px 4px #e485f8, 4.25px 4.25px #e485f8, 4.5px 4.5px #e485f8, 4.75px 4.75px #e485f8, color: #666;
5px 5px #e485f8, 5.25px 5.25px #e485f8, 5.5px 5.5px #e485f8, 5.75px 5.75px #e485f8, margin-bottom: 40px;
6px 6px #e485f8; }
animation: scatter 1.75s infinite;
font-weight: normal; .stats-container {
} display: flex;
justify-content: space-around;
.playful span:nth-child(2n) { }
color: #ed625c;
text-shadow: 0.25px 0.25px #f2a063, 0.5px 0.5px #f2a063, 0.75px 0.75px #f2a063, .stat-card {
1px 1px #f2a063, 1.25px 1.25px #f2a063, 1.5px 1.5px #f2a063, 1.75px 1.75px #f2a063, background-color: #f2f2f2;
2px 2px #f2a063, 2.25px 2.25px #f2a063, 2.5px 2.5px #f2a063, 2.75px 2.75px #f2a063, padding: 20px;
3px 3px #f2a063, 3.25px 3.25px #f2a063, 3.5px 3.5px #f2a063, 3.75px 3.75px #f2a063, border-radius: 5px;
4px 4px #f2a063, 4.25px 4.25px #f2a063, 4.5px 4.5px #f2a063, 4.75px 4.75px #f2a063, box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
5px 5px #f2a063, 5.25px 5.25px #f2a063, 5.5px 5.5px #f2a063, 5.75px 5.75px #f2a063, }
6px 6px #f2a063;
animation-delay: 0.3s; .stat-icon {
} font-size: 24px;
color: #333;
.playful span:nth-child(3n) { margin-bottom: 10px;
color: #ffd913; }
text-shadow: 0.25px 0.25px #6ec0a9, 0.5px 0.5px #6ec0a9, 0.75px 0.75px #6ec0a9,
1px 1px #6ec0a9, 1.25px 1.25px #6ec0a9, 1.5px 1.5px #6ec0a9, 1.75px 1.75px #6ec0a9, .stat-info h2 {
2px 2px #6ec0a9, 2.25px 2.25px #6ec0a9, 2.5px 2.5px #6ec0a9, 2.75px 2.75px #6ec0a9, font-size: 18px;
3px 3px #6ec0a9, 3.25px 3.25px #6ec0a9, 3.5px 3.5px #6ec0a9, 3.75px 3.75px #6ec0a9, color: #333;
4px 4px #6ec0a9, 4.25px 4.25px #6ec0a9, 4.5px 4.5px #6ec0a9, 4.75px 4.75px #6ec0a9, margin-bottom: 5px;
5px 5px #6ec0a9, 5.25px 5.25px #6ec0a9, 5.5px 5.5px #6ec0a9, 5.75px 5.75px #6ec0a9, }
6px 6px #6ec0a9;
animation-delay: 0.15s; .stat-info p {
} font-size: 14px;
color: #666;
.playful span:nth-child(5n) { }
color: #555bff;
text-shadow: 0.25px 0.25px #e485f8, 0.5px 0.5px #e485f8, 0.75px 0.75px #e485f8,
1px 1px #e485f8, 1.25px 1.25px #e485f8, 1.5px 1.5px #e485f8, 1.75px 1.75px #e485f8,
2px 2px #e485f8, 2.25px 2.25px #e485f8, 2.5px 2.5px #e485f8, 2.75px 2.75px #e485f8,
3px 3px #e485f8, 3.25px 3.25px #e485f8, 3.5px 3.5px #e485f8, 3.75px 3.75px #e485f8,
4px 4px #e485f8, 4.25px 4.25px #e485f8, 4.5px 4.5px #e485f8, 4.75px 4.75px #e485f8,
5px 5px #e485f8, 5.25px 5.25px #e485f8, 5.5px 5.5px #e485f8, 5.75px 5.75px #e485f8,
6px 6px #e485f8;
animation-delay: 0.4s;
}
.playful span:nth-child(7n) {
color: #ff9c55;
text-shadow: 0.25px 0.25px #ff5555, 0.5px 0.5px #ff5555, 0.75px 0.75px #ff5555,
1px 1px #ff5555, 1.25px 1.25px #ff5555, 1.5px 1.5px #ff5555, 1.75px 1.75px #ff5555,
2px 2px #ff5555, 2.25px 2.25px #ff5555, 2.5px 2.5px #ff5555, 2.75px 2.75px #ff5555,
3px 3px #ff5555, 3.25px 3.25px #ff5555, 3.5px 3.5px #ff5555, 3.75px 3.75px #ff5555,
4px 4px #ff5555, 4.25px 4.25px #ff5555, 4.5px 4.5px #ff5555, 4.75px 4.75px #ff5555,
5px 5px #ff5555, 5.25px 5.25px #ff5555, 5.5px 5.5px #ff5555, 5.75px 5.75px #ff5555,
6px 6px #ff5555;
animation-delay: 0.25s;
}
</style> </style>

20
src/components/index.vue
Unescape View File

@ -82,13 +82,11 @@
<div class="announcement background-opacity"> <div class="announcement background-opacity">
<i class="fa fa-volume-up" aria-hidden="true"></i> <i class="fa fa-volume-up" aria-hidden="true"></i>
<div> <div>
<!-- <div v-for="(notice, index) in $store.state.webInfo.notices" :key="index">--> <div v-for="(notice, index) in $store.state.webInfo.notices" :key="index">
<!-- {{ notice }}--> {{ notice }}
<!-- </div>--> </div>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;世界上只有一种真正的英雄主义，那就是看清生活的真相之后，依然勇敢地热爱生活。
</div> </div>
</div> </div>
<articleList :articleList="articles"></articleList>
<template> <template>
<div class="shadow-box pagination-wrap background-opacity"> <div class="shadow-box pagination-wrap background-opacity">
@ -119,6 +117,18 @@
:total=this.pagination.total> :total=this.pagination.total>
</el-pagination> </el-pagination>
</div> </div>
<articleList :articleList="articles"></articleList>
<div class="pagination-wrap">
<div @click="pageArticles()" class="pagination" v-if="pagination.total !== articles.length">
下一页
</div>
<div v-else style="user-select: none">
~~到底啦~~
</div>
</div>
</template> </template>

98
src/components/myAside.vue
Unescape View File

@ -52,53 +52,6 @@
</div> </div>
</div> </div>
<!-- 推荐文章 -->
<!-- <div v-if="!$common.isEmpty(recommendArticles)"-->
<!-- style="padding: 25px;border-radius: 10px;margin-top: 30px;animation: hideToShow 1s ease-in-out"-->
<!-- class="shadow-box background-opacity wow">-->
<!-- <div class="card-content2-title">-->
<!-- <i class="el-icon-reading card-content2-icon"></i>-->
<!-- <span>推荐文章</span>-->
<!-- </div>-->
<!-- <div v-for="(article, index) in recommendArticles"-->
<!-- :key="index"-->
<!-- @click="$router.push({path: '/article', query: {id: article.id}})">-->
<!-- <div class="aside-post-detail">-->
<!-- <div class="aside-post-image">-->
<!-- <el-image lazy class="my-el-image" :src="article.articleCover" fit="cover">-->
<!-- <div slot="error" class="image-slot">-->
<!-- <div class="error-aside-image">-->
<!-- {{article.username}}-->
<!-- </div>-->
<!-- </div>-->
<!-- </el-image>-->
<!-- </div>-->
<!-- <div class="aside-post-title">-->
<!-- {{ article.articleTitle }}-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="aside-post-date">-->
<!-- <i class="el-icon-date" style="color: var(&#45;&#45;greyFont)"></i>{{ article.createTime }}-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- 速览 -->
<div v-for="(sort, index) in sortInfo"
@click="selectSort(sort)"
:key="index"
:style="{background: $constant.sortColor[index % $constant.sortColor.length]}"
class="shadow-box-mini background-opacity wow"
style="position: relative;padding: 10px 25px 15px;border-radius: 10px;animation: hideToShow 1s ease-in-out;margin-top: 30px;cursor: pointer;color: var(--white)">
<div>速览</div>
<div class="sort-name">
{{sort.sortName}}
</div>
<div style="font-weight: bold;margin-top: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden">
{{sort.sortDescription}}
</div>
</div>
<!-- 分类 --> <!-- 分类 -->
<div class="shadow-box background-opacity wow" <div class="shadow-box background-opacity wow"
style="margin-top: 30px;padding: 25px 25px 5px;border-radius: 10px;animation: hideToShow 1s ease-in-out"> style="margin-top: 30px;padding: 25px 25px 5px;border-radius: 10px;animation: hideToShow 1s ease-in-out">
@ -117,6 +70,54 @@
{{drugDetails}} {{drugDetails}}
</div> </div>
<!-- 推荐文章 -->
<div v-if="!$common.isEmpty(recommendArticles)"
style="padding: 25px;border-radius: 10px;margin-top: 30px;animation: hideToShow 1s ease-in-out"
class="shadow-box background-opacity wow">
<div class="card-content2-title">
<i class="el-icon-reading card-content2-icon"></i>
<span>推荐文章</span>
</div>
<div v-for="(article, index) in recommendArticles"
:key="index"
@click="$router.push({path: '/article', query: {id: article.id}})">
<div class="aside-post-detail">
<div class="aside-post-image">
<el-image lazy class="my-el-image" :src="article.articleCover" fit="cover">
<div slot="error" class="image-slot">
<div class="error-aside-image">
{{article.username}}
</div>
</div>
</el-image>
</div>
<div class="aside-post-title">
{{ article.articleTitle }}
</div>
</div>
<div class="aside-post-date">
<i class="el-icon-date" style="color: var(--greyFont)"></i>{{ article.createTime }}
</div>
</div>
</div>
<!-- 速览 -->
<!-- <div v-for="(sort, index) in sortInfo"-->
<!-- @click="selectSort(sort)"-->
<!-- :key="index"-->
<!-- :style="{background: $constant.sortColor[index % $constant.sortColor.length]}"-->
<!-- class="shadow-box-mini background-opacity wow"-->
<!-- style="position: relative;padding: 10px 25px 15px;border-radius: 10px;animation: hideToShow 1s ease-in-out;margin-top: 30px;cursor: pointer;color: var(&#45;&#45;white)">-->
<!-- <div>速览</div>-->
<!-- <div class="sort-name">-->
<!-- {{sort.sortName}}-->
<!-- </div>-->
<!-- <div style="font-weight: bold;margin-top: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden">-->
<!-- {{sort.sortDescription}}-->
<!-- </div>-->
<!-- </div>-->
<!-- 赞赏 --> <!-- 赞赏 -->
<div class="shadow-box-mini background-opacity wow admire-box" <div class="shadow-box-mini background-opacity wow admire-box"
v-if="!$common.isEmpty(admires)"> v-if="!$common.isEmpty(admires)">
@ -137,8 +138,7 @@
</div> </div>
</div> </div>
<div style="height: 36px;line-height: 36px"> <div style="height: 36px;line-height: 36px">
<!-- {{ item.admire }}元--> {{ item.admire }}元
500元
</div> </div>
</div> </div>
</vue-seamless-scroll> </vue-seamless-scroll>

Write Preview
Loading…
Cancel
Save