xwl2023/Yi.Framework
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 添加bbs前端

Browse Source
This commit is contained in:
橙子
2023-02-19 23:50:42 +08:00
parent 380f728de2
commit 2f654a1772
102 changed files with 33042 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
Yi.BBS.Vue2/.androidbuild Normal file
View File

@@ -0,0 +1,4 @@
#安卓生成环境路径前缀
VUE_APP_BASE_API='https://jiftcc.com:20001'
#生成环境路径前缀
VUE_APP_BASE_API='/prod-apis'

3
Yi.BBS.Vue2/.browserslistrc Normal file
View File

@@ -0,0 +1,3 @@
> 1%
last 2 versions
not dead

4
Yi.BBS.Vue2/.env.development Normal file
View File

@@ -0,0 +1,4 @@
#接口服务地址
VUE_APP_SERVICE_URL='http://localhost:19003/api'
#开发环境路径前缀
VUE_APP_BASE_API='/dev-apis'

2
Yi.BBS.Vue2/.env.production Normal file
View File

@@ -0,0 +1,2 @@
#生成环境路径前缀
VUE_APP_BASE_API='/prod-apis'

23
Yi.BBS.Vue2/.gitignore vendored Normal file
View File

@@ -0,0 +1,23 @@
.DS_Store
node_modules
/dist
# local env files
.env.local
.env.*.local
# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?

19
Yi.BBS.Vue2/README.md Normal file
View File

@@ -0,0 +1,19 @@
# cc.yi.vuetify
## Project setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for production
```
npm run build
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).

23205
Yi.BBS.Vue2/package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

34
Yi.BBS.Vue2/package.json Normal file
View File

@@ -0,0 +1,34 @@
{
"name": "cc.yi.vuetify",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "vue-cli-service serve",
"build": "vue-cli-service build"
},
"dependencies": {
"@microsoft/signalr": "^5.0.7",
"axios": "^0.21.1",
"json-bigint": "^1.0.0",
"mavon-editor": "^2.9.1",
"vue": "^2.6.11",
"vue-i18n": "^8.24.5",
"vue-router": "^3.2.0",
"vuetify": "^2.4.0",
"vuetify-dialog": "^2.0.14",
"vuex": "^3.6.2",
"wangeditor": "^4.6.17"
},
"devDependencies": {
"@mdi/font": "^6.7.96",
"@vue/cli-plugin-router": "~4.5.0",
"@vue/cli-service": "~4.5.0",
"copy-webpack-plugin": "^4.6.0",
"sass": "^1.32.0",
"sass-loader": "^10.0.0",
"typeface-roboto": "^1.1.13",
"vue-cli-plugin-vuetify": "~2.3.1",
"vue-template-compiler": "^2.6.11",
"vuetify-loader": "^1.7.0"
}
}

BIN
Yi.BBS.Vue2/public/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

34
Yi.BBS.Vue2/public/index.html Normal file
View File

@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
<meta name="keywords" content="CCNetCore,CC,江西服装学院">
<meta name="description" content="这里是，CCNetCore社区">
<!-- <meta name="author" content="CCNetCore"> -->
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<!-- <title>CCNetCore社区</title>-->
<title>个人成果展示</title>
<link rel="stylesheet" href="./startStyle.css">
</head>
<body>
<noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app">
<div class="arc"></div>
<h1 id="myh1"><span id="myspan"></span></h1>
</div>
<script type="text/javascript" charset="utf-8" src="https://connect.qq.com/qc_jssdk.js" data-appid="101951505"></script>
<!-- <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">
<script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/autoload.js"></script> -->
</body>
</html>

108
Yi.BBS.Vue2/public/startStyle.css Normal file
View File

@@ -0,0 +1,108 @@
.arc {
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100px;
height: 100px;
border-radius: 50%;
border-top: 2px solid #00BCD4;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
animation: rt 2s infinite linear;
}
.arc::before {
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 70px;
height: 70px;
border-radius: 50%;
border-top: 2px solid #2196F3;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
animation: rt 4s infinite linear reverse;
content: "";
}
.arc::after {
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 0;
height: 0;
border-radius: 50%;
border-top: initial;
border-left: initial;
border-right: initial;
animation: cw 1s infinite;
content: "";
background: #FAFAFA;
}
#myh1 {
position: absolute;
height: 40px;
margin: auto;
top: 200px;
left: 0;
right: 0;
bottom: 0;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.1em;
font-size: 14px;
font-weight: lighter;
color: black;
}
#myh1 #myspan {
display: none;
}
#myh1::after {
animation: txt 5s infinite;
content: "";
}
@keyframes rt {
100% {
transform: rotate(360deg);
}
}
@keyframes cw {
0% {
width: 0;
height: 0;
}
75% {
width: 40px;
height: 40px;
}
100% {
width: 0;
height: 0;
}
}
@keyframes txt {
0% {
content: "加载中.";
}
50% {
content: "玩命加载中..";
}
100% {
content: "疯狂玩命加载中...";
}
}

5
Yi.BBS.Vue2/src/App.vue Normal file
View File

@@ -0,0 +1,5 @@
<template>
<div id="app" >
<router-view/>
</div>
</template>

39
Yi.BBS.Vue2/src/api/accountApi.js Normal file
View File

@@ -0,0 +1,39 @@
import myaxios from '@/utils/myaxios'
export default {
login(username, password) {
return myaxios({
url: '/Account/login',
method: 'post',
data: {
username,
password
}
})
},
logout() {
return myaxios({
url: '/Account/logout',
method: 'post',
})
},
logged() {
return myaxios({
url: '/Account/logged',
method: 'post',
})
},
register(username, password, email, code) {
return myaxios({
url: `/Account/register?code=${code}`,
method: 'post',
data: { username, password, email }
})
},
email(emailAddress) {
return myaxios({
url: `/Account/email?emailAddress=${emailAddress}`,
method: 'get',
})
}
}

30
Yi.BBS.Vue2/src/api/actionApi.js Normal file
View File

@@ -0,0 +1,30 @@
import myaxios from '@/utils/myaxios'
export default {
getActions() {
return myaxios({
url: '/Action/getActions',
method: 'get'
})
},
addAction(action) {
return myaxios({
url: '/action/addAction',
method: 'post',
data: action
})
},
updateAction(action) {
return myaxios({
url: '/action/UpdateAction',
method: 'post',
data: action
})
},
delActionList(Ids) {
return myaxios({
url: '/action/DelAllAction',
method: 'post',
data: Ids
})
},
}

9
Yi.BBS.Vue2/src/api/agreesApi.js Normal file
View File

@@ -0,0 +1,9 @@
import myaxios from '@/utils/myaxios'
export default {
getAgrees(discussId) {
return myaxios({
url: `/Agree/getAgrees?discussId=${discussId}`,
method: 'get'
})
},
}

82
Yi.BBS.Vue2/src/api/articleApi.js Normal file
View File

@@ -0,0 +1,82 @@
import myaxios from '@/utils/myaxios'
export default {
setArticleByCache(articleId, content) {
return myaxios({
url: `/Article/setArticleByCache`,
method: 'post',
data: { id: articleId, content: content }
})
},
getArticleByCache(articleId) {
return myaxios({
url: `/Article/getArticleByCache?articleId=${articleId}`,
method: 'get'
})
},
getArticlesByDiscussId(discussId) {
return myaxios({
url: `/Article/discuss-id/${discussId}`,
method: 'get'
})
},
getArticleById(articleId) {
return myaxios({
url: `/Article/${articleId}`,
method: 'get'
})
},
getTitlArticles(discussId) {
return myaxios({
url: `/article/all/discuss-id/${discussId}`,
method: 'get'
})
},
getArticles() {
return myaxios({
url: '/Article/getArticles',
method: 'get'
})
},
addChildrenArticle(article, parentId, discussId) {
return myaxios({
url: `/Article`,
method: 'post',
data: {
content:article.content,
name:article.name,
discussId:discussId,
parentId:parentId
}
})
},
addArticle(article, discussId) {
return myaxios({
url: `/Article`,
method: 'post',
data: {
content:article.content,
name:article.name,
discussId:discussId,
parentId:0
}
})
},
updateArticle(Article, discussId) {
return myaxios({
url: `/Article/UpdateArticle?discussId=${discussId}`,
method: 'post',
data: Article
})
},
delArticleList(Ids, discussId) {
console.log(Ids.join())
return myaxios({
url: `/Article/${Ids.join()}`,
method: 'delete'
})
},
}

30
Yi.BBS.Vue2/src/api/bannerApi.js Normal file
View File

@@ -0,0 +1,30 @@
import myaxios from '@/utils/myaxios'
export default {
getBanners() {
return myaxios({
url: '/banner',
method: 'get'
})
},
addBanner(banner) {
return myaxios({
url: '/Banner/addBanner',
method: 'post',
data: banner
})
},
updateBanner(Banner) {
return myaxios({
url: '/Banner/UpdateBanner',
method: 'post',
data: Banner
})
},
delBannerList(Ids) {
return myaxios({
url: '/Banner/DelBannerList',
method: 'post',
data: Ids
})
},
}

21
Yi.BBS.Vue2/src/api/collectionApi.js Normal file
View File

@@ -0,0 +1,21 @@
import myaxios from '@/utils/myaxios'
export default {
getCollections(pageIndex) {
return myaxios({
url: `/Collection/GetCollections?pageIndex=${pageIndex}`,
method: 'get'
})
},
addCollection(discussId) {
return myaxios({
url: `/Collection/AddCollection?discussId=${discussId}`,
method: 'get'
})
},
delCollection(discussId) {
return myaxios({
url: `/Collection/delCollection?discussId=${discussId}`,
method: 'get',
})
},
}

38
Yi.BBS.Vue2/src/api/commentApi.js Normal file
View File

@@ -0,0 +1,38 @@
import myaxios from '@/utils/myaxios'
export default {
getComments() {
return myaxios({
url: '/Comment',
method: 'get'
})
},
getCommentsByDiscussId(discussId, pageIndex) {
return myaxios({
url: `/Comment/discuss-id/${discussId}?pageIndex=${pageIndex}&pageSize=10`,
method: 'get'
})
},
addComment(Comment, discussId) {
return myaxios({
url: `/Comment`,
method: 'post',
data: {
content:Comment.content,discussId
}
})
},
updateComment(Comment) {
return myaxios({
url: '/Comment/UpdateComment',
method: 'post',
data: Comment
})
},
delCommentList(Ids) {
return myaxios({
url: '/Comment/DelCommentList',
method: 'post',
data: Ids
})
},
}

76
Yi.BBS.Vue2/src/api/discussApi.js Normal file
View File

@@ -0,0 +1,76 @@
import myaxios from '@/utils/myaxios'
export default {
getDiscuss() {
return myaxios({
url: '/Discuss',
method: 'get'
})
},
getDiscussByPlateId(plateId, pageIndex, orderbyId) {
return myaxios({
url: `/discuss/plate-id/${plateId}?&pageIndex=${pageIndex}&pageSize=10`,//&orderbyId=${orderbyId}
method: 'get'
})
},
getDiscussByUserId(userId, pageIndex) {
if (userId == undefined) {
userId = 0
}
return myaxios({
url: `/Discuss/getDiscussByUserId?userId=${userId}&pageIndex=${pageIndex}`,
method: 'get'
})
},
addDiscuss(data, plateId, labelIds) {
return myaxios({
url: `/Discuss`,
method: 'post',
data: {
content:data.content,
introduction:data.introduction,
title:data.title,
types:data.type,
plateId,
// Ids
}
})
},
updateDiscuss(data) {
return myaxios({
url: '/Discuss/UpdateDiscuss',
method: 'post',
data: data
})
},
delDiscussList(Ids) {
return myaxios({
url: '/Discuss/DelDiscussList',
method: 'post',
data: Ids
})
},
getDiscussByDiscussId(id) {
return myaxios({
url: `/Discuss/${id}`,
method: 'get'
})
},
UpdatePorp(disucssId, propId, color) {
color = color.replace("#", "%23"); //颜色代码替换
return myaxios({
url: `/Discuss/UpdatePorp?disucssId=${disucssId}&propId=${propId}&color=${color}`,
method: 'get'
})
},
GetPlateInfoBydiscussId(discussId)
{
return myaxios({
url: `/Discuss/GetPlateInfoBydiscussId?discussId=${discussId}`,
method: 'get'
})
}
}

16
Yi.BBS.Vue2/src/api/fileApi.js Normal file
View File

@@ -0,0 +1,16 @@
import myaxios from '@/utils/myaxios'
export default {
OnPostUploadImage(file) {
return myaxios({
url: '/File/OnPostUploadImage',
method: 'post',
data: file
})
},
getLogs() {
return myaxios({
url: '/File/GetLogs',
method: 'get'
})
}
}

34
Yi.BBS.Vue2/src/api/friendApi.js Normal file
View File

@@ -0,0 +1,34 @@
import myaxios from '@/utils/myaxios'
export default {
GetFriends() {
return myaxios({
url: '/Friend/GetFriends',
method: 'get'
})
},
GetFriendsNotice() {
return myaxios({
url: '/Friend/GetFriendsNotice',
method: 'get'
})
},
AddFriend(user2Name) {
return myaxios({
url: `/Friend/AddFriend?user2Name=${user2Name}`,
method: 'post',
})
},
UpdateFriend(friendId) {
return myaxios({
url: `/Friend/UpdateFriend?friendId=${friendId}`,
method: 'post',
})
},
delFriendList(Ids) {
return myaxios({
url: '/Friend/delFriendList',
method: 'post',
data: Ids
})
},
}

48
Yi.BBS.Vue2/src/api/labelApi.js Normal file
View File

@@ -0,0 +1,48 @@
import myaxios from '@/utils/myaxios'
export default {
getLabelByUserId(userId) {
if (userId == undefined) {
userId = 0;
}
return myaxios({
url: `/Label/getLabelByUserId?userId=${userId}`,
method: 'get'
})
},
getDiscussByLabelId(userId, pageIndex, labelId) {
if (userId == undefined) {
userId = 0;
}
return myaxios({
url: `/Label/getDiscussByLabelId?userId=${userId}&labelId=${labelId}&pageIndex=${pageIndex}`,
method: 'get'
})
},
getLabels() {
return myaxios({
url: '/Label',
method: 'get'
})
},
addLabelByUserId(label) {
return myaxios({
url: '/Label/addLabelByUserId',
method: 'post',
data: label
})
},
updateLabel(Label) {
return myaxios({
url: '/Label/UpdateLabel',
method: 'post',
data: Label
})
},
delLabelList(Ids) {
return myaxios({
url: '/Label/DelLabelList',
method: 'post',
data: Ids
})
},
}

30
Yi.BBS.Vue2/src/api/levelApi.js Normal file
View File

@@ -0,0 +1,30 @@
import myaxios from '@/utils/myaxios'
export default {
getLevels() {
return myaxios({
url: '/Level/getLevels',
method: 'get'
})
},
addLevel(level) {
return myaxios({
url: '/Level/addLevel',
method: 'post',
data: level
})
},
updateLevel(Level) {
return myaxios({
url: '/Level/UpdateLevel',
method: 'post',
data: Level
})
},
delLevelList(Ids) {
return myaxios({
url: '/Level/DelLevelList',
method: 'post',
data: Ids
})
},
}

30
Yi.BBS.Vue2/src/api/mytypeApi.js Normal file
View File

@@ -0,0 +1,30 @@
import myaxios from '@/utils/myaxios'
export default {
getMytypes() {
return myaxios({
url: '/my-type',
method: 'get'
})
},
addMytype(mytype) {
return myaxios({
url: '/Mytype/addMytype',
method: 'post',
data: mytype
})
},
updateMytype(Mytype) {
return myaxios({
url: '/Mytype/UpdateMytype',
method: 'post',
data: Mytype
})
},
delMytypeList(Ids) {
return myaxios({
url: '/Mytype/DelMytypeList',
method: 'post',
data: Ids
})
},
}

30
Yi.BBS.Vue2/src/api/plateApi.js Normal file
View File

@@ -0,0 +1,30 @@
import myaxios from '@/utils/myaxios'
export default {
getPlates() {
return myaxios({
url: '/Plate',
method: 'get'
})
},
addPlate(plate) {
return myaxios({
url: '/Plate/addPlate',
method: 'post',
data: plate
})
},
updatePlate(plate) {
return myaxios({
url: '/Plate/UpdatePlate',
method: 'post',
data: plate
})
},
delPlateList(Ids) {
return myaxios({
url: '/Plate/DelPlateList',
method: 'post',
data: Ids
})
},
}

30
Yi.BBS.Vue2/src/api/propApi.js Normal file
View File

@@ -0,0 +1,30 @@
import myaxios from '@/utils/myaxios'
export default {
getProps() {
return myaxios({
url: '/Prop/getProps',
method: 'get'
})
},
addProp(prop) {
return myaxios({
url: '/Prop/addProp',
method: 'post',
data: prop
})
},
updateProp(Prop) {
return myaxios({
url: '/Prop/UpdateProp',
method: 'post',
data: Prop
})
},
delPropList(Ids) {
return myaxios({
url: '/Prop/DelPropList',
method: 'post',
data: Ids
})
},
}

15
Yi.BBS.Vue2/src/api/qqApi.js Normal file
View File

@@ -0,0 +1,15 @@
import myaxios from '@/utils/myaxios'
export default {
qqlogin(openid) {
return myaxios({
url: `/qq/qqlogin?openid=${openid}`,
method: 'get'
})
},
qqupdate(openid, userId) {
return myaxios({
url: `/qq/qqupdate?openid=${openid}&userId=${userId}`,
method: 'get'
})
}
}

37
Yi.BBS.Vue2/src/api/recordApi.js Normal file
View File

@@ -0,0 +1,37 @@
import myaxios from '@/utils/myaxios'
export default {
getRecordsByDiscussId(discussId) {
return myaxios({
url: `/Record/getRecordsByDiscussId?discussId=${discussId}`,
method: 'get'
})
},
getRecords() {
return myaxios({
url: '/Record/getRecords',
method: 'get'
})
},
addRecord(record) {
return myaxios({
url: '/Record/addRecord',
method: 'post',
data: record
})
},
updateRecord(Record) {
return myaxios({
url: '/Record/UpdateRecord',
method: 'post',
data: Record
})
},
delRecordList(Ids) {
return myaxios({
url: '/Record/DelRecordList',
method: 'post',
data: Ids
})
},
}

50
Yi.BBS.Vue2/src/api/roleApi.js Normal file
View File

@@ -0,0 +1,50 @@
import myaxios from '@/utils/myaxios'
export default {
getRoles() {
return myaxios({
url: '/Role/getRoles',
method: 'get'
})
},
AddRole(role) {
return myaxios({
url: '/Role/AddRole',
method: 'post',
data: role
})
},
delRole(roleId) {
return myaxios({
url: `/Role/DelRole?roleId=${roleId}`,
method: 'get'
})
},
updateRole(role) {
return myaxios({
url: '/role/updateRole',
method: 'post',
data: role
})
},
delRoleList(Ids) {
return myaxios({
url: '/role/delAllRole',
method: 'post',
data: Ids
})
},
setAction(Id, Ids) {
return myaxios({
url: '/role/setAction',
method: 'post',
data: { "Id": Id, "Ids": Ids }
})
},
GetActionByRoleId(roleId) {
return myaxios({
url: `/role/GetActionByRoleId?roleId=${roleId}`,
method: 'get'
})
}
}

22
Yi.BBS.Vue2/src/api/settingApi.js Normal file
View File

@@ -0,0 +1,22 @@
import myaxios from '@/utils/myaxios'
export default {
getTitle() {
return myaxios({
url: '/Setting/title',
method: 'get'
})
},
getSetting() {
return myaxios({
url: '/Setting/getSetting',
method: 'get'
})
},
UpdateSetting(form) {
return myaxios({
url: '/Setting/UpdateSetting',
method: 'post',
data: form
})
}
}

36
Yi.BBS.Vue2/src/api/shopApi.js Normal file
View File

@@ -0,0 +1,36 @@
import myaxios from '@/utils/myaxios'
export default {
getShops() {
return myaxios({
url: '/Shop/getShops',
method: 'get'
})
},
addShop(shop, propId) {
return myaxios({
url: `/Shop/addShop?propId=${propId}`,
method: 'post',
data: shop
})
},
updateShop(Shop, propId) {
return myaxios({
url: `/Shop/UpdateShop?propId=${propId}`,
method: 'post',
data: Shop
})
},
delShopList(Ids) {
return myaxios({
url: '/Shop/DelShopList',
method: 'post',
data: Ids
})
},
BuyShop(shopId) {
return myaxios({
url: `/Shop/BuyShop?shopId=${shopId}`,
method: 'get'
})
}
}

101
Yi.BBS.Vue2/src/api/userApi.js Normal file
View File

@@ -0,0 +1,101 @@
import myaxios from '@/utils/myaxios'
export default {
getAllUser() {
return myaxios({
url: '/User/getAllUser',
method: 'get'
})
},
getUserByUserId(userId) {
if (userId == undefined) {
userId = 0;
}
return myaxios({
url: `/User/getUserByUserId?userId=${userId}`,
method: 'get'
})
},
addUser(user) {
return myaxios({
url: '/User/addUser',
method: 'post',
data: user
})
},
delUser(userId) {
return myaxios({
url: `/User/delUser?userId=${userId}`,
method: 'get'
})
},
updateUser(user) {
return myaxios({
url: '/User/updateUser',
method: 'post',
data: user
})
},
tryUpdateUser(form) {
return myaxios({
url: '/User/tryUpdateUser',
method: 'post',
data: form
})
},
delUserList(Ids) {
return myaxios({
url: '/User/delAllUser',
method: 'post',
data: Ids
})
},
setRole(Id, Ids) {
return myaxios({
url: '/User/setRole',
method: 'post',
data: { "Id": Id, "Ids": Ids }
})
},
setRoleList(userIds, roleIds) {
return myaxios({
url: '/User/setRoleList',
method: 'post',
data: { "userIds": userIds, "roleIds": roleIds }
})
},
getRoleByuserId(userId) {
if (userId == undefined) {
userId = 0;
}
return myaxios({
url: `/User/getRoleByuserId?userId=${userId}`,
method: 'get'
})
},
getSpecialAction(userId) {
return myaxios({
url: `/User/getSpecialAction?userId=${userId}`,
method: 'get'
})
},
setSpecialAction(Id, Ids) {
return myaxios({
url: '/User/setSpecialAction',
method: 'post',
data: { "Id": Id, "Ids": Ids }
})
},
getActionByUserId(userId) {
if (userId == undefined) {
userId = 0;
}
return myaxios({
url: `/account/user/${userId}`,
method: 'get'
})
}
}

30
Yi.BBS.Vue2/src/api/versionApi.js Normal file
View File

@@ -0,0 +1,30 @@
import myaxios from '@/utils/myaxios'
export default {
getVersions() {
return myaxios({
url: '/Version/getVersions',
method: 'get'
})
},
addVersion(version) {
return myaxios({
url: '/Version/addVersion',
method: 'post',
data: version
})
},
updateVersion(Version) {
return myaxios({
url: '/Version/UpdateVersion',
method: 'post',
data: Version
})
},
delVersionList(Ids) {
return myaxios({
url: '/Version/DelVersionList',
method: 'post',
data: Ids
})
},
}

9
Yi.BBS.Vue2/src/api/warehouseApi.js Normal file
View File

@@ -0,0 +1,9 @@
import myaxios from '@/utils/myaxios'
export default {
GetWarehousesByUserId() {
return myaxios({
url: '/Warehouse/GetWarehousesByUserId',
method: 'get'
})
}
}

1
Yi.BBS.Vue2/src/assets/login.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

1
Yi.BBS.Vue2/src/assets/logo.svg Normal file
View File

@@ -0,0 +1 @@
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 87.5 100"><defs><style>.cls-1{fill:#1697f6;}.cls-2{fill:#7bc6ff;}.cls-3{fill:#1867c0;}.cls-4{fill:#aeddff;}</style></defs><title>Artboard 46</title><polyline class="cls-1" points="43.75 0 23.31 0 43.75 48.32"/><polygon class="cls-2" points="43.75 62.5 43.75 100 0 14.58 22.92 14.58 43.75 62.5"/><polyline class="cls-3" points="43.75 0 64.19 0 43.75 48.32"/><polygon class="cls-4" points="64.58 14.58 87.5 14.58 43.75 100 43.75 62.5 64.58 14.58"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 539 B

134
Yi.BBS.Vue2/src/components/AppHeader.vue Normal file
View File

@@ -0,0 +1,134 @@
<template>
<v-row class="mt-2">
<v-col cols="5" offset="0" class="mt-2" offset-md="4" md="5">
<v-text-field
label="全站搜索"
placeholder="输入"
dense
prepend-inner-icon="mdi-magnify"
>
<v-icon slot="append" color="blue"> mdi-send </v-icon>
</v-text-field>
</v-col>
<v-col cols="7" md="3" class="mb-2 text-right">
<router-link :to="{ path: '/shop' }">
<v-btn icon medium>
<v-icon color="blue" dark> mdi-content-paste </v-icon>
</v-btn>
</router-link>
<router-link :to="{ path: '/index' }">
<v-btn icon medium class="mr-2">
<v-icon dark color="blue"> mdi-home </v-icon>
</v-btn>
</router-link>
<v-menu offset-y>
<template v-slot:activator="{ on, attrs }">
<v-btn icon v-bind="attrs" v-on="on">
<v-avatar size="36" class="elevation-2">
<!-- <img src="https://z3.ax1x.com/2021/05/09/gJadhD.jpg" /> -->
<img
:src="
baseurl +
'/File/ShowNoticeImg?filePath=' +
$store.state.user.user.icon
"
/>
</v-avatar>
</v-btn>
</template>
<v-card class="mx-auto" tile width="200">
<v-system-bar></v-system-bar>
<v-list-item>
<v-list-item-icon>
<v-icon v-text="'mdi-star'"></v-icon>
</v-list-item-icon>
<v-list-item-content>
<v-list-item-title v-if="this.$store.state.user.user != null"
>用户：{{
this.$store.state.user.user.username
}}</v-list-item-title
>
</v-list-item-content>
</v-list-item>
<v-list-item>
<v-list-item-icon>
<v-icon v-text="'mdi-star'"></v-icon>
</v-list-item-icon>
<v-list-item-content>
<v-list-item-title v-if="this.$store.state.user.user != null"
>等级：{{
this.$store.state.user.user.level
}}</v-list-item-title
>
</v-list-item-content>
</v-list-item>
<v-divider></v-divider>
<v-list nav dense>
<v-list-item-group v-model="selectedItem" color="primary">
<v-list-item
v-for="(item, i) in items"
:key="i"
:to="item.router"
>
<v-list-item-icon>
<v-icon v-text="item.icon"></v-icon>
</v-list-item-icon>
<v-list-item-content>
<v-list-item-title v-text="item.text"></v-list-item-title>
</v-list-item-content>
</v-list-item>
<v-divider></v-divider>
<v-list-item>
<v-list-item-icon>
<v-icon v-text="'mdi-star'"></v-icon>
</v-list-item-icon>
<v-list-item-content>
<v-list-item-title
@click="off()"
v-text="'退出登录'"
></v-list-item-title>
</v-list-item-content>
</v-list-item>
<v-system-bar></v-system-bar>
</v-list-item-group>
</v-list>
</v-card>
</v-menu>
</v-col>
</v-row>
</template>
<script>
export default {
data: () => ({
baseurl: "",
selectedItem: "",
items: [
{ text: "个人资料", icon: "mdi-folder", router: "/userInfo" },
{ text: "我的主题", icon: "mdi-account-multiple", router: "/myDiscuss" },
{ text: "我的收藏", icon: "mdi-star", router: "/collection" },
{ text: "我的仓库", icon: "mdi-home-account", router: "/warehouse" },
{ text: "我的好友", icon: "mdi-account-group", router: "/friend" },
],
}),
created() {
this.initialize();
},
mounted() {
this.baseurl = process.env.VUE_APP_BASE_API;
},
methods: {
initialize() {},
off() {
this.$store.dispatch("Logout").then((resp) => {
this.$router.push("/login");
});
},
},
};
</script>

75
Yi.BBS.Vue2/src/components/AppMain.vue Normal file
View File

@@ -0,0 +1,75 @@
<template>
<div>
<v-breadcrumbs :items="items" class="grey lighten-5">
<template v-slot:item="{ item }">
<v-breadcrumbs-item :to="item.to" :disabled="false">
{{ item.text }}
</v-breadcrumbs-item>
</template>
</v-breadcrumbs>
<v-progress-linear
:active="this.$store.state.loader.load"
:indeterminate="this.$store.state.loader.load"
color="cyan accent-4"
striped
></v-progress-linear>
<v-container fluid>
<v-slide-y-transition>
<router-view></router-view>
</v-slide-y-transition>
<!-- <Loader></Loader> -->
</v-container>
</div>
</template>
<script>
// import Loader from "../components/Loader.vue"
export default {
// components: {
// Loader
// },
data: () => ({
items: [{ text: "首页", to: "/index" }],
}),
watch: {
$route(to, from) {
if (to.path == "/index") {
this.items = [{ text: "首页", to: "/index" }];
} else if (to.path == "/discuss") {
this.items = [
{ text: "首页", to: "/index" },
{ text: "主题", to: "/discuss" },
];
} else if (to.path == "/comment") {
this.items = [
{ text: "首页", to: "/index" },
{ text: "主题", to: "/discuss" },
{ text: "评论", to: "/comment" },
];
} else if (to.path == "/addDiscuss") {
this.items = [
{ text: "首页", to: "/index" },
{ text: "主题", to: "/discuss" },
{ text: "添加主题", to: "/addDiscuss" },
];
} else if (to.path == "/action") {
this.items = [
{ text: "首页", to: "/index" },
{ text: "权限管理", to: "/action" },
];
} else if (to.path == "/user") {
this.items = [
{ text: "首页", to: "/index" },
{ text: "用户管理", to: "/user" },
];
} else if (to.path == "/role") {
this.items = [
{ text: "首页", to: "/index" },
{ text: "角色管理", to: "/role" },
];
}
},
},
};
</script>

127
Yi.BBS.Vue2/src/components/AppNavbar.vue Normal file
View File

@@ -0,0 +1,127 @@
<template>
<v-card class="mx-auto " height="100%" width="100%">
<v-list-item >
<v-list-item-content >
<v-list-item-title class="title blue--text"> {{title}} </v-list-item-title>
<v-list-item-subtitle> 正式版 </v-list-item-subtitle>
</v-list-item-content>
</v-list-item>
<v-divider></v-divider>
<v-list class="blue--text">
<v-list-item v-for="item in items" :key="item.title" :to="item.router" >
<v-list-item-icon>
<v-icon>{{ item.icon }}</v-icon>
</v-list-item-icon>
<v-list-item-content>
<v-list-item-title>{{ item.title }}</v-list-item-title>
</v-list-item-content>
</v-list-item>
<v-list-group :value="true" prepend-icon="mdi-account-circle" class="blue--text">
<template v-slot:activator>
<v-list-item-title>我的权限</v-list-item-title>
</template>
<v-list-item v-for="(items, i) in cruds" :key="i" :to="items.router">
<v-list-item-title v-text="items.title"></v-list-item-title>
<v-list-item-icon>
<v-icon v-text="items.icon"></v-icon>
</v-list-item-icon>
</v-list-item>
</v-list-group>
<v-list-group :value="true" prepend-icon="mdi-account-circle" class="blue--text">
<template v-slot:activator>
<v-list-item-title>其他</v-list-item-title>
</template>
<v-list-item v-for="(items, i) in other" :key="i" :to="items.router">
<v-list-item-title v-text="items.title"></v-list-item-title>
<v-list-item-icon>
<v-icon v-text="items.icon"></v-icon>
</v-list-item-icon>
</v-list-item>
</v-list-group>
</v-list>
</v-card>
</template>
<script>
import userApi from "@/api/userApi";
import settingApi from "@/api/settingApi";
import myaction from "../utils/myaction";
export default {
data() {
return {
title:"",
actions: [],
cruds: [], //这个是权限目录
other: [], //这个是其他目录
items: [], //这个是根目录
};
},
created() {
this.initialize();
},
methods: {
initialize() {
//先查询是否在myactions中
//如果在，添加到我的权限中
//如果不在，再判断前4个字符是不是/my/,是就添加到其他中，不是就添加到根目录
settingApi.getTitle().then(resp=>{
this.title=resp.data
})
var user = this.$store.state.user.user;
userApi.getActionByUserId(user.id).then((resp) => {
const response = resp.data;
this.actions = response;
for (var i = 0; i < this.actions.length; i++) {
if (this.actions[i].router == "") {
continue;
}
var mydata = {
title: "",
icon: "mdi-view-dashboard",
router: "/index",
};
mydata.title = this.actions[i].actionName;
if(this.actions[i].icon != null)
{
mydata.icon = this.actions[i].icon;
}
mydata.router=this.actions[i].router;
// console.log(this.actions[i].actionName,"this.actions[i].actionName")
// console.log(myaction.actionList,"myaction.actionList");
// console.log(myaction.actionList.indexOf(this.actions[i].actionName) ,"myaction.actionList.indexOf(this.actions[i].actionName) ");
if (myaction.actionList.indexOf(this.actions[i].actionName) != -1) {
this.cruds.push(mydata);
} else {
var data1 = this.actions[i].router.substring(0, 4); //前4个 ：/my
if (data1 != "/my/") {
this.items.push(mydata);
} else {
var data2 = this.actions[i].router
.substring(4)
.replace(/\//g, "%2F"); //后面
mydata.router = data1 + data2;
this.other.push(mydata);
}
}
}
});
},
},
};
</script>

65
Yi.BBS.Vue2/src/components/Layout.vue Normal file
View File

@@ -0,0 +1,65 @@
<template>
<div>
<!-- <iframe id="music" frameborder="no" border="0" marginwidth="0" marginheight="0" width=250 height=86 src="//music.163.com/outchain/player?type=2&id=1454730043&auto=0&height=66"></iframe> -->
<v-app id="inspire">
<v-navigation-drawer v-model="drawer" app >
<app-navbar></app-navbar>
<template v-slot:append >
<div class="pa-2">
<v-btn block @click="off()"> 退出 </v-btn>
</div>
</template>
</v-navigation-drawer>
<v-app-bar app class="white">
<v-app-bar-nav-icon @click="drawer = !drawer"></v-app-bar-nav-icon>
<app-header></app-header>
</v-app-bar>
<v-main >
<app-main ></app-main>
<!-- <v-footer :absolute="true" >
<v-col class="text-center" cols="12">
{{ new Date().getFullYear() }} — <strong>Jiftcc</strong>
</v-col>
</v-footer> -->
</v-main>
</v-app>
</div>
</template>
<script>
import AppHeader from "./AppHeader.vue";
import AppNavbar from "./AppNavbar.vue";
import AppMain from "./AppMain.vue";
export default {
data() {
return {
drawer: true,
};
},
methods: {
off() {
this.$store.dispatch("Logout").then((resp) => {
this.$router.push("/login");
});
},
},
components: {
AppHeader,
AppNavbar,
AppMain,
},
};
</script>
<style scoped>
#music{
position: fixed;
top: auto;
left: auto;
bottom: 0;
right: 0;
z-index: 10000;
}
</style>

65
Yi.BBS.Vue2/src/components/LayoutLogin.vue Normal file
View File

@@ -0,0 +1,65 @@
<template>
<v-app>
<v-container fluid class="grey lighten-5" v-bind:style="{ height: allDiv }">
<v-row v-bind:style="{ height: allDiv }">
<!-- -------------------------------公告----------------------------------- -->
<v-col
cols="0"
sm="4"
md="3"
class="white d-none d-sm-flex text-center"
>
<div style="width: 100%">
<h1 class="light-blue--text mt-8">{{title}} <br />论坛/博客/百科</h1>
<p class="my-4 title">Eleven</p>
<p class="my-4 title">欢迎！在这里，我们无所不谈！</p>
<a href="https://beian.miit.gov.cn">工信部备案号：赣ICP备20008025号-3</a>
<v-img
src="../assets/login.svg"
contain
v-bind:style="{ marginTop: imgDiv }"
style="width: 100%"
></v-img>
</div>
</v-col>
<!-- -------------------------------------------------------------------------- -->
<!-- ------------------------------表单-------------------------------- -->
<v-col cols="12" sm="8" md="9">
<v-container class="text-center align-center" fluid>
<div class="mt-15">
<router-view></router-view>
</div>
</v-container>
</v-col>
<!-- --------------------------------------------------------------- -->
</v-row>
</v-container>
</v-app>
</template>
<script>
import settingApi from "@/api/settingApi";
export default {
created() {
this.initialize();
},
methods: {
initialize() {
settingApi.getTitle().then((resp) => {
this.title = resp.data;
});
},
},
data: () => ({
title:"",
allDiv: document.documentElement.clientHeight + "px",
imgDiv: document.documentElement.clientHeight - 540 + "px",
// email: '',
// emailRules: [
// v => !!v || 'E-mail is required',
// v => /.+@.+\..+/.test(v) || 'E-mail must be valid',
// ],
}),
};
</script>

10
Yi.BBS.Vue2/src/components/Loader.vue Normal file
View File

@@ -0,0 +1,10 @@
<template>
<div class="text-center">
<v-overlay :value="this.$store.state.loader.load">
<v-progress-circular
indeterminate
size="64"
></v-progress-circular>
</v-overlay>
</div>
</template>

42
Yi.BBS.Vue2/src/main.js Normal file
View File

@@ -0,0 +1,42 @@
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import vuetify from './plugins/vuetify';
import VuetifyDialog from 'vuetify-dialog'
import 'vuetify-dialog/dist/vuetify-dialog.css'
import signalr from './utils/signalR'
// import hljs from 'highlight.js' //导入代码高亮文件
// import 'highlight.js/styles/googlecode.css'
// import { mavonEditor } from "mavon-editor";
// import "mavon-editor/dist/css/index.css";
import store from './store/index'
import "./permission"
// Vue.component("mavon-editor", mavonEditor);
Vue.use(signalr);
Vue.config.productionTip = false
Vue.use(VuetifyDialog, {
context: {
vuetify
}
});
// Vue.directive('highlight', function(el) {
// let highlight = el.querySelectorAll('code,pre');
// highlight.forEach((block) => {
// if (block) {
// hljs.highlightBlock(block);
// }
// })
// })
new Vue({
router,
store,
vuetify,
render: function(h) { return h(App) }
}).$mount('#app')

25
Yi.BBS.Vue2/src/permission.js Normal file
View File

@@ -0,0 +1,25 @@
import router from './router/index'
import store from './store/index'
// import accountApi from '@/api/accountApi'
router.beforeEach((to, from, next) => {
const user = store.state.user.user; //获取是有user
if (!user) { //如果没有登入
if (to.path == '/login' || to.path == '/register' || to.path == '/reset_password' || to.path == '/qq') {
next();
} else {
next({ path: '/login' });
}
} else { //如果有user还要向后端请求是否过期
store.dispatch("Logged").then(resp => {
if (!resp.status) //表示已经过期
{
store.dispatch("Logout");
next({ path: '/login' });
} else {
next();
}
})
}
})

18
Yi.BBS.Vue2/src/plugins/theme/dark.js Normal file
View File

@@ -0,0 +1,18 @@
import colors from 'vuetify/lib/util/colors'
export default {
white: '#1E1E1E',
grey: {
lighten5: '#363636'
}
}
// const color = {
// primary: '#1976D2',
// secondary: '#424242',
// accent: '#82B1FF',
// error: '#FF5252',
// info: '#2196F3',
// success: '#4CAF50',
// warning: '#FFC107',
// }
// export default color

19
Yi.BBS.Vue2/src/plugins/theme/light.js Normal file
View File

@@ -0,0 +1,19 @@
import colors from 'vuetify/lib/util/colors'
import store from "../../store/index"
// export default {
// primary: {
// base: colors.primary.base,
// darken1: colors.primary.base1
// },
// secondary: colors.secondary,
// // 所有的键将生成主题样式,
// // 这里我们添加一个自定义的 `tertiary` 颜色
// tertiary: colors.tertiary
// }
const color = {
// cyan: '#FF9900',
// blue: '#663300'
};
export default color

21
Yi.BBS.Vue2/src/plugins/vuetify.js Normal file
View File

@@ -0,0 +1,21 @@
import Vue from 'vue'
import Vuetify from 'vuetify/lib'
import light from './theme/light'
import dark from './theme/dark'
import 'typeface-roboto/index.css' // 引入本地的Roboto字体资源
import '@mdi/font/css/materialdesignicons.css' // 引入本地的Material Design Icons资源
Vue.use(Vuetify)
import en from 'vuetify/lib/locale/en';
import zhHans from 'vuetify/lib/locale/zh-Hans';
import ja from 'vuetify/lib/locale/ja';
export default new Vuetify({
lang: {
locales: { en, zhHans, ja },
current: 'zhHans',
},
theme: {
themes: { light, dark },
},
})

305
Yi.BBS.Vue2/src/router/index.js Normal file
View File

@@ -0,0 +1,305 @@
import Vue from 'vue'
import VueRouter from 'vue-router'
import Layout from '@/components/Layout'
import LayoutLogin from '@/components/LayoutLogin'
import Index from '@/views/user/Index'
import discuss from '@/views/user/discuss'
import comment from '@/views/user/comment'
import addDiscuss from '@/views/user/addDiscuss'
import my from '@/views/user/my'
import userInfo from '@/views/user/userInfo'
import myDiscuss from '@/views/user/myDiscuss'
import collection from '@/views/user/collection'
import theme from '@/views/user/theme'
import version from '@/views/user/version'
import warehouse from '@/views/user/warehouse'
import shop from '@/views/user/shop'
import friend from '@/views/user/friend'
import addArticle from '@/views/user/addArticle'
import AdmUser from '@/views/admin/AdmUser'
import AdmRole from '@/views/admin/AdmRole'
import AdmAction from '@/views/admin/AdmAction'
import AdmDiscuss from '@/views/admin/AdmDiscuss'
import AdmPlate from '@/views/admin/AdmPlate'
import AdmLevel from '@/views/admin/AdmLevel'
import AdmSetting from '@/views/admin/AdmSetting'
import AdmBanner from '@/views/admin/AdmBanner'
import AdmVersion from '@/views/admin/AdmVersion'
import AdmProp from '@/views/admin/AdmProp'
import AdmShop from '@/views/admin/AdmShop'
import AdmLog from '@/views/admin/AdmLog'
import AdmMytype from '@/views/admin/AdmMytype'
import qq from '@/views/qq'
import login from '@/views/login'
import register from '@/views/register'
import chathub from '@/views/chathub'
import file from '@/views/file'
//采用懒加载,优化一下，我们将用户和管理界面分离
// const Index = () =>
// import ( /* webpackChunkName: 'User' */ "@/views/user/Index");
// const discuss = () =>
// import ( /* webpackChunkName: 'User' */ "@/views/user/discuss");
// const comment = () =>
// import ( /* webpackChunkName: 'User' */ "@/views/user/comment");
// const addDiscuss = () =>
// import ( /* webpackChunkName: 'User' */ "@/views/user/addDiscuss");
// const my = () =>
// import ( /* webpackChunkName: 'User' */ "@/views/user/my");
// const userInfo = () =>
// import ( /* webpackChunkName: 'User' */ "@/views/user/userInfo");
// const myDiscuss = () =>
// import ( /* webpackChunkName: 'User' */ "@/views/user/myDiscuss");
// const collection = () =>
// import ( /* webpackChunkName: 'User' */ "@/views/user/collection");
// const theme = () =>
// import ( /* webpackChunkName: 'User' */ "@/views/user/theme");
// const version = () =>
// import ( /* webpackChunkName: 'User' */ "@/views/user/version");
// const warehouse = () =>
// import ( /* webpackChunkName: 'User' */ "@/views/user/warehouse");
// const shop = () =>
// import ( /* webpackChunkName: 'User' */ "@/views/user/shop");
// const friend = () =>
// import ( /* webpackChunkName: 'User' */ "@/views/user/friend");
// const AdmUser = () =>
// import ( /* webpackChunkName: 'Admin' */ "@/views/admin/AdmUser");
// const AdmRole = () =>
// import ( /* webpackChunkName: 'Admin' */ "@/views/admin/AdmRole");
// const AdmAction = () =>
// import ( /* webpackChunkName: 'Admin' */ "@/views/admin/AdmAction");
// const AdmDiscuss = () =>
// import ( /* webpackChunkName: 'Admin' */ "@/views/admin/AdmDiscuss");
// const AdmPlate = () =>
// import ( /* webpackChunkName: 'Admin' */ "@/views/admin/AdmPlate");
// const AdmLevel = () =>
// import ( /* webpackChunkName: 'Admin' */ "@/views/admin/AdmLevel");
// const AdmSetting = () =>
// import ( /* webpackChunkName: 'Admin' */ "@/views/admin/AdmSetting");
// const AdmBanner = () =>
// import ( /* webpackChunkName: 'Admin' */ "@/views/admin/AdmBanner");
// const AdmVersion = () =>
// import ( /* webpackChunkName: 'Admin' */ "@/views/admin/AdmVersion");
// const AdmProp = () =>
// import ( /* webpackChunkName: 'Admin' */ "@/views/admin/AdmProp");
// const AdmShop = () =>
// import ( /* webpackChunkName: 'Admin' */ "@/views/admin/AdmShop");
// const AdmLog = () =>
// import ( /* webpackChunkName: 'Admin' */ "@/views/admin/AdmLog");
// const Layout = () =>
// import ( /* webpackChunkName: 'User' */ "@/components/Layout");
// const LayoutLogin = () =>
// import ( /* webpackChunkName: 'User' */ "@/components/LayoutLogin");
// const qq = () =>
// import ( /* webpackChunkName: 'User' */ "@/views/qq");
// const login = () =>
// import ( /* webpackChunkName: 'User' */ "@/views/login");
// const register = () =>
// import ( /* webpackChunkName: 'User' */ "@/views/register");
// const chathub = () =>
// import ( /* webpackChunkName: 'User' */ "@/views/chathub");
Vue.use(VueRouter)
const routes = [{
path: '/layoutLogin',
name: 'layoutLogin',
component: LayoutLogin,
redirect: "/login",
children: [{
path: "/login",
name: "login",
component: login
},
{
path: '/register',
name: 'register',
component: register
},
{
path: '/qq',
name: 'qq',
component: qq
}
]
},
{
path: '/',
name: 'Layout',
component: Layout,
redirect: "/index",
children: [{
path: "/index",
name: "Index",
component: Index
},
{
path: '/AdmUser',
name: 'AdmUser',
component: AdmUser
},
{
path: '/AdmRole',
name: 'AdmRole',
component: AdmRole
},
{
path: '/AdmAction',
name: 'AdmAction',
component: AdmAction
},
{
path: '/my/:mylink',
name: 'my',
component: my
},
{
path: '/discuss',
name: 'discuss',
component: discuss
},
{
path: '/comment/:discussId',
name: 'comment',
component: comment
},
{
path: '/comment',
name: 'comment',
component: comment
},
{
path: '/addDiscuss',
name: 'addDiscuss',
component: addDiscuss
},
{
path: '/AdmPlate',
name: 'AdmPlate',
component: AdmPlate
},
{
path: '/AdmBanner',
name: 'AdmBanner',
component: AdmBanner
},
{
path: '/AdmLevel',
name: 'AdmLevel',
component: AdmLevel
},
{
path: '/AdmDiscuss',
name: 'AdmDiscuss',
component: AdmDiscuss
},
{
path: '/AdmVersion',
name: 'AdmVersion',
component: AdmVersion
},
{
path: '/AdmSetting',
name: 'AdmSetting',
component: AdmSetting
},
{
path: '/AdmProp',
name: 'AdmProp',
component: AdmProp
},
{
path: '/AdmShop',
name: 'AdmShop',
component: AdmShop
},
{
path: '/AdmLog',
name: 'AdmLog',
component: AdmLog
},
{
path: '/AdmMytype',
name: 'AdmMytype',
component: AdmMytype
},
{
path: '/userInfo',
name: 'userInfo',
component: userInfo
},
{
path: '/myDiscuss',
name: 'myDiscuss',
component: myDiscuss
},
{
path: '/collection',
name: 'collection',
component: collection
},
{
path: '/theme',
name: 'theme',
component: theme
},
{
path: '/version',
name: 'version',
component: version
},
{
path: '/warehouse',
name: 'warehouse',
component: warehouse
},
{
path: '/shop',
name: 'shop',
component: shop
},
{
path: '/friend',
name: 'friend',
component: friend
},
{
path: '/chathub',
name: 'chathub',
component: chathub
},
{
path: '/addArticle',
name: 'addArticle',
component: addArticle
},
{
path: '/file',
name: 'file',
component: file
}
]
}
]
const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes
})
export default router

18
Yi.BBS.Vue2/src/store/index.js Normal file
View File

@@ -0,0 +1,18 @@
import Vue from 'vue'
import Vuex from 'vuex'
import home from './modules/home'
import user from './modules/user'
import theme from './modules/theme'
import loader from './modules/loader'
Vue.use(Vuex);
//实例化
const store = new Vuex.Store({
modules: {
home,
user,
theme,
loader
}
})
export default store

42
Yi.BBS.Vue2/src/store/modules/home.js Normal file
View File

@@ -0,0 +1,42 @@
const state = { //状态
plateId: 0,
discussId: 0,
plateString: "",
}
const mutations = { //变化//载荷
SET_PLATEID(state, n) {
state.plateId = n
},
SET_DOSCUSSIDSTRING(state, n) {
state.plateString = n
},
SET_DOSCUSSID(state, n) {
state.discussId = n
},
}
//在action中可以配合axios进行权限判断
const actions = { //动作
set_plateId(context, n) {
context.commit('SET_PLATEID', n)
},
set_plateString(context, n) {
context.commit('SET_DOSCUSSIDSTRING', n)
},
set_discussId(context, n) {
context.commit('SET_DOSCUSSID', n)
}
}
// const getters = { //类似与计算属性 派生属性
// msg(state) {
// if (state.count > 80) {
// return "成绩优异"
// } else {
// return "成绩不合格"
// }
// }
// }
export default { state, mutations, actions }

34
Yi.BBS.Vue2/src/store/modules/loader.js Normal file
View File

@@ -0,0 +1,34 @@
const state = { //状态
load: false
}
const mutations = { //变化//载荷
OPEN(state) {
state.load = true;
},
CLOSE(state) {
state.load = false;
},
}
//在action中可以配合axios进行权限判断
const actions = { //动作
openLoad(context) {
context.commit('OPEN')
},
closeLoad(context) {
context.commit('CLOSE')
}
}
// const getters = { //类似与计算属性 派生属性
// msg(state) {
// if (state.count > 80) {
// return "成绩优异"
// } else {
// return "成绩不合格"
// }
// }
// }
export default { state, mutations, actions }

33
Yi.BBS.Vue2/src/store/modules/theme.js Normal file
View File

@@ -0,0 +1,33 @@
import vuetify from '../../plugins/vuetify';
const state = { //状态
light: {
primary: '#1976D2',
secondary: '#424242',
accent: '#82B1FF',
error: '#FF5252',
info: '#2196F3',
success: '#4CAF50',
warning: '#FFC107',
cyan: "#FAB2B1",
blue: "#2196F3"
},
dark: {}
}
const mutations = { //变化//载荷
SET_Light(state, n) {
state.light = n
vuetify.framework.theme.themes.light = n
},
}
//在action中可以配合axios进行权限判断
const actions = { //动作
set_light(context, n) {
context.commit('SET_Light', n)
},
}
export default { state, mutations, actions }

121
Yi.BBS.Vue2/src/store/modules/user.js Normal file
View File

@@ -0,0 +1,121 @@
import { getToken, setToken, getUser, setUser, removeToken } from '../../utils/usertoken'
import accountApi from "@/api/accountApi"
import qqApi from "@/api/qqApi"
//再导入axion请求
const state = { //状态
token: getToken(),
user: getUser()
}
const mutations = { //变化//载荷
SET_TOKEN(state, token) {
state.token = token
setToken(token)
},
SET_USER(state, user) {
state.user = user
setUser(user)
}
}
//在action中可以配合axios进行权限判断
const actions = { //动作
setIcon({ commit, state }, icon) {
state.user.icon = icon
commit('SET_USER', state.user)
},
setLevel({ commit, state }, level) {
state.user.level = level;
commit('SET_USER', state.user)
},
qqUpdate({ state }, openid) {
return new Promise((resolv, reject) => {
qqApi.qqupdate(openid, state.user.id).then(resp => {
resolv(resp)
}).catch(error => {
reject(error)
})
})
},
qqLogin({ commit }, openid) {
return new Promise((resolv, reject) => {
qqApi.qqlogin(openid).then(resp => {
if (resp.status) {
commit('SET_TOKEN', resp.data.token)
commit('SET_USER', resp.data.user)
}
resolv(resp)
}).catch(error => {
reject(error)
})
})
},
Login({ commit }, form) {
return new Promise((resolv, reject) => {
accountApi.login(form.username.trim(), form.password.trim()).then(resp => {
commit('SET_TOKEN', resp.data.token)
commit('SET_USER', resp.data.user)
resolv(resp)
}).catch(error => {
reject(error)
})
})
},
Register({ commit }, form) {
return new Promise((resolv, reject) => {
accountApi.register(form.username.trim(), form.password.trim(), form.email.trim(), form.code.trim()).then(resp => {
resolv(resp)
}).catch(error => {
reject(error)
})
})
},
Logged({ commit }) {
return new Promise((resolv, reject) => {
accountApi.logged().then(resp => {
resolv(resp)
}).catch(error => {
reject(error)
})
})
},
// GetUserInfo({ commit, state }) {
// return new Promise((resolv, reject) => {
// // getUserInfo(state.token).then(response => {
// // commit('SET_USER', response.data)
// // resolve(response)
// // }).catch(error=>{
// // reject(error)
// // })
// })
// },
Logout({ commit, state }) {
return new Promise((resolv, reject) => {
accountApi.logout().then(response => {
commit('SET_TOKEN', '')
commit('SET_USER', null)
removeToken()
resolv(response)
}).catch(error => {
reject(error)
})
})
}
}
export default { state, mutations, actions }

13
Yi.BBS.Vue2/src/utils/dialog.js Normal file
View File

@@ -0,0 +1,13 @@
function notify(resp) {
if (resp.status) {
this.$dialog.notify.success(resp.msg, {
position: "top-right",
});
} else {
this.$dialog.notify.error(resp.msg, {
position: "top-right",
});
}
};
export default { notify };

16
Yi.BBS.Vue2/src/utils/myaction.js Normal file
View File

@@ -0,0 +1,16 @@
const actionList = [
"用户管理",
"角色管理",
"权限管理",
"板块管理",
"等级管理",
"主题管理",
"设置管理",
"横幅管理",
"版本管理",
"道具管理",
"商城管理",
"日志管理",
"类型管理"
];
export default { actionList };

43
Yi.BBS.Vue2/src/utils/myaxios.js Normal file
View File

@@ -0,0 +1,43 @@
import axios from 'axios'
import store from '../store/index'
import JsonBig from 'json-bigint'
// import VuetifyDialogPlugin from 'vuetify-dialog/nuxt/index';
const myaxios = axios.create({
// baseURL:'/'//
baseURL: process.env.VUE_APP_BASE_API, // /dev-apis
timeout: 50000,
transformResponse: [ data => {
const json = JsonBig({
storeAsString: true
})
return json.parse(data)
}],
headers: {
'Authorization': 'Bearer ' + ""
},
})
// 请求拦截器
myaxios.interceptors.request.use(function(config) {
config.headers.Authorization = 'Bearer ' + store.state.user.token;
store.dispatch("openLoad");
return config;
}, function(error) {
return Promise.reject(error);
});
// 响应拦截器
myaxios.interceptors.response.use(function(response) {
// const resp = response.data
store.dispatch("closeLoad");
return response;
}, function(error) {
const resp = error.response.data
if (resp.code == undefined && resp.msg == undefined) {
alert(`错误代码：无，原因：与服务器失去连接`)
} else if (resp.code != 200) {
alert(`错误代码：${resp.code}，原因：${resp.msg}`)
}
store.dispatch("closeLoad");
return Promise.reject(error);
});
export default myaxios

9
Yi.BBS.Vue2/src/utils/myqq.js Normal file
View File

@@ -0,0 +1,9 @@
const myqqLogin = {
appId: "101951505",
redirectURI: "https://ccnetcore.com/qq?state=0",
};
const myqqUpdate = {
appId: "101951505",
redirectURI: "https://ccnetcore.com/qq?state=1",
};
export default { myqqLogin, myqqUpdate };

34
Yi.BBS.Vue2/src/utils/signalR.js Normal file
View File

@@ -0,0 +1,34 @@
//引入安装的signalr包
import * as signalR from '@microsoft/signalr'
const signal = new signalR.HubConnectionBuilder()　　　 //服务器地址
.withUrl([process.env.VUE_APP_BASE_API] + '/chat', {})
.build()
/* const signalr = function () {
var hub
if (hub === undefined) {
hub = signal
}
return hub
} */
// 自动重连
// async function start() {
// try {
// await signal.start()
// console.log('connected')
// } catch (err) {
// console.log(err)
// setTimeout(() => start(), 5000)
// }
// }
// signal.onclose(async() => {
// await start()
// })
// //将创建的signal赋值给Vue实例
export default {
install: function(Vue) {
Vue.prototype.signalr = signal
}
}

18
Yi.BBS.Vue2/src/utils/usertoken.js Normal file
View File

@@ -0,0 +1,18 @@
const TOKEN_KEY = "token_key"
const USER_KEY = "user_key"
export function getToken() {
return localStorage.getItem(TOKEN_KEY)
}
export function setToken(token) {
return localStorage.setItem(TOKEN_KEY, token)
}
export function getUser() {
return JSON.parse(localStorage.getItem(USER_KEY))
}
export function setUser(user) {
return localStorage.setItem(USER_KEY, JSON.stringify(user))
}
export function removeToken() {
localStorage.removeItem(TOKEN_KEY)
localStorage.removeItem(USER_KEY)
}

261
Yi.BBS.Vue2/src/views/admin/AdmAction.vue Normal file
View File

@@ -0,0 +1,261 @@
<template>
<v-card>
<v-data-table
:headers="headers"
:items="desserts"
sort-by="calories"
class="elevation-1"
item-key="id"
show-select
v-model="selected"
:search="search"
>
<template v-slot:top>
<!-- 搜索框 -->
<v-toolbar flat>
<v-spacer></v-spacer>
<v-text-field
v-model="search"
append-icon="mdi-magnify"
label="搜索"
single-line
hide-details
class="mx-4"
></v-text-field>
<!-- 添加提示框 -->
<v-dialog v-model="dialog" max-width="500px">
<template v-slot:activator="{ on, attrs }">
<v-btn
color="primary"
dark
class="mb-2 mx-2"
v-bind="attrs"
v-on="on"
>
添加新项
</v-btn>
</template>
<v-card>
<v-card-title>
<span class="headline">{{ formTitle }}</span>
</v-card-title>
<v-card-text>
<v-container>
<v-row>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.action_name"
label="权限名"
></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.router"
label="路由"
></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.icon"
label="图标"
></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.sort"
label="排序"
></v-text-field>
</v-col>
<!-- <v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.fat"
label="Fat (g)"
></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.carbs"
label="Carbs (g)"
></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.protein"
label="Protein (g)"
></v-text-field>
</v-col> -->
</v-row>
</v-container>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="close"> 取消 </v-btn>
<v-btn color="blue darken-1" text @click="save"> 保存 </v-btn>
</v-card-actions>
</v-card>
</v-dialog>
<v-btn color="red" dark class="mb-2" @click="deleteItem(null)">
删除所选
</v-btn>
<!-- 删除提示框 -->
<v-dialog v-model="dialogDelete" max-width="500px">
<v-card>
<v-card-title class="headline"
>你确定要删除此条记录吗？</v-card-title
>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="closeDelete"
>取消</v-btn
>
<v-btn color="blue darken-1" text @click="deleteItemConfirm"
>确定</v-btn
>
<v-spacer></v-spacer>
</v-card-actions>
</v-card>
</v-dialog>
</v-toolbar>
</template>
<!-- 表格中的删除和修改 -->
<template v-slot:item.actions="{ item }">
<v-icon small class="mr-2" @click="editItem(item)"> mdi-pencil </v-icon>
<v-icon small @click="deleteItem(item)"> mdi-delete </v-icon>
</template>
<!-- 初始化 -->
<template v-slot:no-data>
<v-btn color="primary" @click="initialize"> 刷新 </v-btn>
</template>
</v-data-table>
<!-- <template>
<v-pagination
v-model="page"
:length="15"
:total-visible="7"
></v-pagination>
</template> -->
</v-card>
</template>
<script>
import actionApi from "@/api/actionApi";
export default {
data: () => ({
page: 1,
selected: [],
search: "",
dialog: false,
dialogDelete: false,
headers: [
{
text: "编号",
align: "start",
value: "id",
},
{ text: "权限名", value: "action_name", sortable: false },
{ text: "路由", value: "router", sortable: false },
{ text: "图标", value: "icon", sortable: false },
{ text: "排序", value: "sort", sortable: true },
{ text: "操作", value: "actions", sortable: false },
],
desserts: [],
editedIndex: -1,
editedItem: {
action_name: "",
router: "/my/",
icon: "mdi-lock",
sort:"1"
},
defaultItem: {
action_name: "",
router: "/my/",
icon: "mdi-lock",
sort:"1"
},
}),
computed: {
formTitle() {
return this.editedIndex === -1 ? "添加数据" : "编辑数据";
},
},
watch: {
dialog(val) {
val || this.close();
},
dialogDelete(val) {
val || this.closeDelete();
},
},
created() {
this.initialize();
},
methods: {
initialize() {
actionApi.getActions().then((resp) => {
const response = resp.data;
this.desserts = response;
});
},
// 添加和修改都打开同一个编辑框
editItem(item) {
this.editedIndex = this.desserts.indexOf(item);
this.editedItem = Object.assign({}, item);
this.dialog = true;
},
deleteItem(item) {
this.editedIndex = this.desserts.indexOf(item);
this.editedItem = Object.assign({}, item);
this.dialogDelete = true;
},
deleteItemConfirm() {
var Ids = [];
if (this.editedIndex > -1) {
Ids.push(this.editedItem.id);
} else {
this.selected.forEach(function (item) {
Ids.push(item.id);
});
}
actionApi.delActionList(Ids).then(() => this.initialize());
this.closeDelete();
},
close() {
this.dialog = false;
this.$nextTick(() => {
this.editedItem = Object.assign({}, this.defaultItem);
this.editedIndex = -1;
});
},
closeDelete() {
this.dialogDelete = false;
this.$nextTick(() => {
this.editedItem = Object.assign({}, this.defaultItem);
this.editedIndex = -1;
});
},
save() {
if (this.editedIndex > -1) {
actionApi.updateAction(this.editedItem).then(() => this.initialize());
} else {
actionApi.addAction(this.editedItem).then(() => this.initialize());
}
this.close();
},
},
};
</script>

241
Yi.BBS.Vue2/src/views/admin/AdmBanner.vue Normal file
View File

@@ -0,0 +1,241 @@
<template>
<v-card>
<v-data-table
:headers="headers"
:items="desserts"
sort-by="calories"
class="elevation-1"
item-key="id"
show-select
v-model="selected"
:search="search"
>
<template v-slot:top>
<!-- 搜索框 -->
<v-toolbar flat>
<v-spacer></v-spacer>
<v-text-field
v-model="search"
append-icon="mdi-magnify"
label="搜索"
single-line
hide-details
class="mx-4"
></v-text-field>
<!-- 添加提示框 -->
<v-dialog v-model="dialog" max-width="500px">
<template v-slot:activator="{ on, attrs }">
<v-btn
color="primary"
dark
class="mb-2 mx-2"
v-bind="attrs"
v-on="on"
>
添加新项
</v-btn>
</template>
<v-card>
<v-card-title>
<span class="headline">{{ formTitle }}</span>
</v-card-title>
<v-card-text>
<v-container>
<!-- 【1】这里设置对应的编辑框名 -->
<v-row>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.name"
label="名称"
></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.logo"
label="图标"
></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.color"
label="名称颜色"
></v-text-field>
</v-col>
</v-row>
</v-container>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="close"> 取消 </v-btn>
<v-btn color="blue darken-1" text @click="save"> 保存 </v-btn>
</v-card-actions>
</v-card>
</v-dialog>
<v-btn color="red" dark class="mb-2" @click="deleteItem(null)">
删除所选
</v-btn>
<!-- 删除提示框 -->
<v-dialog v-model="dialogDelete" max-width="500px">
<v-card>
<v-card-title class="headline"
>你确定要删除此条记录吗？</v-card-title
>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="closeDelete"
>取消</v-btn
>
<v-btn color="blue darken-1" text @click="deleteItemConfirm"
>确定</v-btn
>
<v-spacer></v-spacer>
</v-card-actions>
</v-card>
</v-dialog>
</v-toolbar>
</template>
<!-- 表格中的删除和修改 -->
<template v-slot:item.actions="{ item }">
<v-icon small class="mr-2" @click="editItem(item)"> mdi-pencil </v-icon>
<v-icon small @click="deleteItem(item)"> mdi-delete </v-icon>
</template>
<!-- 初始化 -->
<template v-slot:no-data>
<v-btn color="primary" @click="initialize"> 刷新 </v-btn>
</template>
</v-data-table>
</v-card>
</template>
<script>
//【2】这里设置对应的API
import bannerApi from "@/api/bannerApi";
export default {
data: () => ({
page: 1,
selected: [],
search: "",
dialog: false,
dialogDelete: false,
//【3】这里设置对应的模型字段
headers: [
{
text: "编号",
align: "start",
value: "id",
},
{ text: "名称", value: "name", sortable: false },
{ text: "图标", value: "logo", sortable: false },
{ text: "名称颜色", value: "color", sortable: false },
{ text: "操作", value: "actions", sortable: false },
],
desserts: [],
editedIndex: -1,
//【4】这里设置对应的模型默认字段
editedItem: {
name: "",
logo: "",
color: "cyan",
},
defaultItem: {
name: "",
logo: "",
color: "cyan",
},
}),
computed: {
formTitle() {
return this.editedIndex === -1 ? "添加数据" : "编辑数据";
},
},
watch: {
dialog(val) {
val || this.close();
},
dialogDelete(val) {
val || this.closeDelete();
},
},
created() {
this.initialize();
},
methods: {
initialize() {
//【5】这里获取全部字段的API
bannerApi.getBanners().then((resp) => {
const response = resp.data;
this.desserts = response;
});
},
editItem(item) {
this.editedIndex = this.desserts.indexOf(item);
this.editedItem = Object.assign({}, item);
this.dialog = true;
},
deleteItem(item) {
this.editedIndex = this.desserts.indexOf(item);
this.editedItem = Object.assign({}, item);
this.dialogDelete = true;
},
deleteItemConfirm() {
var Ids = [];
if (this.editedIndex > -1) {
Ids.push(this.editedItem.id);
} else {
this.selected.forEach(function (item) {
Ids.push(item.id);
});
}
//【6】这里多条删除的API
bannerApi.delBannerList(Ids).then(() => this.initialize());
this.closeDelete();
},
close() {
this.dialog = false;
this.$nextTick(() => {
this.editedItem = Object.assign({}, this.defaultItem);
this.editedIndex = -1;
});
},
closeDelete() {
this.dialogDelete = false;
this.$nextTick(() => {
this.editedItem = Object.assign({}, this.defaultItem);
this.editedIndex = -1;
});
},
save() {
//【7】这里编辑和添加的API
if (this.editedIndex > -1) {
bannerApi.updateBanner(this.editedItem).then(() => this.initialize());
} else {
bannerApi.addBanner(this.editedItem).then(() => this.initialize());
}
this.close();
},
},
};
</script>

232
Yi.BBS.Vue2/src/views/admin/AdmDiscuss.vue Normal file
View File

@@ -0,0 +1,232 @@
<template>
<v-card>
<v-data-table
:headers="headers"
:items="desserts"
sort-by="calories"
class="elevation-1"
item-key="id"
show-select
v-model="selected"
:search="search"
>
<template v-slot:top>
<!-- 搜索框 -->
<v-toolbar flat>
<v-spacer></v-spacer>
<v-text-field
v-model="search"
append-icon="mdi-magnify"
label="搜索"
single-line
hide-details
class="mx-4"
></v-text-field>
<!-- 添加提示框 -->
<v-dialog v-model="dialog" max-width="500px">
<!-- <template v-slot:activator="{ on, attrs }">
<v-btn
color="primary"
dark
class="mb-2 mx-2"
v-bind="attrs"
v-on="on"
>
添加新项
</v-btn>
</template> -->
<v-card>
<v-card-title>
<span class="headline">{{ formTitle }}</span>
</v-card-title>
<v-card-text>
<v-container>
<!-- 【1】这里设置对应的编辑框名 -->
<v-row>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.title"
label="标题"
></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.type"
label="类型"
></v-text-field>
</v-col>
</v-row>
</v-container>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="close"> 取消 </v-btn>
<v-btn color="blue darken-1" text @click="save"> 保存 </v-btn>
</v-card-actions>
</v-card>
</v-dialog>
<v-btn color="red" dark class="mb-2" @click="deleteItem(null)">
删除所选
</v-btn>
<!-- 删除提示框 -->
<v-dialog v-model="dialogDelete" max-width="500px">
<v-card>
<v-card-title class="headline"
>你确定要删除此条记录吗？</v-card-title
>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="closeDelete"
>取消</v-btn
>
<v-btn color="blue darken-1" text @click="deleteItemConfirm"
>确定</v-btn
>
<v-spacer></v-spacer>
</v-card-actions>
</v-card>
</v-dialog>
</v-toolbar>
</template>
<!-- 表格中的删除和修改 -->
<template v-slot:item.actions="{ item }">
<v-icon small class="mr-2" @click="editItem(item)"> mdi-pencil </v-icon>
<v-icon small @click="deleteItem(item)"> mdi-delete </v-icon>
</template>
<!-- 初始化 -->
<template v-slot:no-data>
<v-btn color="primary" @click="initialize"> 刷新 </v-btn>
</template>
</v-data-table>
</v-card>
</template>
<script>
//【2】这里设置对应的API
import discussApi from "@/api/discussApi";
export default {
data: () => ({
page: 1,
selected: [],
search: "",
dialog: false,
dialogDelete: false,
//【3】这里设置对应的模型字段
headers: [
{
text: "编号",
align: "start",
value: "id",
},
{ text: "标题", value: "title", sortable: false },
{ text: "类型", value: "type", sortable: false },
{ text: "操作", value: "actions", sortable: false },
],
desserts: [],
editedIndex: -1,
//【4】这里设置对应的模型默认字段
editedItem: {
title: "",
type: "",
},
defaultItem: {
title: "",
type: "",
},
}),
computed: {
formTitle() {
return this.editedIndex === -1 ? "添加数据" : "编辑数据";
},
},
watch: {
dialog(val) {
val || this.close();
},
dialogDelete(val) {
val || this.closeDelete();
},
},
created() {
this.initialize();
},
methods: {
initialize() {
//【5】这里获取全部字段的API
discussApi.getDiscuss().then((resp) => {
const response = resp.data;
this.desserts = response;
});
},
editItem(item) {
this.editedIndex = this.desserts.indexOf(item);
this.editedItem = Object.assign({}, item);
this.dialog = true;
},
deleteItem(item) {
this.editedIndex = this.desserts.indexOf(item);
this.editedItem = Object.assign({}, item);
this.dialogDelete = true;
},
deleteItemConfirm() {
var Ids = [];
if (this.editedIndex > -1) {
Ids.push(this.editedItem.id);
} else {
this.selected.forEach(function (item) {
Ids.push(item.id);
});
}
//【6】这里多条删除的API
discussApi.delDiscussList(Ids).then(() => this.initialize());
this.closeDelete();
},
close() {
this.dialog = false;
this.$nextTick(() => {
this.editedItem = Object.assign({}, this.defaultItem);
this.editedIndex = -1;
});
},
closeDelete() {
this.dialogDelete = false;
this.$nextTick(() => {
this.editedItem = Object.assign({}, this.defaultItem);
this.editedIndex = -1;
});
},
save() {
//【7】这里编辑和添加的API
if (this.editedIndex > -1) {
discussApi.updateDiscuss(this.editedItem).then(() => this.initialize());
} else {
discussApi.addDiscuss(this.editedItem).then(() => this.initialize());
}
this.close();
},
},
};
</script>

250
Yi.BBS.Vue2/src/views/admin/AdmLevel.vue Normal file
View File

@@ -0,0 +1,250 @@
<template>
<v-card>
<v-data-table
:headers="headers"
:items="desserts"
sort-by="calories"
class="elevation-1"
item-key="id"
show-select
v-model="selected"
:search="search"
>
<template v-slot:top>
<!-- 搜索框 -->
<v-toolbar flat>
<v-spacer></v-spacer>
<v-text-field
v-model="search"
append-icon="mdi-magnify"
label="搜索"
single-line
hide-details
class="mx-4"
></v-text-field>
<!-- 添加提示框 -->
<v-dialog v-model="dialog" max-width="500px">
<template v-slot:activator="{ on, attrs }">
<v-btn
color="primary"
dark
class="mb-2 mx-2"
v-bind="attrs"
v-on="on"
>
添加新项
</v-btn>
</template>
<v-card>
<v-card-title>
<span class="headline">{{ formTitle }}</span>
</v-card-title>
<v-card-text>
<v-container>
<!-- 【1】这里设置对应的编辑框名 -->
<v-row>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.num"
label="等级数"
></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.name"
label="等级称号"
></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.experience"
label="需求经验"
></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.max_char"
label="最大字符"
></v-text-field>
</v-col>
</v-row>
</v-container>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="close"> 取消 </v-btn>
<v-btn color="blue darken-1" text @click="save"> 保存 </v-btn>
</v-card-actions>
</v-card>
</v-dialog>
<v-btn color="red" dark class="mb-2" @click="deleteItem(null)">
删除所选
</v-btn>
<!-- 删除提示框 -->
<v-dialog v-model="dialogDelete" max-width="500px">
<v-card>
<v-card-title class="headline"
>你确定要删除此条记录吗？</v-card-title
>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="closeDelete"
>取消</v-btn
>
<v-btn color="blue darken-1" text @click="deleteItemConfirm"
>确定</v-btn
>
<v-spacer></v-spacer>
</v-card-actions>
</v-card>
</v-dialog>
</v-toolbar>
</template>
<!-- 表格中的删除和修改 -->
<template v-slot:item.actions="{ item }">
<v-icon small class="mr-2" @click="editItem(item)"> mdi-pencil </v-icon>
<v-icon small @click="deleteItem(item)"> mdi-delete </v-icon>
</template>
<!-- 初始化 -->
<template v-slot:no-data>
<v-btn color="primary" @click="initialize"> 刷新 </v-btn>
</template>
</v-data-table>
</v-card>
</template>
<script>
//【2】这里设置对应的API
import levelApi from "@/api/levelApi";
export default {
data: () => ({
page: 1,
selected: [],
search: "",
dialog: false,
dialogDelete: false,
//【3】这里设置对应的模型字段
headers: [
{
text: "编号",
align: "start",
value: "id",
},
{ text: "等级数", value: "num", sortable: false },
{ text: "等级称号", value: "name", sortable: false },
{ text: "需求经验", value: "experience", sortable: false },
{ text: "最大字符", value: "max_char", sortable: false },
{ text: "操作", value: "actions", sortable: false },
],
desserts: [],
editedIndex: -1,
//【4】这里设置对应的模型默认字段
editedItem: {
num: "",
name: "小白",
experience: "0",
max_char: "100",
},
defaultItem: {
num: "",
name: "小白",
experience: "0",
max_char: "100",
},
}),
computed: {
formTitle() {
return this.editedIndex === -1 ? "添加数据" : "编辑数据";
},
},
watch: {
dialog(val) {
val || this.close();
},
dialogDelete(val) {
val || this.closeDelete();
},
},
created() {
this.initialize();
},
methods: {
initialize() {
//【5】这里获取全部字段的API
levelApi.getLevels().then((resp) => {
const response = resp.data;
this.desserts = response;
});
},
editItem(item) {
this.editedIndex = this.desserts.indexOf(item);
this.editedItem = Object.assign({}, item);
this.dialog = true;
},
deleteItem(item) {
this.editedIndex = this.desserts.indexOf(item);
this.editedItem = Object.assign({}, item);
this.dialogDelete = true;
},
deleteItemConfirm() {
var Ids = [];
if (this.editedIndex > -1) {
Ids.push(this.editedItem.id);
} else {
this.selected.forEach(function (item) {
Ids.push(item.id);
});
}
//【6】这里多条删除的API
levelApi.delLevelList(Ids).then(() => this.initialize());
this.closeDelete();
},
close() {
this.dialog = false;
this.$nextTick(() => {
this.editedItem = Object.assign({}, this.defaultItem);
this.editedIndex = -1;
});
},
closeDelete() {
this.dialogDelete = false;
this.$nextTick(() => {
this.editedItem = Object.assign({}, this.defaultItem);
this.editedIndex = -1;
});
},
save() {
//【7】这里编辑和添加的API
if (this.editedIndex > -1) {
levelApi.updateLevel(this.editedItem).then(() => this.initialize());
} else {
levelApi.addLevel(this.editedItem).then(() => this.initialize());
}
this.close();
},
},
};
</script>

76
Yi.BBS.Vue2/src/views/admin/AdmLog.vue Normal file
View File

@@ -0,0 +1,76 @@
<template>
<v-card>
<v-data-table
:headers="headers"
:items="desserts"
sort-by="calories"
class="elevation-1"
item-key="id"
show-select
v-model="selected"
:search="search"
>
<template v-slot:top>
<!-- 搜索框 -->
<v-toolbar flat>
<v-spacer></v-spacer>
<v-text-field
v-model="search"
append-icon="mdi-magnify"
label="搜索"
single-line
hide-details
class="mx-4"
></v-text-field>
</v-toolbar>
</template>
<!-- 表格中的删除和修改 -->
<template v-slot:item.actions="{ item }">
<v-icon small class="mr-2" @click="down(item)"> mdi-pencil </v-icon>
</template>
<!-- 初始化 -->
<template v-slot:no-data>
<v-btn color="primary" @click="initialize"> 刷新 </v-btn>
</template>
</v-data-table>
</v-card>
</template>
<script>
//【2】这里设置对应的API
import fileApi from "@/api/fileApi";
export default {
data: () => ({
page: 1,
selected: [],
search: "",
//【3】这里设置对应的模型字段
headers: [
{ text: "日志名", value: "name", sortable: false },
{ text: "操作", value: "actions", sortable: false },
],
desserts: [],
}),
created() {
this.initialize();
},
methods: {
down(item)
{
const baseurl = process.env.VUE_APP_BASE_API;
const mylink=baseurl+`/File/showLog?filepath=${item.name}`
var tempwindow=window.open();
tempwindow.location=mylink;
},
initialize() {
fileApi.getLogs().then((resp) => {
const response = resp.data;
this.desserts = response;
});
},
},
};
</script>

223
Yi.BBS.Vue2/src/views/admin/AdmMytype.vue Normal file
View File

@@ -0,0 +1,223 @@
<template>
<v-card>
<v-data-table
:headers="headers"
:items="desserts"
sort-by="calories"
class="elevation-1"
item-key="id"
show-select
v-model="selected"
:search="search"
>
<template v-slot:top>
<!-- 搜索框 -->
<v-toolbar flat>
<v-spacer></v-spacer>
<v-text-field
v-model="search"
append-icon="mdi-magnify"
label="搜索"
single-line
hide-details
class="mx-4"
></v-text-field>
<!-- 添加提示框 -->
<v-dialog v-model="dialog" max-width="500px">
<template v-slot:activator="{ on, attrs }">
<v-btn
color="primary"
dark
class="mb-2 mx-2"
v-bind="attrs"
v-on="on"
>
添加新项
</v-btn>
</template>
<v-card>
<v-card-title>
<span class="headline">{{ formTitle }}</span>
</v-card-title>
<v-card-text>
<v-container>
<!-- 【1】这里设置对应的编辑框名 -->
<v-row>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.name"
label="类型名称"
></v-text-field>
</v-col>
</v-row>
</v-container>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="close"> 取消 </v-btn>
<v-btn color="blue darken-1" text @click="save"> 保存 </v-btn>
</v-card-actions>
</v-card>
</v-dialog>
<v-btn color="red" dark class="mb-2" @click="deleteItem(null)">
删除所选
</v-btn>
<!-- 删除提示框 -->
<v-dialog v-model="dialogDelete" max-width="500px">
<v-card>
<v-card-title class="headline"
>你确定要删除此条记录吗？</v-card-title
>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="closeDelete"
>取消</v-btn
>
<v-btn color="blue darken-1" text @click="deleteItemConfirm"
>确定</v-btn
>
<v-spacer></v-spacer>
</v-card-actions>
</v-card>
</v-dialog>
</v-toolbar>
</template>
<!-- 表格中的删除和修改 -->
<template v-slot:item.actions="{ item }">
<v-icon small class="mr-2" @click="editItem(item)"> mdi-pencil </v-icon>
<v-icon small @click="deleteItem(item)"> mdi-delete </v-icon>
</template>
<!-- 初始化 -->
<template v-slot:no-data>
<v-btn color="primary" @click="initialize"> 刷新 </v-btn>
</template>
</v-data-table>
</v-card>
</template>
<script>
//【2】这里设置对应的API
import mytypeApi from "@/api/mytypeApi";
export default {
data: () => ({
page: 1,
selected: [],
search: "",
dialog: false,
dialogDelete: false,
//【3】这里设置对应的模型字段
headers: [
{
text: "编号",
align: "start",
value: "id",
},
{ text: "类型名称", value: "name", sortable: false },
{ text: "操作", value: "actions", sortable: false },
],
desserts: [],
editedIndex: -1,
//【4】这里设置对应的模型默认字段
editedItem: {
name: "",
},
defaultItem: {
name: "",
},
}),
computed: {
formTitle() {
return this.editedIndex === -1 ? "添加数据" : "编辑数据";
},
},
watch: {
dialog(val) {
val || this.close();
},
dialogDelete(val) {
val || this.closeDelete();
},
},
created() {
this.initialize();
},
methods: {
initialize() {
//【5】这里获取全部字段的API
mytypeApi.getMytypes().then((resp) => {
const response = resp.data;
this.desserts = response;
});
},
editItem(item) {
this.editedIndex = this.desserts.indexOf(item);
this.editedItem = Object.assign({}, item);
this.dialog = true;
},
deleteItem(item) {
this.editedIndex = this.desserts.indexOf(item);
this.editedItem = Object.assign({}, item);
this.dialogDelete = true;
},
deleteItemConfirm() {
var Ids = [];
if (this.editedIndex > -1) {
Ids.push(this.editedItem.id);
} else {
this.selected.forEach(function (item) {
Ids.push(item.id);
});
}
//【6】这里多条删除的API
mytypeApi.delMytypeList(Ids).then(() => this.initialize());
this.closeDelete();
},
close() {
this.dialog = false;
this.$nextTick(() => {
this.editedItem = Object.assign({}, this.defaultItem);
this.editedIndex = -1;
});
},
closeDelete() {
this.dialogDelete = false;
this.$nextTick(() => {
this.editedItem = Object.assign({}, this.defaultItem);
this.editedIndex = -1;
});
},
save() {
//【7】这里编辑和添加的API
if (this.editedIndex > -1) {
mytypeApi.updateMytype(this.editedItem).then(() => this.initialize());
} else {
mytypeApi.addMytype(this.editedItem).then(() => this.initialize());
}
this.close();
},
},
};
</script>

241
Yi.BBS.Vue2/src/views/admin/AdmPlate.vue Normal file
View File

@@ -0,0 +1,241 @@
<template>
<v-card>
<v-data-table
:headers="headers"
:items="desserts"
sort-by="calories"
class="elevation-1"
item-key="id"
show-select
v-model="selected"
:search="search"
>
<template v-slot:top>
<!-- 搜索框 -->
<v-toolbar flat>
<v-spacer></v-spacer>
<v-text-field
v-model="search"
append-icon="mdi-magnify"
label="搜索"
single-line
hide-details
class="mx-4"
></v-text-field>
<!-- 添加提示框 -->
<v-dialog v-model="dialog" max-width="500px">
<template v-slot:activator="{ on, attrs }">
<v-btn
color="primary"
dark
class="mb-2 mx-2"
v-bind="attrs"
v-on="on"
>
添加新项
</v-btn>
</template>
<v-card>
<v-card-title>
<span class="headline">{{ formTitle }}</span>
</v-card-title>
<v-card-text>
<v-container>
<!-- 【1】这里设置对应的编辑框名 -->
<v-row>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.name"
label="主题名"
></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.logo"
label="图标"
></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.introduction"
label="简介"
></v-text-field>
</v-col>
</v-row>
</v-container>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="close"> 取消 </v-btn>
<v-btn color="blue darken-1" text @click="save"> 保存 </v-btn>
</v-card-actions>
</v-card>
</v-dialog>
<v-btn color="red" dark class="mb-2" @click="deleteItem(null)">
删除所选
</v-btn>
<!-- 删除提示框 -->
<v-dialog v-model="dialogDelete" max-width="500px">
<v-card>
<v-card-title class="headline"
>你确定要删除此条记录吗？</v-card-title
>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="closeDelete"
>取消</v-btn
>
<v-btn color="blue darken-1" text @click="deleteItemConfirm"
>确定</v-btn
>
<v-spacer></v-spacer>
</v-card-actions>
</v-card>
</v-dialog>
</v-toolbar>
</template>
<!-- 表格中的删除和修改 -->
<template v-slot:item.actions="{ item }">
<v-icon small class="mr-2" @click="editItem(item)"> mdi-pencil </v-icon>
<v-icon small @click="deleteItem(item)"> mdi-delete </v-icon>
</template>
<!-- 初始化 -->
<template v-slot:no-data>
<v-btn color="primary" @click="initialize"> 刷新 </v-btn>
</template>
</v-data-table>
</v-card>
</template>
<script>
//【2】这里设置对应的API
import plateApi from "@/api/plateApi";
export default {
data: () => ({
page: 1,
selected: [],
search: "",
dialog: false,
dialogDelete: false,
//【3】这里设置对应的模型字段
headers: [
{
text: "编号",
align: "start",
value: "id",
},
{ text: "主题名", value: "name", sortable: false },
{ text: "图标", value: "logo", sortable: false },
{ text: "简介", value: "introduction", sortable: false },
{ text: "操作", value: "actions", sortable: false },
],
desserts: [],
editedIndex: -1,
//【4】这里设置对应的模型默认字段
editedItem: {
name: "",
logo: "",
introduction: "",
},
defaultItem: {
name: "",
logo: "",
introduction: "",
},
}),
computed: {
formTitle() {
return this.editedIndex === -1 ? "添加数据" : "编辑数据";
},
},
watch: {
dialog(val) {
val || this.close();
},
dialogDelete(val) {
val || this.closeDelete();
},
},
created() {
this.initialize();
},
methods: {
initialize() {
//【5】这里获取全部字段的API
plateApi.getPlates().then((resp) => {
const response = resp.data;
this.desserts = response;
});
},
editItem(item) {
this.editedIndex = this.desserts.indexOf(item);
this.editedItem = Object.assign({}, item);
this.dialog = true;
},
deleteItem(item) {
this.editedIndex = this.desserts.indexOf(item);
this.editedItem = Object.assign({}, item);
this.dialogDelete = true;
},
deleteItemConfirm() {
var Ids = [];
if (this.editedIndex > -1) {
Ids.push(this.editedItem.id);
} else {
this.selected.forEach(function (item) {
Ids.push(item.id);
});
}
//【6】这里多条删除的API
plateApi.delPlateList(Ids).then(() => this.initialize());
this.closeDelete();
},
close() {
this.dialog = false;
this.$nextTick(() => {
this.editedItem = Object.assign({}, this.defaultItem);
this.editedIndex = -1;
});
},
closeDelete() {
this.dialogDelete = false;
this.$nextTick(() => {
this.editedItem = Object.assign({}, this.defaultItem);
this.editedIndex = -1;
});
},
save() {
//【7】这里编辑和添加的API
if (this.editedIndex > -1) {
plateApi.updatePlate(this.editedItem).then(() => this.initialize());
} else {
plateApi.addPlate(this.editedItem).then(() => this.initialize());
}
this.close();
},
},
};
</script>

250
Yi.BBS.Vue2/src/views/admin/AdmProp.vue Normal file
View File

@@ -0,0 +1,250 @@
<template>
<v-card>
<v-data-table
:headers="headers"
:items="desserts"
sort-by="calories"
class="elevation-1"
item-key="id"
show-select
v-model="selected"
:search="search"
>
<template v-slot:top>
<!-- 搜索框 -->
<v-toolbar flat>
<v-spacer></v-spacer>
<v-text-field
v-model="search"
append-icon="mdi-magnify"
label="搜索"
single-line
hide-details
class="mx-4"
></v-text-field>
<!-- 添加提示框 -->
<v-dialog v-model="dialog" max-width="500px">
<template v-slot:activator="{ on, attrs }">
<v-btn
color="primary"
dark
class="mb-2 mx-2"
v-bind="attrs"
v-on="on"
>
添加新项
</v-btn>
</template>
<v-card>
<v-card-title>
<span class="headline">{{ formTitle }}</span>
</v-card-title>
<v-card-text>
<v-container>
<!-- 【1】这里设置对应的编辑框名 -->
<v-row>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.name"
label="道具名"
></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.logo"
label="图标"
></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.introduction"
label="简介"
></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.color"
label="色彩"
></v-text-field>
</v-col>
</v-row>
</v-container>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="close"> 取消 </v-btn>
<v-btn color="blue darken-1" text @click="save"> 保存 </v-btn>
</v-card-actions>
</v-card>
</v-dialog>
<v-btn color="red" dark class="mb-2" @click="deleteItem(null)">
删除所选
</v-btn>
<!-- 删除提示框 -->
<v-dialog v-model="dialogDelete" max-width="500px">
<v-card>
<v-card-title class="headline"
>你确定要删除此条记录吗？</v-card-title
>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="closeDelete"
>取消</v-btn
>
<v-btn color="blue darken-1" text @click="deleteItemConfirm"
>确定</v-btn
>
<v-spacer></v-spacer>
</v-card-actions>
</v-card>
</v-dialog>
</v-toolbar>
</template>
<!-- 表格中的删除和修改 -->
<template v-slot:item.actions="{ item }">
<v-icon small class="mr-2" @click="editItem(item)"> mdi-pencil </v-icon>
<v-icon small @click="deleteItem(item)"> mdi-delete </v-icon>
</template>
<!-- 初始化 -->
<template v-slot:no-data>
<v-btn color="primary" @click="initialize"> 刷新 </v-btn>
</template>
</v-data-table>
</v-card>
</template>
<script>
//【2】这里设置对应的API
import propApi from "@/api/propApi";
export default {
data: () => ({
page: 1,
selected: [],
search: "",
dialog: false,
dialogDelete: false,
//【3】这里设置对应的模型字段
headers: [
{
text: "编号",
align: "start",
value: "id",
},
{ text: "道具名", value: "name", sortable: false },
{ text: "图标", value: "logo", sortable: false },
{ text: "简介", value: "introduction", sortable: false },
{ text: "色彩", value: "color", sortable: false },
{ text: "操作", value: "actions", sortable: false },
],
desserts: [],
editedIndex: -1,
//【4】这里设置对应的模型默认字段
editedItem: {
name: "",
logo: "mdi-message-text",
introduction: "暂无简介",
color: "cyan",
},
defaultItem: {
name: "",
logo: "mdi-message-text",
introduction: "暂无简介",
color: "cyan",
},
}),
computed: {
formTitle() {
return this.editedIndex === -1 ? "添加数据" : "编辑数据";
},
},
watch: {
dialog(val) {
val || this.close();
},
dialogDelete(val) {
val || this.closeDelete();
},
},
created() {
this.initialize();
},
methods: {
initialize() {
//【5】这里获取全部字段的API
propApi.getProps().then((resp) => {
const response = resp.data;
this.desserts = response;
});
},
editItem(item) {
this.editedIndex = this.desserts.indexOf(item);
this.editedItem = Object.assign({}, item);
this.dialog = true;
},
deleteItem(item) {
this.editedIndex = this.desserts.indexOf(item);
this.editedItem = Object.assign({}, item);
this.dialogDelete = true;
},
deleteItemConfirm() {
var Ids = [];
if (this.editedIndex > -1) {
Ids.push(this.editedItem.id);
} else {
this.selected.forEach(function (item) {
Ids.push(item.id);
});
}
//【6】这里多条删除的API
propApi.delPropList(Ids).then(() => this.initialize());
this.closeDelete();
},
close() {
this.dialog = false;
this.$nextTick(() => {
this.editedItem = Object.assign({}, this.defaultItem);
this.editedIndex = -1;
});
},
closeDelete() {
this.dialogDelete = false;
this.$nextTick(() => {
this.editedItem = Object.assign({}, this.defaultItem);
this.editedIndex = -1;
});
},
save() {
//【7】这里编辑和添加的API
if (this.editedIndex > -1) {
propApi.updateProp(this.editedItem).then(() => this.initialize());
} else {
propApi.addProp(this.editedItem).then(() => this.initialize());
}
this.close();
},
},
};
</script>

307
Yi.BBS.Vue2/src/views/admin/AdmRole.vue Normal file
View File

@@ -0,0 +1,307 @@
<template>
<v-card>
<v-data-table
:headers="headers"
:items="desserts"
sort-by="calories"
class="elevation-1"
item-key="id"
show-select
v-model="selected"
:search="search"
>
<template v-slot:top>
<!-- 搜索框 -->
<v-toolbar flat>
<v-spacer></v-spacer>
<v-text-field
v-model="search"
append-icon="mdi-magnify"
label="搜索"
single-line
hide-details
class="mx-4"
></v-text-field>
<!-- 添加提示框 -->
<v-dialog v-model="dialog" max-width="500px">
<template v-slot:activator="{ on, attrs }">
<v-btn
color="primary"
dark
class="mb-2 mx-2"
v-bind="attrs"
v-on="on"
>
添加新项
</v-btn>
</template>
<v-card>
<v-card-title>
<span class="headline">{{ formTitle }}</span>
</v-card-title>
<v-card-text>
<v-container>
<!-- 【1】这里设置对应的编辑框名 -->
<v-row>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.role_name"
label="角色名"
></v-text-field>
</v-col>
</v-row>
</v-container>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="close"> 取消 </v-btn>
<v-btn color="blue darken-1" text @click="save"> 保存 </v-btn>
</v-card-actions>
</v-card>
</v-dialog>
<v-btn color="red" dark class="mb-2" @click="deleteItem(null)">
删除所选
</v-btn>
<!-- 设置权限提示框 -->
<v-dialog v-model="dialogAction" max-width="500px">
<v-card>
<v-card-title>
<span class="headline">设置权限</span>
</v-card-title>
<v-card-text>
<v-container fluid>
<v-col cols="12">
<v-combobox
v-model="selectAction"
:items="itemsAction"
label="点击选择权限"
multiple
chips
></v-combobox>
</v-col>
</v-container>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="closeAction">
取消
</v-btn>
<v-btn color="blue darken-1" text @click="saveAction">
保存
</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
<!-- 删除提示框 -->
<v-dialog v-model="dialogDelete" max-width="500px">
<v-card>
<v-card-title class="headline"
>你确定要删除此条记录吗？</v-card-title
>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="closeDelete"
>取消</v-btn
>
<v-btn color="blue darken-1" text @click="deleteItemConfirm"
>确定</v-btn
>
<v-spacer></v-spacer>
</v-card-actions>
</v-card>
</v-dialog>
</v-toolbar>
</template>
<!-- 表格中的删除和修改 -->
<template v-slot:item.actions="{ item }">
<v-icon small class="mr-2" @click="editItem(item)"> mdi-pencil </v-icon>
<v-icon small @click="deleteItem(item)"> mdi-delete </v-icon>
<v-icon small @click="setActionItem(item)"> mdi-lock </v-icon>
</template>
<!-- 初始化 -->
<template v-slot:no-data>
<v-btn color="primary" @click="initialize"> 刷新 </v-btn>
</template>
</v-data-table>
</v-card>
</template>
<script>
//【2】这里设置对应的API
import roleApi from "@/api/roleApi";
import actionApi from "@/api/actionApi";
export default {
data: () => ({
allAction: [],
selectAction: [],
itemsAction: [],
dialogAction: false,
page: 1,
selected: [],
search: "",
dialog: false,
dialogDelete: false,
//【3】这里设置对应的模型字段
headers: [
{
text: "编号",
align: "start",
value: "id",
},
{ text: "角色名", value: "role_name", sortable: false },
{ text: "操作", value: "actions", sortable: false },
],
desserts: [],
editedIndex: -1,
//【4】这里设置对应的模型默认字段
editedItem: {
role_name: "",
},
defaultItem: {
role_name: "",
},
}),
computed: {
formTitle() {
return this.editedIndex === -1 ? "添加数据" : "编辑数据";
},
},
watch: {
dialog(val) {
val || this.close();
},
dialogDelete(val) {
val || this.closeDelete();
},
},
created() {
this.initialize();
},
methods: {
initialize() {
//【5】这里获取全部字段的API
roleApi.getRoles().then((resp) => {
const response = resp.data;
this.desserts = response;
});
},
editItem(item) {
this.editedIndex = this.desserts.indexOf(item);
this.editedItem = Object.assign({}, item);
this.dialog = true;
},
deleteItem(item) {
this.editedIndex = this.desserts.indexOf(item);
this.editedItem = Object.assign({}, item);
this.dialogDelete = true;
},
deleteItemConfirm() {
var Ids = [];
if (this.editedIndex > -1) {
Ids.push(this.editedItem.id);
} else {
this.selected.forEach(function (item) {
Ids.push(item.id);
});
}
//【6】这里多条删除的API
roleApi.delRoleList(Ids).then(() => this.initialize());
this.closeDelete();
},
close() {
this.dialog = false;
this.$nextTick(() => {
this.editedItem = Object.assign({}, this.defaultItem);
this.editedIndex = -1;
});
},
closeDelete() {
this.dialogDelete = false;
this.$nextTick(() => {
this.editedItem = Object.assign({}, this.defaultItem);
this.editedIndex = -1;
});
},
save() {
//【7】这里编辑和添加的API
if (this.editedIndex > -1) {
roleApi.updateRole(this.editedItem).then(() => this.initialize());
} else {
roleApi.AddRole(this.editedItem).then(() => this.initialize());
}
this.close();
},
setActionItem(item) {
//forEach中this指向已经发生变化
//获取所有权限
actionApi.getActions().then((resp) => {
const response = resp.data;
this.allAction = response;
this.itemsAction = [];
for (let i = 0; i < response.length; i++) {
this.itemsAction.push(response[i].action_name);
}
});
this.editedIndex = this.desserts.indexOf(item);
this.editedItem = Object.assign({}, item);
//获取该角色已存在的权限
roleApi.GetActionByRoleId(this.editedItem.id).then((resp) => {
const response = resp.data;
for (let i = 0; i < response.length; i++) {
this.selectAction.push(response[i].action_name);
}
});
this.dialogAction = true;
},
closeAction() {
this.dialogAction = false;
this.selectAction = [];
this.$nextTick(() => {
this.editedItem = Object.assign({}, this.defaultItem);
this.editedIndex = -1;
});
},
saveAction() {
var Ids = [];
const myAllAction = this.allAction;
for (let i = 0; i < myAllAction.length; i++) {
var resule = this.selectAction.find(function (item) {
return item == myAllAction[i].action_name;
});
if (resule) {
Ids.push(myAllAction[i].id);
}
}
roleApi.setAction(this.editedItem.id, Ids).then(() => {
this.closeAction();
});
},
},
};
</script>

96
Yi.BBS.Vue2/src/views/admin/AdmSetting.vue Normal file
View File

@@ -0,0 +1,96 @@
<template>
<v-form v-model="valid">
<v-container>
<v-card class="pa-4">
<h2>设置</h2>
<v-row>
<v-col cols="12">
<v-text-field
v-model="form.title"
:rules="myRules"
:counter="10"
label="站点标题"
required
></v-text-field>
</v-col>
</v-row>
<v-divider class="my-6"></v-divider>
<h3>分页设置</h3>
<v-row>
<v-col cols="12" md="4">
<v-text-field
v-model="form.discussPage"
:counter="10"
label="主题每页数"
required
></v-text-field>
</v-col>
<v-col cols="12" md="4">
<v-text-field
v-model="form.commentPage"
label="评论每页数"
required
></v-text-field>
</v-col>
</v-row>
<v-divider class="my-6"></v-divider>
<h3>经验设置</h3>
<v-row>
<v-col cols="12" md="4">
<v-text-field
v-model="form.discussExperience"
:counter="10"
label="发布主题经验"
required
></v-text-field>
</v-col>
<v-col cols="12" md="4">
<v-text-field
v-model="form.commentExperience"
label="发布评论经验"
required
></v-text-field>
</v-col>
</v-row>
<v-divider class="my-6"></v-divider>
<v-btn dark color="cyan" @click="save">保存</v-btn>
</v-card>
</v-container>
</v-form>
</template>
<script>
import settingApi from "@/api/settingApi";
export default {
data: () => ({
form: {},
valid: false,
firstname: "",
lastname: "",
myRules: [
(v) => !!v || "不能为空",
(v) => v.length <= 10 || "请输入小于10个字符",
],
}),
created() {
this.initialize();
},
methods: {
save() {
settingApi.UpdateSetting(this.form).then((resp) => {
this.initialize();
this.$dialog.notify.success(resp.msg, {
position: "top-right",
timeout: 5000,
});
});
},
initialize() {
settingApi.getSetting().then((resp) => {
this.form = resp.data;
});
},
},
};
</script>

255
Yi.BBS.Vue2/src/views/admin/AdmShop.vue Normal file
View File

@@ -0,0 +1,255 @@
<template>
<v-card>
<v-data-table
:headers="headers"
:items="desserts"
sort-by="calories"
class="elevation-1"
item-key="id"
show-select
v-model="selected"
:search="search"
>
<template v-slot:top>
<!-- 搜索框 -->
<v-toolbar flat>
<v-spacer></v-spacer>
<v-text-field
v-model="search"
append-icon="mdi-magnify"
label="搜索"
single-line
hide-details
class="mx-4"
></v-text-field>
<!-- 添加提示框 -->
<v-dialog v-model="dialog" max-width="500px">
<template v-slot:activator="{ on, attrs }">
<v-btn
color="primary"
dark
class="mb-2 mx-2"
v-bind="attrs"
v-on="on"
>
添加新项
</v-btn>
</template>
<v-card>
<v-card-title>
<span class="headline">{{ formTitle }}</span>
</v-card-title>
<v-card-text>
<v-container>
<!-- 【1】这里设置对应的编辑框名 -->
<v-row>
<v-col cols="12" sm="6" md="4">
<v-select
:items="items"
filled
label="选择道具"
v-model="propItem"
></v-select>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.price"
label="定价"
></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.number"
label="数量"
></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.discount"
label="折扣"
></v-text-field>
</v-col>
</v-row>
</v-container>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="close"> 取消 </v-btn>
<v-btn color="blue darken-1" text @click="save"> 保存 </v-btn>
</v-card-actions>
</v-card>
</v-dialog>
<v-btn color="red" dark class="mb-2" @click="deleteItem(null)">
删除所选
</v-btn>
<!-- 删除提示框 -->
<v-dialog v-model="dialogDelete" max-width="500px">
<v-card>
<v-card-title class="headline"
>你确定要删除此条记录吗？</v-card-title
>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="closeDelete"
>取消</v-btn
>
<v-btn color="blue darken-1" text @click="deleteItemConfirm"
>确定</v-btn
>
<v-spacer></v-spacer>
</v-card-actions>
</v-card>
</v-dialog>
</v-toolbar>
</template>
<!-- 表格中的删除和修改 -->
<template v-slot:item.actions="{ item }">
<v-icon small class="mr-2" @click="editItem(item)"> mdi-pencil </v-icon>
<v-icon small @click="deleteItem(item)"> mdi-delete </v-icon>
</template>
<!-- 初始化 -->
<template v-slot:no-data>
<v-btn color="primary" @click="initialize"> 刷新 </v-btn>
</template>
</v-data-table>
</v-card>
</template>
<script>
//【2】这里设置对应的API
import shopApi from "@/api/shopApi";
export default {
data: () => ({
items: ["置顶卡", "色彩卡", "匿名卡", "加密卡"],
page: 1,
selected: [],
search: "",
dialog: false,
dialogDelete: false,
//【3】这里设置对应的模型字段
headers: [
{
text: "编号",
align: "start",
value: "id",
},
{ text: "道具", value: "prop.name", sortable: false },
{ text: "定价", value: "price", sortable: false },
{ text: "数量", value: "number", sortable: false },
{ text: "折扣", value: "discount", sortable: false },
{ text: "操作", value: "actions", sortable: false },
],
desserts: [],
editedIndex: -1,
propItem:"",
//【4】这里设置对应的模型默认字段
editedItem: {
price: "",
number: "1",
discount: "1.00",
},
defaultItem: {
price: "",
number: "1",
discount: "1.00",
},
}),
computed: {
formTitle() {
return this.editedIndex === -1 ? "添加数据" : "编辑数据";
},
},
watch: {
dialog(val) {
val || this.close();
},
dialogDelete(val) {
val || this.closeDelete();
},
},
created() {
this.initialize();
},
methods: {
initialize() {
//【5】这里获取全部字段的API
shopApi.getShops().then((resp) => {
const response = resp.data;
this.desserts = response;
});
},
editItem(item) {
this.editedIndex = this.desserts.indexOf(item);
this.editedItem = Object.assign({}, item);
this.dialog = true;
},
deleteItem(item) {
this.editedIndex = this.desserts.indexOf(item);
this.editedItem = Object.assign({}, item);
this.dialogDelete = true;
},
deleteItemConfirm() {
var Ids = [];
if (this.editedIndex > -1) {
Ids.push(this.editedItem.id);
} else {
this.selected.forEach(function (item) {
Ids.push(item.id);
});
}
//【6】这里多条删除的API
shopApi.delShopList(Ids).then(() => this.initialize());
this.closeDelete();
},
close() {
this.dialog = false;
this.$nextTick(() => {
this.editedItem = Object.assign({}, this.defaultItem);
this.editedIndex = -1;
});
},
closeDelete() {
this.dialogDelete = false;
this.$nextTick(() => {
this.editedItem = Object.assign({}, this.defaultItem);
this.editedIndex = -1;
});
},
save() {
//【7】这里编辑和添加的API
var propId=0;
switch(this.propItem){
case "置顶卡":propId=1;break;
case "色彩卡":propId=2;break;
case "匿名卡":propId=3;break;
case "加密卡":propId=4;break;
}
if (this.editedIndex > -1) {
shopApi.updateShop(this.editedItem,propId).then(() => this.initialize());
} else {
shopApi.addShop(this.editedItem,propId).then(() => this.initialize());
}
this.close();
},
},
};
</script>

476
Yi.BBS.Vue2/src/views/admin/AdmUser.vue Normal file
View File

@@ -0,0 +1,476 @@
<template>
<v-card>
<v-data-table
:headers="headers"
:items="desserts"
sort-by="calories"
class="elevation-1"
item-key="id"
show-select
v-model="selected"
:search="search"
>
<template v-slot:top>
<!-- 搜索框 -->
<v-toolbar flat>
<v-spacer></v-spacer>
<v-text-field
v-model="search"
append-icon="mdi-magnify"
label="搜索"
single-line
hide-details
class="mx-4"
></v-text-field>
<!-- 设置特殊权限提示框 -->
<v-dialog v-model="dialogAction" max-width="500px">
<v-card>
<v-card-title>
<span class="headline">设置特殊权限</span>
</v-card-title>
<v-card-text>
<v-container fluid>
<v-col cols="12">
<v-combobox
v-model="selectAction"
:items="itemsAction"
label="点击选择特殊权限"
multiple
chips
></v-combobox>
</v-col>
</v-container>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="closeAction">
取消
</v-btn>
<v-btn color="blue darken-1" text @click="saveAction">
保存
</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
<!-- 设置角色提示框 -->
<v-dialog v-model="dialogRole" max-width="500px">
<v-card>
<v-card-title>
<span class="headline">设置角色</span>
</v-card-title>
<v-card-text>
<v-container fluid>
<v-col cols="12">
<v-combobox
v-model="selectRole"
:items="itemsRole"
label="点击选择角色"
multiple
chips
></v-combobox>
</v-col>
</v-container>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="closeRole">
取消
</v-btn>
<v-btn color="blue darken-1" text @click="saveRole">
保存
</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
<v-btn color="cyan" dark class="mb-2" @click="addListRole=true;dialogRole = true">
设角
</v-btn>
<!-- 添加提示框 -->
<v-dialog v-model="dialog" max-width="500px">
<template v-slot:activator="{ on, attrs }">
<v-btn
color="primary"
dark
class="mb-2 mx-2"
v-bind="attrs"
v-on="on"
>
添加
</v-btn>
</template>
<v-card>
<v-card-title>
<span class="headline">{{ formTitle }}</span>
</v-card-title>
<v-card-text>
<v-container>
<!-- 【1】这里设置对应的编辑框名 -->
<v-row>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.username"
label="用户名"
></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.password"
label="密码"
></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.icon"
label="头像"
></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.email"
label="邮箱"
></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.nick"
label="昵称"
></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.openId"
label="QQid"
></v-text-field>
</v-col>
</v-row>
</v-container>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="close"> 取消 </v-btn>
<v-btn color="blue darken-1" text @click="save"> 保存 </v-btn>
</v-card-actions>
</v-card>
</v-dialog>
<v-btn color="red" dark class="mb-2" @click="deleteItem(null)">
删除
</v-btn>
<!-- 删除提示框 -->
<v-dialog v-model="dialogDelete" max-width="500px">
<v-card>
<v-card-title class="headline"
>你确定要删除此条记录吗？</v-card-title
>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="closeDelete"
>取消</v-btn
>
<v-btn color="blue darken-1" text @click="deleteItemConfirm"
>确定</v-btn
>
<v-spacer></v-spacer>
</v-card-actions>
</v-card>
</v-dialog>
</v-toolbar>
</template>
<!-- 表格中的删除和修改 -->
<template v-slot:item.actions="{ item }">
<v-icon small class="mr-2" @click="editItem(item)"> mdi-pencil </v-icon>
<v-icon small @click="deleteItem(item)"> mdi-delete </v-icon>
<v-icon small class="mr-2" @click="setRoleItem(item)">
mdi-gavel
</v-icon>
<v-icon small @click="setActionItem(item)"> mdi-lock </v-icon>
</template>
<!-- 初始化 -->
<template v-slot:no-data>
<v-btn color="primary" @click="initialize"> 刷新 </v-btn>
</template>
</v-data-table>
</v-card>
</template>
<script>
//【2】这里设置对应的API
import userApi from "@/api/userApi";
import roleApi from "@/api/roleApi";
import actionApi from "@/api/actionApi";
export default {
data: () => ({
addListRole:false,
allAction: [],
selectAction: [],
itemsAction: [],
dialogAction: false,
// -------------------------------
allRole: [],
selectRole: [],
itemsRole: [],
dialogRole: false,
// -----------------------------
page: 1,
selected: [],
search: "",
dialog: false,
dialogDelete: false,
//【3】这里设置对应的模型字段
headers: [
{
text: "编号",
align: "start",
value: "id",
},
{ text: "用户名", value: "username", sortable: false },
{ text: "密码", value: "password", sortable: false },
{ text: "头像", value: "icon", sortable: false },
{ text: "昵称", value: "nick", sortable: false },
{ text: "邮箱", value: "email", sortable: false },
{ text: "QQId", value: "openid", sortable: false },
{ text: "ip", value: "ip", sortable: false },
{ text: "操作", value: "actions", sortable: false },
],
desserts: [],
editedIndex: -1,
//【4】这里设置对应的模型默认字段
editedItem: {
user_name: "",
password: "",
icon: "",
nick: "",
email: "",
openid: "",
ip: "",
},
defaultItem: {
user_name: "",
password: "",
icon: "",
nick: "",
email: "",
openid: "",
ip: "",
},
}),
computed: {
formTitle() {
return this.editedIndex === -1 ? "添加数据" : "编辑数据";
},
},
watch: {
dialog(val) {
val || this.close();
},
dialogDelete(val) {
val || this.closeDelete();
},
},
created() {
this.initialize();
},
methods: {
initialize() {
//【5】这里获取全部字段的API
userApi.getAllUser().then((resp) => {
const response = resp.data;
this.desserts = response;
});
roleApi.getRoles().then((resp) => {
const response = resp.data;
this.allRole = response;
this.itemsRole = [];
for (let i = 0; i < response.length; i++) {
this.itemsRole.push(response[i].role_name);
}
});
actionApi.getActions().then((resp) => {
const response = resp.data;
this.allAction = response;
this.itemsAction = [];
for (let i = 0; i < response.length; i++) {
this.itemsAction.push(response[i].action_name);
}
});
},
editItem(item) {
this.editedIndex = this.desserts.indexOf(item);
this.editedItem = Object.assign({}, item);
this.dialog = true;
},
deleteItem(item) {
this.editedIndex = this.desserts.indexOf(item);
this.editedItem = Object.assign({}, item);
this.dialogDelete = true;
},
deleteItemConfirm() {
var Ids = [];
if (this.editedIndex > -1) {
Ids.push(this.editedItem.id);
} else {
this.selected.forEach(function (item) {
Ids.push(item.id);
});
}
//【6】这里多条删除的API
userApi.delUserList(Ids).then(() => this.initialize());
this.closeDelete();
},
close() {
this.dialog = false;
this.$nextTick(() => {
this.editedItem = Object.assign({}, this.defaultItem);
this.editedIndex = -1;
});
},
closeDelete() {
this.dialogDelete = false;
this.$nextTick(() => {
this.editedItem = Object.assign({}, this.defaultItem);
this.editedIndex = -1;
});
},
save() {
//【7】这里编辑和添加的API
if (this.editedIndex > -1) {
userApi.updateUser(this.editedItem).then(() => this.initialize());
} else {
userApi.addUser(this.editedItem).then(() => this.initialize());
}
this.close();
},
// ----------------------------------------------------------------------
setRoleItem(item) {
//forEach中this指向已经发生变化
//获取所有角色
this.editedIndex = this.desserts.indexOf(item);
this.editedItem = Object.assign({}, item);
//获取已经存在的角色
userApi.getRoleByuserId(this.editedItem.id).then((resp) => {
const response = resp.data;
for (let i = 0; i < response.length; i++) {
this.selectRole.push(response[i].role_name);
}
});
this.dialogRole = true;
},
closeRole() {
this.addListRole=false;
this.dialogRole = false;
this.selectRole = [];
this.$nextTick(() => {
this.editedItem = Object.assign({}, this.defaultItem);
this.editedIndex = -1;
});
},
saveRole() {
//保存角色(如果点击的是 批量设角色并且选择了目标 那就进行批量保存，否则，只设置一个)
var Ids = [];
const myAllRoles = this.allRole;
for (let i = 0; i < myAllRoles.length; i++) {
var resule = this.selectRole.find(function (item) {
return item == myAllRoles[i].role_name;
});
if (resule) {
Ids.push(myAllRoles[i].id);
}
}
//Ids为选中的角色列表
if (this.addListRole) {
if (this.selected.length > 0) {
let userIds = this.selected.map(obj => {
return obj.id; })
userApi.setRoleList(userIds, Ids).then(() => {
this.closeRole();
});
} else {
this.$dialog.notify.error("请选择至少一个用户进行批量设置", {
position: "top-right",
timeout: 5000,
});
this.closeRole();
}
} else {
userApi.setRole(this.editedItem.id, Ids).then(() => {
this.closeRole();
});
}
},
// -----------------------------------------
setActionItem(item) {
//forEach中this指向已经发生变化
//获取所有权限
this.editedIndex = this.desserts.indexOf(item);
this.editedItem = Object.assign({}, item);
//获取已经存在的特殊权限
userApi.getSpecialAction(this.editedItem.id).then((resp) => {
const response = resp.data;
for (let i = 0; i < response.length; i++) {
this.selectAction.push(response[i].action_name);
}
});
this.dialogAction = true;
},
closeAction() {
this.dialogAction = false;
this.selectAction = [];
this.$nextTick(() => {
this.editedItem = Object.assign({}, this.defaultItem);
this.editedIndex = -1;
});
},
saveAction() {
var Ids = [];
const myAllAction = this.allAction;
for (let i = 0; i < myAllAction.length; i++) {
var resule = this.selectAction.find(function (item) {
return item == myAllAction[i].action_name;
});
if (resule) {
Ids.push(myAllAction[i].id);
}
}
userApi.setSpecialAction(this.editedItem.id, Ids).then(() => {
this.closeAction();
});
},
},
};
</script>

250
Yi.BBS.Vue2/src/views/admin/AdmVersion.vue Normal file
View File

@@ -0,0 +1,250 @@
<template>
<v-card>
<v-data-table
:headers="headers"
:items="desserts"
sort-by="calories"
class="elevation-1"
item-key="id"
show-select
v-model="selected"
:search="search"
>
<template v-slot:top>
<!-- 搜索框 -->
<v-toolbar flat>
<v-spacer></v-spacer>
<v-text-field
v-model="search"
append-icon="mdi-magnify"
label="搜索"
single-line
hide-details
class="mx-4"
></v-text-field>
<!-- 添加提示框 -->
<v-dialog v-model="dialog" max-width="500px">
<template v-slot:activator="{ on, attrs }">
<v-btn
color="primary"
dark
class="mb-2 mx-2"
v-bind="attrs"
v-on="on"
>
添加新项
</v-btn>
</template>
<v-card>
<v-card-title>
<span class="headline">{{ formTitle }}</span>
</v-card-title>
<v-card-text>
<v-container>
<!-- 【1】这里设置对应的编辑框名 -->
<v-row>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.ver"
label="版本号"
></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.time"
label="时间"
></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.color"
label="颜色"
></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="editedItem.context"
label="内容"
></v-text-field>
</v-col>
</v-row>
</v-container>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="close"> 取消 </v-btn>
<v-btn color="blue darken-1" text @click="save"> 保存 </v-btn>
</v-card-actions>
</v-card>
</v-dialog>
<v-btn color="red" dark class="mb-2" @click="deleteItem(null)">
删除所选
</v-btn>
<!-- 删除提示框 -->
<v-dialog v-model="dialogDelete" max-width="500px">
<v-card>
<v-card-title class="headline"
>你确定要删除此条记录吗？</v-card-title
>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="closeDelete"
>取消</v-btn
>
<v-btn color="blue darken-1" text @click="deleteItemConfirm"
>确定</v-btn
>
<v-spacer></v-spacer>
</v-card-actions>
</v-card>
</v-dialog>
</v-toolbar>
</template>
<!-- 表格中的删除和修改 -->
<template v-slot:item.actions="{ item }">
<v-icon small class="mr-2" @click="editItem(item)"> mdi-pencil </v-icon>
<v-icon small @click="deleteItem(item)"> mdi-delete </v-icon>
</template>
<!-- 初始化 -->
<template v-slot:no-data>
<v-btn color="primary" @click="initialize"> 刷新 </v-btn>
</template>
</v-data-table>
</v-card>
</template>
<script>
//【2】这里设置对应的API
import versionApi from "@/api/versionApi";
export default {
data: () => ({
page: 1,
selected: [],
search: "",
dialog: false,
dialogDelete: false,
//【3】这里设置对应的模型字段
headers: [
{
text: "编号",
align: "start",
value: "id",
},
{ text: "版本号", value: "ver", sortable: false },
{ text: "时间", value: "time", sortable: false },
{ text: "颜色", value: "color", sortable: false },
{ text: "内容", value: "context", sortable: false },
{ text: "操作", value: "actions", sortable: false },
],
desserts: [],
editedIndex: -1,
//【4】这里设置对应的模型默认字段
editedItem: {
ver: "",
time: "",
color: "cyan",
context: "",
},
defaultItem: {
ver: "v",
time: "",
color: "cyan",
context: "",
},
}),
computed: {
formTitle() {
return this.editedIndex === -1 ? "添加数据" : "编辑数据";
},
},
watch: {
dialog(val) {
val || this.close();
},
dialogDelete(val) {
val || this.closeDelete();
},
},
created() {
this.initialize();
},
methods: {
initialize() {
//【5】这里获取全部字段的API
versionApi.getVersions().then((resp) => {
const response = resp.data;
this.desserts = response;
});
},
editItem(item) {
this.editedIndex = this.desserts.indexOf(item);
this.editedItem = Object.assign({}, item);
this.dialog = true;
},
deleteItem(item) {
this.editedIndex = this.desserts.indexOf(item);
this.editedItem = Object.assign({}, item);
this.dialogDelete = true;
},
deleteItemConfirm() {
var Ids = [];
if (this.editedIndex > -1) {
Ids.push(this.editedItem.id);
} else {
this.selected.forEach(function (item) {
Ids.push(item.id);
});
}
//【6】这里多条删除的API
versionApi.delVersionList(Ids).then(() => this.initialize());
this.closeDelete();
},
close() {
this.dialog = false;
this.$nextTick(() => {
this.editedItem = Object.assign({}, this.defaultItem);
this.editedIndex = -1;
});
},
closeDelete() {
this.dialogDelete = false;
this.$nextTick(() => {
this.editedItem = Object.assign({}, this.defaultItem);
this.editedIndex = -1;
});
},
save() {
//【7】这里编辑和添加的API
if (this.editedIndex > -1) {
versionApi.updateVersion(this.editedItem).then(() => this.initialize());
} else {
versionApi.addVersion(this.editedItem).then(() => this.initialize());
}
this.close();
},
},
};
</script>

275
Yi.BBS.Vue2/src/views/chathub.vue Normal file
View File

@@ -0,0 +1,275 @@
<template>
<v-container fluid>
<v-row>
<!-- 添加提示框 -->
<v-dialog v-model="dialog" max-width="500px">
<v-card>
<v-card-title>
<span class="headline">添加标签</span>
</v-card-title>
<v-card-text>
<v-container>
<!-- 【1】这里设置对应的编辑框名 -->
<v-row>
<v-col cols="12" sm="6" md="4">
<v-text-field label="聊天室Id"></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field label="聊天室密码"></v-text-field>
</v-col>
</v-row>
</v-container>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="close"> 取消 </v-btn>
<v-btn color="blue darken-1" text @click="save"> 保存 </v-btn>
</v-card-actions>
</v-card>
</v-dialog>
<v-col cols="2" class="pb-0 d-none d-xl-flex">
<v-card height="100%" width="100%" class="mx-auto">
<v-list>
<v-list-item>
<v-list-item-content>
<v-btn
v-if="my"
color="cyan"
elevation="2"
@click="Add"
large
dark
>
添加聊天室
</v-btn>
</v-list-item-content>
</v-list-item>
<v-divider></v-divider>
<v-list dense nav>
<v-list-item
v-for="(myitem, index) in items"
:key="index"
link
@click="myitem.method"
>
<v-list-item-content>
<v-list-item-title>
{{ myitem.name }}
</v-list-item-title>
</v-list-item-content>
</v-list-item>
</v-list>
</v-list>
</v-card>
</v-col>
<v-col cols="12" xl="10" class="elevation-2">
<v-row>
<v-col cols="4" md="6">
<div class="text-h5 title pt-6">
<v-icon class="mx-2">mdi-menu</v-icon>聊天
</div>
</v-col>
<v-col cols="2" md="2"></v-col>
<v-col cols="3" md="2">
<v-btn dark color="blue" @click="con"> 开始连接 </v-btn>
</v-col>
<v-col cols="3" md="2">
<v-btn dark color="red" @click="closehub"> 断开连接 </v-btn>
</v-col>
</v-row>
<v-row justify="center">
<v-container>
<v-card>
<div
ref="context"
class="grey lighten-5"
style="overflow-y: auto; height: 500px"
>
<div
v-for="(item, index) in form"
:key="index"
>
<div v-show="item.id == myform.id">
<v-avatar size="40" class="elevation-2 ml-6 my-4">
<img
@click="intoInfo(item.id)"
:src="
baseurl + '/File/ShowNoticeImg?filePath=' + item.icon
"
/>
</v-avatar>
<v-tooltip bottom>
<template v-slot:activator="{ on, attrs }">
<span
v-bind="attrs"
v-on="on"
class="pa-3 rounded-lg ml-2 elevation-2 mr-6"
:style="{ backgroundColor: 'white' }"
v-html="item.context"
></span>
</template>
<span>发表时间：{{ item.time }}</span>
</v-tooltip>
</div>
<div class="text-right" v-show="item.id != myform.id">
<v-tooltip bottom>
<template v-slot:activator="{ on, attrs }">
<span
v-bind="attrs"
v-on="on"
class="pa-3 rounded-lg ml-2 elevation-2"
:style="{ backgroundColor: 'white' }"
v-html="item.context"
></span>
</template>
<span>发表时间：{{ item.time }}</span>
</v-tooltip>
<v-avatar size="40" class="elevation-2 ml-2 my-4 mr-6">
<img
@click="intoInfo(item.id)"
:src="
baseurl + '/File/ShowNoticeImg?filePath=' + item.icon
"
/>
</v-avatar>
</div>
</div>
</div>
<v-text-field
label="输入你的聊天内容"
v-model="myform.context"
filled
dense
@keyup.enter="send"
>
<v-btn
slot="append"
fab
color="cyan"
small
class="mb-2"
@click="send"
>
<v-icon color="white"> mdi-send </v-icon>
</v-btn>
</v-text-field>
</v-card>
</v-container>
</v-row>
</v-col>
</v-row>
</v-container>
</template>
<script>
export default {
data() {
return {
myform: {
id: 0,
context: "",
icon: "",
time: "",
},
my: false,
dialog: false,
items: [
{ name: "#聊天大厅", method: "" },
{ name: "#我的聊天室", method: "" },
{ name: "#工作室", method: "" },
{ name: "#项目团队", method: "" },
{ name: "#其他", method: "" },
],
baseurl: "",
form: [],
};
},
watch: {
pageIndex: {
handler() {
this.initializa();
},
},
},
created() {
console.log(this.signalr.connectionState);
this.myform.id = this.$store.state.user.user.id;
(this.myform.icon = this.$store.state.user.user.icon),
this.signalr.off("Show");
var that = this;
this.signalr.on("Show", (resp) => {
that.form.push(resp);
setTimeout(() => {
that.$refs.context.scrollTop = that.$refs.context.scrollHeight;
}, 100);
});
this.initializa();
},
mounted() {
this.baseurl = process.env.VUE_APP_BASE_API;
},
methods: {
con() {
console.log(this.signalr);
this.signalr
.start()
.then(() => {
alert("已连接");
})
.catch((err) => {
alert("连接错误" + err);
});
},
send() {
this.signalr.invoke("SendMsg", this.myform);
this.myform.context = "";
},
initializa() {
if (
this.$route.query.userId == undefined ||
this.$route.query.userId == this.$store.state.user.user.id
) {
//表示是自己的用户
this.my = true;
}
},
Add() {
this.dialog = true;
},
close() {
this.dialog = false;
},
closehub() {
this.signalr.stop();
alert("已断开连接");
},
save() {
this.close();
},
intoInfo(userId) {
this.$router.push({
path: `/userInfo`,
query: {
userId: userId,
},
});
},
},
};
</script>

73
Yi.BBS.Vue2/src/views/file.vue Normal file
View File

@@ -0,0 +1,73 @@
<template>
<div>
<v-file-input
ref="upFile"
small-chips
multiple
label="点击上传文件"
show-size
counter
@change="uploadFile"
></v-file-input>
<p v-for="(item,index) in fileUrls" :key="index">{{item}}</p>
</div>
</template>
<script>
// 深刻理解一下文件上传：
// <input type="file" ref="imgFile" @change="uploadImage()" class="d-none" />
// <v-btn dark color="cyan" @click="choiceImg" class="mt-4">编辑</v-btn>
// choiceImg：触发input点击事件，这个要绑定要按钮单机事件上
// uploadImage：发送图片过去，这个要绑定要@change上，当有东西改变
// 通过ref获取文件，然后通过axios发送文件给后端，后端返回一个回调地址，前端解析一下换成图片和文件名
import axios from "axios";
export default {
data:()=>{
return {
fileUrls:[],
}
},
mounted() {
this.baseurl = process.env.VUE_APP_BASE_API;
},
methods:{
uploadFile(myFiles) {
let formData = new FormData();
for(var i=0;i<myFiles.length;i++)
{
formData.append("file", myFiles[i]);
}
axios
.post(this.baseurl + "/File/upLoadFile", formData, {
headers: {
"Content-Type": "multipart/form-data",
},
})
.then((response) => {
var resp=response.data.data;
for(var i=0;i<resp.length;i++)
{
resp[i]= resp[i].replace("#", this.baseurl);
}
this.fileUrls=resp;
});
},
}
}
</script>

64
Yi.BBS.Vue2/src/views/html.vue Normal file
View File

@@ -0,0 +1,64 @@
<template>
<v-container fluid>
<div ref="editorDiv" style="text-align: left; z-index: -1">
</div>
</v-container>
</template>
<script>
import E from "wangeditor";
export default {
props: ["myhtml2"],
data() {
return {
myhtml: this.myhtml2,
};
},
mounted() {
//使用初始化
this.baseurl = process.env.VUE_APP_BASE_API;
this.initializa();
},
methods: {
initializa() {
//初始化创建
var my = this;
const editor = new E(this.$refs.editorDiv);
this.myeditor = editor;
editor.config.height = 750; //设置高度
editor.config.placeholder = "输入你的内容"; //修改提示文字
editor.config.zIndex = 1;
editor.config.uploadImgServer = this.baseurl + "/File/OnPostUploadImage"; //配置图片接口
editor.config.uploadVideoServer =
this.baseurl + "/File/OnPostUploadVideo"; //配置视频接口
editor.config.uploadImgHooks = {
customInsert: function (insertImgFn, result) {
// result 即服务端返回的接口
// insertImgFn 可把图片插入到编辑器，传入图片 src ，执行函数即可
result.data.forEach((item) => {
insertImgFn(item.url.replace("#", my.baseurl));
});
},
};
editor.config.uploadVideoHooks = {
customInsert: function (insertVideoFn, result) {
// result 即服务端返回的接口
insertVideoFn(result.data.url.replace("#", my.baseurl));
// insertVideoFn 可把视频插入到编辑器，传入视频 src ，执行函数即可
},
};
editor.config.onchange = function (html) {
// 第二步，监控变化，同步更新到 textarea
my.myhtml = html;
my.$emit("giveData", html);
};
editor.create();
editor.txt.html(this.myhtml);
},
},
};
</script>

165
Yi.BBS.Vue2/src/views/login.vue Normal file
View File

@@ -0,0 +1,165 @@
<template>
<v-card
class="px-6 py-4 mx-auto elevation-4 rounded-md"
style="height: 600px; width: 500px"
>
<div>
<h1 class="title my-2">CCNetCore</h1>
<v-subheader>登入你的用户</v-subheader>
</div>
<v-form ref="form" v-model="valid" lazy-validation>
<v-text-field
v-model="user_name"
:rules="user_nameRules"
label="用户名"
outlined
clearable
required
:counter="20"
></v-text-field>
<v-text-field
v-model="password"
:rules="passwordRules"
label="密码"
outlined
clearable
required
type="password"
></v-text-field>
<v-row>
<v-col cols="6">
<v-checkbox
v-model="checkbox"
:rules="[(v) => !!v || '同意后才可进入']"
label="你同意协议吗？"
required
></v-checkbox
></v-col>
<v-col cols="6" class="text-right pt-8"
><router-link to="register">前往注册</router-link></v-col
>
</v-row>
</v-form>
<v-btn
class="my-2 light-blue white--text"
@click="login"
large
style="width: 100%"
@keyup.enter="enterSearch"
:loading="loader"
:disabled="btn_dis"
>
登入
</v-btn>
<p class="my-2">或使用登录</p>
<!-- <v-btn class="my-2 cyan white--text" @click="qqlogin" large style="width: 100%" :loading="loader" :disabled="btn_dis"> -->
<v-btn class="my-2 cyan white--text" @click="qqlogin" large style="width: 100%" :loading="loader">
<v-icon class="mx-2" > mdi-qqchat </v-icon>
QQ
</v-btn>
<v-btn class="cyan white--text" @click="yklogin" large style="width: 100%" :loading="loader" :disabled="btn_dis">
<v-icon class="mx-2"> mdi-message-text </v-icon>
临时游客
</v-btn>
</v-card>
</template>
<script>
import myqq from "../utils/myqq";
export default {
data: () => ({
btn_dis:false,
loader: null,
valid: true,
user_name: "",
user_nameRules: [
(v) => !!v || "用户名不能为空",
(v) => (v && v.length <= 20) || "用户名必须小于20个字符",
],
password: "",
passwordRules: [
(v) => !!v || "密码不能为空",
(v) => (v && v.length <= 120) || "密码必须小于20个字符",
],
select: null,
checkbox: true,
}),
created() {
this.enterSearch();
},
methods: {
enterSearch() {
document.onkeydown = (e) => {
//13表示回车键，baseURI是当前页面的地址，为了更严谨，也可以加别的，可以打印e看一下
if (e.keyCode === 13 && e.target.baseURI.match("/")) {
//回车后执行搜索方法
this.login();
}
};
},
qqlogin() {
QC.Login.showPopup(myqq.myqqLogin);
// window.close();
},
yklogin() {
this.loader = "true";
this.btn_dis=true;
this.$store
.dispatch("Login", {
username: "游客",
password: "",
})
.then((resp) => {
if (resp.status) {
this.$router.push("/");
} else {
this.loader=null;
this.btn_dis=false;
this.$dialog.notify.error(resp.msg, {
position: "top-right",
timeout: 5000,
});
}
});
},
login() {
if (this.$refs.form.validate()) {
this.loader = "true";
this.btn_dis=true;
this.$store
.dispatch("Login", {
username: this.user_name,
password: this.password,
})
.then((resp) => {
if (resp.status==200) {
this.$router.push("/");
} else {
this.loader = null;
this.btn_dis=false;
this.$dialog.notify.error(resp.data.msg, {
position: "top-right",
timeout: 5000,
});
}
});
} else {
this.$dialog.notify.error("请合理输入数据", {
position: "top-right",
timeout: 5000,
});
}
},
reset() {
this.$refs.form.reset();
},
resetValidation() {
this.$refs.form.resetValidation();
},
},
};
</script>

86
Yi.BBS.Vue2/src/views/markdown.vue Normal file
View File

@@ -0,0 +1,86 @@
<template>
<mavon-editor
previewBackground="#ffffff"
v-model="myhtml2"
ref="md"
@imgAdd="$imgAdd"
@change="change"
:ishljs="true"
codeStyle="atelier-cave-dark"
style="height: 800px; z-index: 1"
:externalLink="externalLink"
/>
</template>
<script>
// 该组件中注释掉的代码为局部注册的方式。
import { mavonEditor } from "mavon-editor";
import "mavon-editor/dist/css/index.css";
import axios from "axios";
export default {
props: ["myhtml2"],
data: function () {
return {
content: this.myhtml2,
html: "",
baseurl: "",
configs: {},
externalLink: {
markdown_css: function () {
// 这是你的markdown css文件路径
return "/markdown/github-markdown.min.css";
},
hljs_js: function () {
// 这是你的hljs文件路径
return "/highlightjs/highlight.min.js";
},
hljs_css: function (css) {
// 这是你的代码高亮配色文件路径
return "/highlightjs/styles/" + css + ".min.css";
},
hljs_lang: function (lang) {
// 这是你的代码高亮语言解析路径
return "/highlightjs/languages/" + lang + ".min.js";
},
katex_css: function () {
// 这是你的katex配色方案路径路径
return "/katex/katex.min.css";
},
katex_js: function () {
// 这是你的katex.js路径
return "/katex/katex.min.js";
},
},
};
},
components: {
mavonEditor,
},
mounted() {
//使用初始化
this.baseurl = process.env.VUE_APP_BASE_API;
},
methods: {
// 将图片上传到服务器，返回地址替换到md中
$imgAdd(pos, $file) {
var formdata = new FormData();
formdata.append("file", $file);
//将下面上传接口替换为你自己的服务器接口
axios({
url: this.baseurl + "/File/OnPostUploadImage",
method: "post",
data: formdata,
headers: { "Content-Type": "multipart/form-data" },
}).then((resp) => {
var myurl = resp.data.data[0].url;
this.$refs.md.$img2Url(pos, myurl.replace("#", this.baseurl));
});
},
change(value, render) {
// render 为 markdown 解析后的结果
this.myhtml2 = value;
this.$emit("giveData", value);
},
},
};
</script>

48
Yi.BBS.Vue2/src/views/qq.vue Normal file
View File

@@ -0,0 +1,48 @@
<template>
<div>正在验证qq中。。。。。。</div>
</template>
<script>
export default {
data() {
return {};
},
created() {
var that = this;
if (QC.Login.check()) {
// 检查是否登录
// QC.api("get_user_info", {})
// .success(function(s){//成功回调
// alert("获取用户信息成功！当前用户昵称为："+s.data.nickname);
// })
//返回的值为true说明让登录，直接跳转到主页面，并进行自动登录
QC.Login.getMe(function (openId, accessToken) {
if (that.$route.query.state == 0) {
that.$store.dispatch("qqLogin", openId).then((resp) => {
if (resp.status) {
that.$router.push({ path: "/" });
} else {
alert(resp.msg);
that.$router.push({ path: "/register" });
}
});
} else if (that.$route.query.state == 1) {
//如果是为了绑定qq，传opid和userId
that.$store.dispatch("qqUpdate", openId).then((resp) => {
if (resp.status) {
that.$router.push({ path: "/" });
} else {
alert(resp.msg);
that.$router.push({ path: "/userinfo" });
}
});
}
});
QC.Login.signOut();
} else {
alert("登录失败");
}
},
};
</script>

247
Yi.BBS.Vue2/src/views/register.vue Normal file
View File

@@ -0,0 +1,247 @@
<template>
<v-card
class="px-6 py-4 mx-auto elevation-4 rounded-md"
style=" height: 600px; width: 500px"
>
<div>
<h1 class="title my-2">CCNetCore</h1>
<v-subheader>注册加入我们</v-subheader>
</div>
<v-form ref="form" v-model="valid" lazy-validation>
<v-text-field
v-model="user_name"
:rules="user_nameRules"
label="用户名"
outlined
clearable
required
:counter="20"
></v-text-field>
<v-text-field
ref="myemail"
v-model="email"
:rules="emailRules"
label="邮箱"
outlined
clearable
required
></v-text-field>
<v-row>
<v-col cols="6" md="8">
<v-text-field
v-model="code"
label="验证码"
outlined
clearable
required
:counter="20"
></v-text-field>
</v-col>
<v-col cols="2" md="1">
<v-progress-circular
class="mt-2"
size="40"
:rotate="360"
:value="value"
color="cyan"
>
{{ value }}
</v-progress-circular>
</v-col>
<v-col cols="4" md="3">
<!-- <v-btn class="mt-1" large :dark="!dis_mail" color="cyan" @click="sendMail"
:disabled="dis_mail"> -->
<v-btn class="mt-1" large :dark="!dis_mail" color="cyan" @click="sendMail"
>
发送</v-btn
>
</v-col>
</v-row>
<v-text-field
v-model="password"
:rules="passwordRules"
label="密码"
outlined
clearable
required
type="password"
></v-text-field>
<v-row>
<v-col cols="6">
<v-checkbox
v-model="checkbox"
:rules="[(v) => !!v || '同意后才可进入']"
label="你同意协议吗？"
required
></v-checkbox
></v-col>
<v-col cols="6" class="text-right pt-8"
><router-link to="login">返回</router-link></v-col
>
</v-row>
</v-form>
<!-- <v-btn
class="my-2 light-blue white--text"
@click="register"
large
style="width: 100%"
:loading="loader"
:disabled="btn_dis"
> -->
<v-btn
class="my-2 light-blue white--text"
@click="register"
large
style="width: 100%"
:loading="loader"
>
注册
</v-btn>
<!-- <p>或使用登录</p>
<v-btn dark class="my-2 cyan" @click="login" large style="width: 100%">
<v-icon class="mx-2"> mdi-message-text </v-icon>
QQ
</v-btn>
<v-btn dark class="cyan" @click="login" large style="width: 100%">
<v-icon class="mx-2"> mdi-message-text </v-icon>
微信
</v-btn> -->
</v-card>
</template>
<script>
import accountApi from "../api/accountApi.js";
export default {
data: () => ({
btn_dis:false,
loader: null,
dis_mail:false,
value:100,
code: "",
valid: true,
user_name: "",
user_nameRules: [
(v) => !!v || "用户名不能为空",
(v) => (v && v.length <= 20) || "用户名必须小于20个字符",
],
email: "",
emailRules: [
(v) => !!v || "邮箱不能为空",
(v) => /.+@.+\..+/.test(v) || "无效的邮箱",
],
password: "",
passwordRules: [
(v) => !!v || "密码不能为空",
(v) => (v && v.length <= 120) || "密码必须小于120个字符",
(v) => (v && v.length >= 7) || "密码必须大于等于7个字符",
],
select: null,
checkbox: true,
}),
created()
{
setInterval(this.addValue,1000)
},
// watch:{
// value(val,old)
// {
// val+=1
// if (val==100)
// {
// this.dis_mail=false
// }
// else
// {
// this.dis_mail=true
// }
// }
// },
methods: {
addValue()
{
if(this.value<=99)
{
this.value+=1
}
if(this.value==100)
{
this.dis_mail=false
}
else
{
this.dis_mail=true
}
},
register() {
if (this.$refs.form.validate()) {
this.loader = "true";
this.btn_dis=true;
this.$store
.dispatch("Register", {
username: this.user_name,
password: this.password,
email: this.email,
code: this.code,
})
.then((resp) => {
if (resp.status) {
this.$dialog.notify.success(resp.msg, {
position: "top-right",
timeout: 5000,
});
this.$router.push("/login");
} else {
this.loader=null;
this.btn_dis=false;
this.$dialog.notify.error(resp.msg, {
position: "top-right",
timeout: 5000,
});
}
});
} else {
this.$dialog.notify.error("请合理输入数据", {
position: "top-right",
timeout: 5000,
});
}
},
reset() {
this.$refs.form.reset();
},
resetValidation() {
this.$refs.form.resetValidation();
},
sendMail() {
if (this.$refs.myemail.validate()) {
this.value=0
this.dis_mail=true
accountApi.email(this.email).then((resp) => {
if (resp.status) {
this.$dialog.notify.success(resp.msg, {
position: "top-right",
timeout: 5000,
});
} else {
this.$dialog.notify.error(resp.msg, {
position: "top-right",
timeout: 5000,
});
}
});
} else {
this.$dialog.notify.error("请合理输入邮箱", {
position: "top-right",
timeout: 5000,
});
}
},
},
};
</script>

151
Yi.BBS.Vue2/src/views/user/Index.vue Normal file
View File

@@ -0,0 +1,151 @@
<template >
<v-container>
<v-row>
<v-col cols="12" sm="6" md="8">
<v-carousel
cycle
height="300"
hide-delimiter-background
show-arrows-on-hover
>
<v-carousel-item :src="slide.logo" v-for="(slide, i) in bannerList" :key="i">
<v-row class="fill-height" align="center" justify="center">
<div :style="{color:slide.color}" class="display-3">{{ slide.name }} </div>
</v-row>
</v-carousel-item>
</v-carousel>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-card class="mt-8 mx-auto">
<v-sheet
class="v-sheet--offset mx-auto"
color="cyan"
elevation="12"
max-width="calc(100% - 32px)"
>
<v-sparkline
:labels="labels"
:value="value"
color="white"
line-width="2"
padding="16"
></v-sparkline>
</v-sheet>
<v-card-text class="pt-0">
<div class="title font-weight-light mb-2">用户访问数量</div>
<div class="subheading font-weight-light grey--text">
数据分析
</div>
<v-divider class="my-2"></v-divider>
<v-icon class="mr-2" small> mdi-clock </v-icon>
<span class="caption grey--text font-weight-light"
>最新来自26分钟之前</span
>
</v-card-text>
</v-card>
</v-col>
</v-row>
<v-row class="text-center">
<v-col v-for="(item, i) in plateList" :key="i" cols="12" sm="4" md="3">
<v-hover v-slot="{ hover }">
<v-card class="mx-auto" color="grey lighten-4" max-width="600">
<v-img
:aspect-ratio="16 / 9"
:src="item.logo"
>
<v-expand-transition>
<div
v-if="hover"
class="d-flex transition-fast-in-fast-out cyan darken-2 v-card--reveal display-3 white--text"
style="height: 100%"
>
{{ item.name }}
</div>
</v-expand-transition>
</v-img>
<v-card-text class="pt-6" style="position: relative">
<v-btn
absolute
color="cyan"
class="white--text"
fab
large
right
top
@click="intoDiscuss(item.id,item.name)"
>
<v-icon>mdi-chevron-right</v-icon>
</v-btn>
<div class="font-weight-light title mb-2 cyan--text">
{{ item.name }}
</div>
<div class="font-weight-light mb-2 grey--text">
{{item.introduction}}
</div>
</v-card-text>
</v-card>
</v-hover>
</v-col>
<v-col cols="12" sm="6" md="4"> </v-col>
</v-row>
</v-container>
</template>
<script>
import plateApi from "@/api/plateApi";
import bannerApi from "@/api/bannerApi";
export default {
data() {
return {
plateList: [],
bannerList:[],
labels: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"],
value: [423, 446, 675, 510, 590, 610, 760],
colors: ["cyan", "primary", "cyan", "light-blue"],
slides: ["First", "Second", "Third", "Fourth"],
};
},
created() {
this.initializa();
},
methods: {
initializa() {
bannerApi.getBanners().then(resp=>{
this.bannerList=resp.data.items;
})
plateApi.getPlates().then((resp) => {
this.plateList = resp.data.items;
});
},
intoDiscuss(plateId,plateString) {
this.$store.dispatch("set_plateString", plateString);
this.$store.dispatch("set_plateId", plateId);
this.$router.push({ path: "/discuss" });
},
},
};
</script>
<style scoped>
.v-card--reveal {
align-items: center;
bottom: 0;
justify-content: center;
opacity: 0.5;
position: absolute;
width: 100%;
}
</style>
<style scoped>
.v-sheet--offset {
top: -24px;
position: relative;
}
</style>

380
Yi.BBS.Vue2/src/views/user/addArticle.vue Normal file
View File

@@ -0,0 +1,380 @@
<template>
<v-container fluid>
<v-row>
<v-card>
<v-navigation-drawer
right
app
v-model="drawer"
:style="{ width: articleWidth + 'px' }"
>
<!-- <v-list-item>
<v-list-item-content>
<v-btn
color="blue"
elevation="2"
@click="drawer = !drawer"
large
dark
>
关闭目录
</v-btn>
</v-list-item-content>
</v-list-item> -->
<v-list-item>
<v-list-item-content>
<v-btn color="blue" elevation="2" @click="updateWidth" large dark>
扩展目录
</v-btn>
</v-list-item-content>
</v-list-item>
<v-list-item>
<v-list-item-content>
<v-btn color="cyan" elevation="2" @click="getCache" large dark>
拉取备份
</v-btn>
</v-list-item-content>
</v-list-item>
<v-list-item>
<v-list-item-content>
<v-btn color="cyan" elevation="2" @click="intoAdd2" large dark>
添加目录
</v-btn>
</v-list-item-content>
</v-list-item>
<v-divider></v-divider>
<v-list nav>
<v-list-item link>
<v-list-item-content>
<v-list-item-title
>根目录
<v-tooltip bottom>
<template v-slot:activator="{ on, attrs }">
<v-icon
v-bind="attrs"
color="cyan"
v-on="on"
@click="updataDiscuss()"
>
mdi-book-edit
</v-icon>
</template>
<span>编辑根目录</span>
</v-tooltip>
</v-list-item-title>
</v-list-item-content>
</v-list-item>
</v-list>
<v-list dense nav>
<v-list-item>
<v-treeview
:items="articleList"
style="width: 100%"
open-on-click
activatable
return-object
:active.sync="selectArt"
>
<template v-slot:append="{ item }">
<v-tooltip bottom>
<template v-slot:activator="{ on, attrs }">
<v-icon
v-bind="attrs"
v-on="on"
color="cyan"
@click="intoAddArticle(item.id)"
>mdi-plus-box-multiple</v-icon
>
</template>
<span>添加下一级子目录</span>
</v-tooltip>
<v-tooltip bottom>
<template v-slot:activator="{ on, attrs }">
<v-icon
v-bind="attrs"
v-on="on"
color="cyan"
@click="intoArticle(item.id)"
>mdi-book-edit-outline</v-icon
>
</template>
<span>编辑</span>
</v-tooltip>
<v-tooltip bottom>
<template v-slot:activator="{ on, attrs }">
<v-icon
v-bind="attrs"
v-on="on"
color="cyan"
@click="delArticle(item.id)"
>mdi-close-circle</v-icon
>
</template>
<span>删除</span>
</v-tooltip>
</template>
</v-treeview>
</v-list-item>
</v-list>
</v-navigation-drawer>
</v-card>
<v-col cols="12">
<v-text-field label="目录名" v-model="form.name"></v-text-field>
</v-col>
<v-col cols="12">
<markdownEdit @giveData="getHtml" :myhtml2="myhtml"></markdownEdit>
</v-col>
<v-col cols="12">
<v-btn class="my-12" width="100%" large color="success" @click="send()"
>确认</v-btn
>
</v-col>
</v-row>
</v-container>
</template>
<script>
import articleApi from "@/api/articleApi";
import markdownEdit from "@/views/markdown";
export default {
data() {
return {
mytimer: null,
selectArt: [],
articleWidth: "260",
drawer: true,
articleList: [],
baseurl: "",
form: {
id: 0,
name: "",
content: "",
},
myhtml: "",
selectIndex: 0,
};
},
// watch: {
// selectArt: {
// handler(new1, old2) {
// // console.log(new1)
// // this.intoArticle(new1[0].id);
// },
// },
// },
mounted() {
//使用初始化
this.baseurl = process.env.VUE_APP_BASE_API;
},
created() {
this.initializa();
},
methods: {
getCache() {
articleApi.getArticleByCache(this.$route.query.articleId).then((resp) => {
if (resp.status) {
this.myhtml = resp.data;
this.$dialog.notify.success("已在云端发现备份", {
position: "top-right",
timeout: 5000,
});
} else {
this.$dialog.notify.error("未在云端发现备份", {
position: "top-right",
timeout: 5000,
});
}
});
},
setCache() {
articleApi
.setArticleByCache(this.$route.query.articleId, this.myhtml)
.then((resp) => {
this.$dialog.notify.success("已成功自动备份云端", {
position: "top-right",
timeout: 2000,
});
});
},
intoAdd2() {
this.$router.push({ path: "/addArticle" });
this.form.name = "";
this.form.content = "";
this.myhtml = "";
},
delArticle(acticleId) {
this.$dialog
.confirm({
text: "你确定要删除该项吗？",
title: "Warning",
})
.then((resp) => {
if (resp) {
articleApi
.delArticleList([acticleId], this.$store.state.home.discussId)
.then((resp) => {
if (resp.status) {
this.initializa();
} else {
alert("权限不足！");
}
});
}
});
},
updataDiscuss() {
this.$router.push({
path: `/AddDiscuss`,
query: {
discussId: this.$store.state.home.discussId,
},
});
this.initializa();
},
updateWidth() {
if (this.articleWidth == "260") {
this.articleWidth = "500";
} else {
this.articleWidth = "260";
}
},
intoAddArticle(parentId) {
this.$router.push({
path: `/addArticle`,
query: {
parentId: parentId,
},
});
this.form.name = "";
this.form.content = "";
this.myhtml = "";
},
send() {
this.form.content = this.myhtml;
if (
this.$route.query.articleId == undefined &&
this.$route.query.parentId == undefined
) {
//没有传任何值，代表是添加
articleApi
.addArticle(this.form, this.$store.state.home.discussId)
.then((response) => {
if (response.status) {
this.$dialog.notify.success("目录添加成功", {
position: "top-right",
timeout: 5000,
});
this.initializa();
} else {
alert("权限不足！");
}
});
} else if (
this.$route.query.articleId != undefined &&
this.$route.query.parentId == undefined
) {
//只传了文章id，代表更新
articleApi
.updateArticle(this.form, this.$store.state.home.discussId)
.then((response) => {
if (response.status) {
this.$dialog.notify.success("文章更新成功", {
position: "top-right",
timeout: 5000,
});
this.initializa();
} else {
alert("权限不足！");
}
});
} else if (
this.$route.query.articleId == undefined &&
this.$route.query.parentId != undefined
) {
//只传了父级id，代表添加子目录
articleApi
.addChildrenArticle(
this.form,
this.$route.query.parentId,
this.$store.state.home.discussId
)
.then((response) => {
if (response.status) {
this.$dialog.notify.success("添加子目录成功", {
position: "top-right",
timeout: 5000,
});
this.initializa();
} else {
alert("权限不足！");
}
});
}
},
initializa() {
window.clearInterval(this.mytimer);
setTimeout(function () {
window.scrollTo(0, 0);
}, 500);
articleApi
.getArticlesByDiscussId(this.$store.state.home.discussId)
.then((resp) => {
this.articleList = resp.data;
});
if (this.$route.query.articleId != undefined) {
//下面是进行更新(没有传文章id或者父级id)
//每30秒轮询保存
this.mytimer = window.setInterval(() => {
setTimeout(this.setCache, 0);
}, 1000 * 60 * 1);
articleApi
.getArticleById(this.$route.query.articleId)
.then((response) => {
const resp = response.data;
this.form.id = resp.id;
this.form.name = resp.name;
this.myhtml = resp.content;
});
}
},
intoArticle(articleId) {
this.$router.push({
path: `/addArticle`,
query: {
articleId: articleId,
},
});
articleApi.getArticleById(articleId).then((response) => {
const resp = response.data;
this.form.id = resp.id;
this.form.name = resp.name;
this.myhtml = resp.content;
});
},
getHtml(html) {
this.myhtml = html;
},
},
destroyed() {
window.clearInterval(this.mytimer);
},
components: {
markdownEdit,
},
};
</script>

156
Yi.BBS.Vue2/src/views/user/addDiscuss.vue Normal file
View File

@@ -0,0 +1,156 @@
<template>
<v-container fluid>
<v-row>
<v-col cols="12" sm="1">
<v-select
:items="items"
filled
label="类别"
required
v-model="form.type"
dense
></v-select>
</v-col>
<v-col cols="12" sm="11">
<v-text-field label="标题" v-model="form.title"></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-combobox
v-model="selectLabel"
:items="itemLabel"
label="点击选择标签"
multiple
dense
chips
></v-combobox>
</v-col>
<v-col cols="12" sm="6" md="8">
<v-text-field label="简介" v-model="form.introduction"></v-text-field>
</v-col>
<v-col cols="12" >
<markdownEdit
@giveData="getHtml"
:myhtml2="myhtml"
></markdownEdit>
</v-col>
</v-row>
<v-btn
class="my-12"
width="100%"
color="success"
large
@click="send()"
>确认</v-btn
>
</v-container>
</template>
<script>
import labelApi from "@/api/labelApi";
import discussApi from "@/api/discussApi";
import markdownEdit from "@/views/markdown";
import mytypeApi from "@/api/mytypeApi";
export default {
data() {
return {
selectLabel: [], //这里存放的是名称列表
lableList: [], //这里存放的是id和名字
itemLabel: [],
baseurl: "",
form: {
id: 0,
title: "",
type: "",
introduction: "",
content: "",
},
items: [],
myhtml: "",
selectIndex: 0,
};
},
mounted() {
//使用初始化
this.baseurl = process.env.VUE_APP_BASE_API;
},
created() {
this.initializa();
},
methods: {
send() {
this.form.content = this.myhtml;
var Ids = [];
for (var i = 0; i < this.selectLabel.length; i++) {
for (var j = 0; j < this.lableList.length; j++) {
if (this.selectLabel[i] == this.lableList[j].name) {
Ids.push(this.lableList[j].id);
}
}
}
if (this.form.type == "") {
this.form.type = "闲聊";
}
if (this.$route.query.discussId == undefined) {
discussApi
.addDiscuss(this.form, this.$store.state.home.plateId, Ids)
.then((resp) => {
this.$store.dispatch("set_discussId", resp.data.id);
//设置等级
this.$store.dispatch("setLevel", resp.data.level);
this.$router.push({ path: "/comment" });
});
} else {
discussApi.updateDiscuss(this.form).then((response) => {
if (response.status) {
this.$router.push({ path: "/comment" });
} else {
alert("权限不足！");
}
});
}
},
getHtml(html) {
this.myhtml = html;
},
initializa() {
mytypeApi.getMytypes().then((resp) => {
window.scrollTo(0,0);
const response = resp.data.items;
response.forEach((item) => {
this.items.push(item.name);
});
});
if (this.$route.query.discussId != undefined) {
discussApi
.getDiscussByDiscussId(this.$route.query.discussId)
.then((response) => {
const res = response.data;
this.form.id = res.id;
this.form.title = res.title;
this.form.type = res.type;
this.form.introduction = res.introduction;
this.myhtml = res.content;
});
}
labelApi.getLabelByUserId().then((resp) => {
this.lableList = resp.data;
this.itemLabel = resp.data.map((obj) => {
return obj.name;
});
});
},
},
components: {
markdownEdit,
},
};
</script>

190
Yi.BBS.Vue2/src/views/user/collection.vue Normal file
View File

@@ -0,0 +1,190 @@
<template>
<v-container fluid>
<v-row>
<!-- 删除提示框 -->
<v-dialog v-model="dialogDelete" max-width="500px">
<v-card>
<v-card-title class="headline"
>你确定要删除此条记录吗？</v-card-title
>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="closeDelete"
>取消</v-btn
>
<v-btn color="blue darken-1" text @click="deleteItemConfirm"
>确定</v-btn
>
<v-spacer></v-spacer>
</v-card-actions>
</v-card>
</v-dialog>
<v-col cols="12" class="elevation-2 mt-3">
<v-row>
<v-col cols="4" md="6">
<div class="text-h5 title pt-6">收藏</div>
</v-col>
<v-col cols="8" md="6">
<v-text-field label="搜索">
<v-icon slot="append" color="red">
mdi-plus
</v-icon></v-text-field
>
</v-col>
</v-row>
<v-row justify="center">
<v-container>
<v-expansion-panels inset focusable>
<v-expansion-panel
class="p-1"
v-for="(item, i) in discussList"
:key="i"
>
<v-expansion-panel-header>
<v-row align="center" class="spacer" no-gutters>
<v-col cols="2" sm="1" md="1">
<v-avatar size="36px">
<img
alt="Avatar"
:src="
baseurl +
'/File/ShowNoticeImg?filePath=' +
item.user.icon
"
/>
</v-avatar>
</v-col>
<v-col cols="8" sm="5" md="8">
[{{ item.type }}] {{ item.title }}
</v-col>
<v-col cols="2" sm="5" md="3" class="hidden-sm-and-down">
<v-subheader>
{{ item.user.username }}<br />
{{ item.time }}</v-subheader
>
</v-col>
</v-row>
</v-expansion-panel-header>
<v-expansion-panel-content>
{{ item.introduction }}
<div class="mt-2">
<v-btn
class="mr-2"
fab
small
dark
color="indigo"
@click="intoComment(item.id, item.plate.id)"
>
<v-icon dark> mdi-login </v-icon>
</v-btn>
<v-btn class="mx-2" fab dark small color="cyan">
<v-icon dark> mdi-format-list-bulleted-square </v-icon>
</v-btn>
<v-btn class="mx-2" fab dark small color="cyan">
<v-icon dark> mdi-pencil </v-icon>
</v-btn>
<v-btn class="mx-2" fab dark small color="cyan">
<v-icon dark @click="deleteItem(item.id)"> mdi-close </v-icon>
</v-btn>
</div>
</v-expansion-panel-content>
</v-expansion-panel>
</v-expansion-panels>
</v-container>
</v-row>
</v-col>
</v-row>
<div class="text-center mt-4 mb-10">
<v-pagination
v-model="pageIndex"
:length="lenData"
:total-visible="7"
prev-icon="mdi-menu-left"
next-icon="mdi-menu-right"
circle
></v-pagination>
</div>
</v-container>
</template>
<script>
import collectionApi from "@/api/collectionApi";
export default {
data() {
return {
dialogDelete: false,
delId: 0,
dialog: false,
plateId: "",
baseurl: "",
pageIndex: 1,
pageSize: 10,
total: 100,
discussList: [],
};
},
watch: {
pageIndex: {
handler() {
this.initializa();
},
},
},
created() {
this.initializa();
},
mounted() {
this.baseurl = process.env.VUE_APP_BASE_API;
},
computed: {
lenData() {
return Math.floor(this.total / this.pageSize) + 1;
},
},
methods: {
initializa() {
//初始化创建
collectionApi.getCollections(this.pageIndex).then((resp) => {
this.discussList = resp.data.pageData;
this.total = resp.data.total;
this.pageSize = resp.data.pageSize;
});
},
deleteItem(id) {
this.delId = id;
this.dialogDelete = true;
},
deleteItemConfirm() {
collectionApi.delCollection(this.delId).then(() => this.initializa());
this.closeDelete();
},
closeDelete() {
this.dialogDelete = false;
},
close() {
this.dialog = false;
},
save() {
labelApi.addLabelByUserId(this.form).then(() => this.initializa());
this.close();
},
intoComment(discussId, plateId) {
this.$store.dispatch("set_plateId", plateId);
this.$store.dispatch("set_discussId", discussId);
this.$router.push({ path: "/comment" });
},
},
};
</script>

733
Yi.BBS.Vue2/src/views/user/comment.vue Normal file
View File

@@ -0,0 +1,733 @@
<template>
<v-container :fluid="is_fluid">
<v-row>
<v-col class="pb-0">
<v-card height="100%" class="mx-auto">
<v-navigation-drawer right app v-model="drawer" style="width: 500px">
<v-list-item>
<v-list-item-content>
<v-btn
color="blue"
elevation="2"
@click="drawer = !drawer"
large
dark
>
关闭目录
</v-btn>
</v-list-item-content>
</v-list-item>
<v-list-item>
<v-list-item-content>
<v-btn color="cyan" elevation="2" @click="intoAdd2" large dark>
添加目录
</v-btn>
</v-list-item-content>
</v-list-item>
<v-divider></v-divider>
<v-list nav>
<v-list-item link @click="initializa()">
<v-list-item-content>
<v-list-item-title
>根目录
<v-tooltip bottom>
<template v-slot:activator="{ on, attrs }">
<v-icon
v-bind="attrs"
color="cyan"
v-on="on"
@click="updataDiscuss(discussData.id)"
>
mdi-book-edit
</v-icon>
</template>
<span>编辑根目录</span>
</v-tooltip>
</v-list-item-title>
</v-list-item-content>
</v-list-item>
</v-list>
<v-list dense nav>
<v-list-item>
<v-treeview
:items="articleList"
style="width: 100%"
open-on-click
activatable
return-object
:active.sync="selectArt"
>
<template v-slot:prepend="{ item }">
<v-tooltip bottom>
<template v-slot:activator="{ on, attrs }">
<v-icon
v-bind="attrs"
v-on="on"
dark
color="cyan"
@click="showArticle(item.id)"
>mdi-arrow-right-drop-circle-outline</v-icon
>
</template>
<span>查阅</span>
</v-tooltip>
</template>
<template v-slot:append="{ item }">
<v-tooltip bottom>
<template v-slot:activator="{ on, attrs }">
<v-icon
v-bind="attrs"
v-on="on"
color="cyan"
@click="intoAddArticle(item.id)"
>mdi-plus-box-multiple</v-icon
>
</template>
<span>添加下一级子目录</span>
</v-tooltip>
<v-tooltip bottom>
<template v-slot:activator="{ on, attrs }">
<v-icon
v-bind="attrs"
v-on="on"
color="cyan"
@click="intoArticle(item.id)"
>mdi-book-edit-outline</v-icon
>
</template>
<span>编辑</span>
</v-tooltip>
<v-tooltip bottom>
<template v-slot:activator="{ on, attrs }">
<v-icon
v-bind="attrs"
v-on="on"
color="cyan"
@click="delArticle(item.id)"
>mdi-close-circle</v-icon
>
</template>
<span>删除</span>
</v-tooltip>
</template>
</v-treeview>
</v-list-item>
</v-list>
</v-navigation-drawer>
</v-card>
</v-col>
<v-col cols="12">
<v-card class="mx-auto my-2" max-width="100%">
<v-card-text>
<p class="display-1 text--primary">
{{ discussData.title }}
</p>
<p>
<v-icon class="ml-2" @click="drawer = !drawer"
>mdi-clipboard-text-outline</v-icon
>
<a class="mr-2" @click="drawer = !drawer">目录开关</a>
<v-icon class="ml-2" @click="loog()">mdi-file-eye-outline</v-icon>
<a class="mr-2" @click="loog()">长文本阅读</a>
<v-icon class="ml-2" @click="initializa()"
>mdi-file-refresh-outline</v-icon
>
<a class="mr-2" @click="initializa()">重置</a>
<v-icon class="ml-2" @click="is_fluid = !is_fluid"
>mdi-file-refresh-outline</v-icon
>
<a class="mr-2" @click="is_fluid = !is_fluid">布局开关</a>
<v-icon class="ml-2" @click="share()"
>mdi-file-refresh-outline</v-icon
>
<a class="mr-2" @click="share()">一键分享地址</a>
</p>
<v-divider class="my-2"></v-divider>
<v-avatar size="60px" @click="intoInfo(discussData.user.id)">
<img
v-if="discussData.user != undefined"
alt="Avatar"
:src="
baseurl +
'/File/ShowNoticeImg?filePath=' +
discussData.user.icon
"
/>
</v-avatar>
<p v-if="discussData.user != undefined">
作者：{{ discussData.user.username }}
</p>
<p>时间：{{ discussData.time }}</p>
<p>文章ID：{{ discussData.id }}</p>
<v-divider class="my-4"></v-divider>
<mavon-editor
class="md"
codeStyle="atom-one-dark"
:boxShadow="false"
previewBackground="#ffffff"
:value="discussData.content"
:subfield="false"
:defaultOpen="'preview'"
:toolbarsFlag="false"
:editable="false"
:scrollStyle="true"
:ishljs="true"
style="z-index: 1"
/>
</v-card-text>
<v-card-actions>
<v-btn text color="teal accent-4" @click="reveal = true">
更多信息
</v-btn>
<v-btn @click="agrees" class="mx-2" dark outlined color="cyan">
<v-icon large dark> mdi-menu-up-outline </v-icon>
{{ discussData.agree_num }}
赞同
</v-btn>
<v-menu offset-y>
<template v-slot:activator="{ on, attrs }">
<v-btn
v-bind="attrs"
v-on="on"
class="mx-2"
fab
dark
small
color="cyan"
>
<v-icon dark> mdi-credit-card-settings </v-icon>
</v-btn>
</template>
<v-list>
<v-list-item
v-for="(item, index) in myPorp"
:key="index"
link
@click="openCard(item.method)"
>
<v-list-item-title>{{ item.title }}</v-list-item-title>
</v-list-item>
</v-list>
</v-menu>
<v-tooltip bottom>
<template v-slot:activator="{ on, attrs }">
<v-btn
v-bind="attrs"
v-on="on"
class="mx-2"
fab
dark
small
color="cyan"
@click="Collection(discussData.id)"
>
<v-icon dark> mdi-star </v-icon>
</v-btn>
</template>
<span>收藏</span>
</v-tooltip>
<v-tooltip bottom>
<template v-slot:activator="{ on, attrs }">
<v-btn
v-bind="attrs"
v-on="on"
class="mx-2"
fab
dark
small
color="cyan"
@click="intoRecords"
>
<v-icon dark>mdi-update</v-icon>
</v-btn>
</template>
<span>编辑记录</span>
</v-tooltip>
</v-card-actions>
<v-expand-transition>
<v-card
v-if="reveal"
class="transition-fast-in-fast-out v-card--reveal"
style="height: 100%"
>
<v-card-text class="pb-0">
<p class="display-1 text--primary">简介</p>
<p>{{ discussData.introduction }}</p>
</v-card-text>
<v-card-actions class="pt-0">
<v-btn text color="teal accent-4" @click="reveal = false">
关闭
</v-btn>
</v-card-actions>
</v-card>
</v-expand-transition>
</v-card>
<v-card class="my-2 mb-6">
<v-list>
<v-subheader>评论</v-subheader>
<v-text-field
class="mx-6"
ref="com"
v-model="form.content"
label="发表评论"
required
:rules="commentRules"
@keyup.enter="sentComment()"
>
<v-icon slot="append" color="blue" @click="sentComment()">
mdi-send
</v-icon></v-text-field
>
<v-list-item-group v-model="selectedItem" color="blue">
<v-list-item v-for="(item, i) in commentList" :key="i">
<!-- <v-list-item-icon>
<v-avatar size="36px" @click="intoInfo(item.user.id)">
<img
alt="Avatar"
:src="
baseurl +
'/File/ShowNoticeImg?filePath=' +
item.user.icon
"
/>
</v-avatar>
</v-list-item-icon> -->
<v-list-item-content>
<!-- <p class="light-ayan--text">
{{ i + 1 }}楼:<br />
作者：{{ item.user.username
}}<v-divider class="mx-2" vertical></v-divider>发表时间：
{{ item.time }}
</p> -->
<v-list-item-title v-text="item.content"></v-list-item-title>
<v-divider></v-divider>
</v-list-item-content>
</v-list-item>
</v-list-item-group>
</v-list>
<div class="text-center mt-4 mb-12">
<v-pagination
v-model="pageIndex"
:length="lenData"
:total-visible="7"
prev-icon="mdi-menu-left"
next-icon="mdi-menu-right"
circle
color="cyan"
></v-pagination>
</div>
</v-card>
<v-dialog v-model="dialog" max-width="600px">
<v-card class="px-6 py-4">
<v-card-title class="headline" v-show="openIndex != 2"
>你确定要使用此道具吗？</v-card-title
>
<v-text-field
v-show="openIndex == 2"
v-model="mycolor"
label="请输入颜色"
></v-text-field>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="close">取消</v-btn>
<v-btn color="blue darken-1" text @click="useCard">确定</v-btn>
<v-spacer></v-spacer>
</v-card-actions>
</v-card>
</v-dialog>
<v-dialog v-model="dialog2" width="800">
<v-card>
<v-card-title class="text-h5 grey lighten-2">
协同编辑记录
</v-card-title>
<v-card-text style="overflow-y: scroll; max-height: 600px">
<v-timeline>
<v-timeline-item
v-for="(item, index) in recordList"
:key="index"
color="cyan lighten-1"
fill-dot
small
>
<v-card>
<v-card-title class="cyan lighten-1 justify-end">
<v-subheader class="white--text">{{
item.time
}}</v-subheader>
<v-avatar size="42" @click="intoInfo(item.user.id)">
<img
alt="Avatar"
:src="
baseurl +
'/File/ShowNoticeImg?filePath=' +
item.user.icon
"
/>
</v-avatar>
<span class="white--text ml-2">
{{ item.user.username }}</span
>
</v-card-title>
<v-container>
<v-row>
<v-col cols="12">
{{ item.describe }}
</v-col>
</v-row>
</v-container>
</v-card>
</v-timeline-item>
</v-timeline>
</v-card-text>
<v-divider></v-divider>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="cyan" text @click="dialog2 = false"> 关闭 </v-btn>
</v-card-actions>
</v-card>
</v-dialog>
</v-col>
</v-row>
</v-container>
</template>
<script>
import { mavonEditor } from "mavon-editor";
import discussApi from "@/api/discussApi";
import commentApi from "@/api/commentApi";
import collectionApi from "@/api/collectionApi";
import agreesApi from "@/api/agreesApi";
import articleApi from "@/api/articleApi";
import recordApi from "@/api/recordApi";
export default {
components: {
mavonEditor,
},
data: () => ({
is_fluid: false,
webDataString: "",
titlArticle: [],
titl: false,
selectArt: [],
recordList: [],
dialog2: false,
articleList: [],
drawer: true,
dialog: false,
mycolor: "#212121",
myPorp: [
{ title: "置顶卡", method: "1" },
{ title: "色彩卡", method: "2" },
{ title: "匿名卡", method: "3" },
{ title: "加密卡", method: "4" },
],
commentRules: [
(v) => !!v || "评论不能为空",
(v) => (v && v.length <= 200) || "评论必须小于200个字符",
],
openIndex: -1,
pageIndex: 1,
pageSize: 10,
total: 100,
discussData: {},
commentList: [],
reveal: false,
selectedItem: "",
form: {
content: "",
},
}),
created() {
this.initializa();
},
watch: {
selectArt: {
handler(new1, old2) {
this.showArticle(new1[0].id);
},
},
pageIndex: {
handler() {
this.initializa();
},
},
},
computed: {
lenData() {
return Math.floor(this.total / this.pageSize) + 1;
},
},
mounted() {
this.baseurl = process.env.VUE_APP_BASE_API;
},
methods: {
share() {
const url = `${window.location.protocol}//${window.location.host}/comment/${this.$store.state.home.discussId}`;
this.copy(url)
alert(` ${url}\r\n 已复制至粘贴板`);
},
loog() {
discussApi
.getDiscussByDiscussId(this.$store.state.home.discussId)
.then((resp) => {
this.discussData.content = "";
this.discussData.content += "# " + resp.data.title;
this.discussData.content += "\n " + resp.data.content;
articleApi
.getTitlArticles(this.$store.state.home.discussId)
.then((resp) => {
var that = this;
resp.data.forEach((element) => {
that.discussData.content += "\n\n# " + element.name;
that.discussData.content += "\n " + element.content;
});
});
});
},
intoRecords() {
recordApi
.getRecordsByDiscussId(this.$store.state.home.discussId)
.then((resp) => {
this.recordList = resp.data;
});
this.dialog2 = true;
},
delArticle(acticleId) {
this.$dialog
.confirm({
text: "你确定要删除该项吗？",
title: "Warning",
})
.then((resp) => {
if (resp) {
articleApi
.delArticleList([acticleId], this.$store.state.home.discussId)
.then((resp) => {
if (resp.status) {
this.initializa();
} else {
alert("权限不足！");
}
});
}
});
},
updataDiscuss(discussId) {
this.$router.push({
path: `/AddDiscuss`,
query: {
discussId: discussId,
},
});
},
intoAddArticle(parentId) {
this.$router.push({
path: `/addArticle`,
query: {
parentId: parentId,
},
});
},
intoArticle(articleId) {
this.$router.push({
path: `/addArticle`,
query: {
articleId: articleId,
},
});
},
intoInfo(userId) {
this.$router.push({
path: `/userInfo`,
query: {
userId: userId,
},
});
},
Collection(Id) {
collectionApi.addCollection(Id).then((resp) => {
if (resp.status) {
this.$dialog.message.success(resp.msg, {
position: "top-right",
});
} else {
this.$dialog.message.error(resp.msg, {
position: "top-right",
});
}
});
},
intoAdd() {
this.$router.push({ path: "/addDisucss" });
},
intoAdd2() {
this.$router.push({ path: "/addArticle" });
},
showArticle(id) {
articleApi.getArticleById(id).then((resp) => {
this.discussData.content = resp.data.content;
});
},
getInfo() {
articleApi
.getArticlesByDiscussId(this.$store.state.home.discussId)
.then((resp) => {
this.articleList = resp.data;
});
discussApi
.getDiscussByDiscussId(this.$store.state.home.discussId)
.then((resp) => {
this.discussData = resp.data;
this.discussData.content = this.discussData.content;
});
commentApi
.getCommentsByDiscussId(
this.$store.state.home.discussId,
this.pageIndex
)
.then((resp) => {
this.commentList = resp.data.items;
this.pageSize = 10;
this.total = resp.data.total;
});
},
copy(text)
{
var tag = document.createElement('input');
tag.setAttribute('id', 'cp_hgz_input');
tag.value = text;
document.getElementsByTagName('body')[0].appendChild(tag);
document.getElementById('cp_hgz_input').select();
document.execCommand('copy');
document.getElementById('cp_hgz_input').remove();
},
initializa() {
if (this.$route.params.discussId != undefined) {
discussApi
.GetPlateInfoBydiscussId(this.$route.params.discussId)
.then((resp) => {
if (resp.status) {
this.$store.dispatch("set_plateId", resp.data.id);
this.$store.dispatch("set_plateString", resp.data.name);
this.$store.dispatch(
"set_discussId",
this.$route.params.discussId
);
this.getInfo();
} else {
alert(resp.msg);
}
});
} else {
this.getInfo();
}
},
agrees() {
agreesApi.getAgrees(this.$store.state.home.discussId).then((resp) => {
if (resp.data > this.discussData.agree_num) {
this.$dialog.notify.success(resp.msg, {
position: "top-right",
});
} else {
this.$dialog.notify.error(resp.msg, {
position: "top-right",
});
}
this.discussData.agree_num = resp.data;
});
},
sentComment() {
if (this.$refs.com.validate()) {
commentApi
.addComment(this.form, this.$store.state.home.discussId)
.then((resp) => {
//设置等级
this.$store.dispatch("setLevel", resp.data.level);
this.form.content = "";
this.initializa();
});
} else {
this.$dialog.notify.error("请合理输入数据", {
position: "top-right",
timeout: 5000,
});
}
},
openCard(index) {
this.openIndex = index;
this.dialog = true;
},
close() {
this.openIndex = -1;
this.dialog = false;
this.mycolor = "#212121";
},
useCard() {
if (this.openIndex == -1) {
return 0;
}
discussApi
.UpdatePorp(this.discussData.id, this.openIndex, this.mycolor)
.then((resp) => {
if (resp.status) {
this.$dialog.notify.success(resp.msg, {
position: "top-right",
timeout: 5000,
});
} else {
this.$dialog.notify.error(resp.msg, {
position: "top-right",
timeout: 5000,
});
}
this.close();
});
},
},
};
</script>
<style scoped>
.v-card--reveal {
bottom: 0;
opacity: 1 !important;
position: absolute;
width: 100%;
}
</style>

251
Yi.BBS.Vue2/src/views/user/discuss.vue Normal file
View File

@@ -0,0 +1,251 @@
<template>
<v-container fluid >
<v-row >
<v-col class="pb-0">
<v-card height="100%" class="mx-auto">
<v-navigation-drawer right app v-model="drawer">
<v-list-item>
<v-list-item-content>
<v-btn color="cyan" elevation="2" @click="intoAdd" large dark>
添加主题
</v-btn>
</v-list-item-content>
</v-list-item>
<v-divider></v-divider>
<v-list dense nav>
<v-list-item
v-for="myitem in items"
:key="myitem.title"
link
@click="orderby(myitem.id)"
>
<v-list-item-icon>
<v-icon>{{ myitem.icon }}</v-icon>
</v-list-item-icon>
<v-list-item-content>
<v-list-item-title>{{ myitem.title }}</v-list-item-title>
</v-list-item-content>
</v-list-item>
</v-list>
</v-navigation-drawer>
</v-card>
</v-col>
<v-col cols="12" class="elevation-2 mt-3">
<v-row>
<v-col cols="4" md="6">
<div class="text-h5 title pt-6">
<v-icon class="mx-2" @click="drawer = !drawer">mdi-menu</v-icon>
{{this.$store.state.home.plateString}}
</div>
</v-col>
<v-col cols="8" md="6">
<v-text-field label="搜索">
<v-icon slot="append" color="red">
mdi-plus
</v-icon></v-text-field
>
</v-col>
</v-row>
<v-row justify="center">
<v-container>
<v-expansion-panels inset focusable>
<v-expansion-panel
class="p-1"
v-for="(item, i) in discussList"
:key="i"
>
<v-expansion-panel-header>
<v-row align="center" class="spacer" no-gutters>
<v-col cols="1" sm="1" md="1">
<v-avatar size="36px " @click="intoInfo(item.user.id)">
<!-- <img
alt="Avatar"
:src="
baseurl +
'/File/ShowNoticeImg?filePath=' +
item.user.icon
"
/> -->
</v-avatar>
<br />
<!-- <span class="ml-2"> {{ item.user.username }}</span> -->
</v-col>
<v-col cols="6" sm="5" md="8" :style="{'color':item.color}">
<span @click="intoComment(item.id)">[{{ item.types }}] {{ item.title }}</span>
</v-col>
<v-col cols="4" sm="5" md="2">
<v-subheader>
{{ item.time }}<br />
{{ item.see_num }}阅览 | {{ item.agree_num }}点赞
</v-subheader>
</v-col>
<v-col cols="1" sm="1" md="1">
<v-btn
fab
small
dark
color="blue"
@click="intoComment(item.id)"
>
<v-icon dark> mdi-login </v-icon>
</v-btn>
</v-col>
<!-- <v-col cols="12" >
<v-subheader class="mr-2">
{{ item.time }} 发布 | {{ item.see_num }}阅览 | {{ item.agree_num }}点赞
</v-subheader>
</v-col> -->
</v-row>
</v-expansion-panel-header>
<v-expansion-panel-content>
{{ item.introduction }}
<div class="mt-2">
<v-btn
class="mr-2"
fab
small
dark
color="blue"
@click="intoComment(item.id)"
>
<v-icon dark> mdi-login </v-icon>
</v-btn>
<v-btn class="mx-2" fab dark small color="cyan">
<v-icon dark> mdi-close </v-icon>
</v-btn>
<v-btn class="mx-2" fab dark small color="cyan">
<v-icon dark> mdi-close </v-icon>
</v-btn>
<v-btn class="mx-2" fab dark small color="cyan">
<v-icon dark @click="Collection(item.id)">
mdi-star
</v-icon>
</v-btn>
</div>
</v-expansion-panel-content>
</v-expansion-panel>
</v-expansion-panels>
</v-container>
</v-row>
</v-col>
</v-row>
<div class="text-center mt-4 mb-10">
<v-pagination
color="cyan"
v-model="pageIndex"
:length="lenData"
:total-visible="7"
prev-icon="mdi-menu-left"
next-icon="mdi-menu-right"
circle
></v-pagination>
</div>
</v-container>
</template>
<script>
import discussApi from "@/api/discussApi";
import collectionApi from "@/api/collectionApi";
export default {
data() {
return {
orderbyId: 0,
drawer: "true",
items: [
{ title: "最新主题", icon: "mdi-eye", id: "0" },
{ title: "最热主题", icon: "mdi-brightness-7", id: "1" },
{ title: "推荐主题", icon: "mdi-bullhorn-outline", id: "2" },
],
baseurl: "",
pageIndex: 1,
pageSize: 10,
total: 100,
discussList: [],
};
},
watch: {
pageIndex: {
handler() {
this.initializa();
},
},
},
created() {
this.initializa();
},
mounted() {
this.baseurl = process.env.VUE_APP_BASE_API;
},
computed: {
lenData() {
return Math.floor(this.total / this.pageSize) + 1;
},
},
methods: {
Collection(Id) {
collectionApi.addCollection(Id).then((resp) => {
if (resp.status) {
this.$dialog.message.success(resp.msg, {
position: "top-right",
});
} else {
this.$dialog.message.error(resp.msg, {
position: "top-right",
});
}
});
},
intoInfo(userId) {
this.$router.push({
path: `/userInfo`,
query: {
userId: userId,
},
});
},
initializa() {
//初始化创建
discussApi
.getDiscussByPlateId(
this.$store.state.home.plateId,
this.pageIndex,
this.orderbyId
)
.then((resp) => {
this.discussList =resp.data.items;
this.total = resp.data.total;
this.pageSize =10;
});
},
intoAdd() {
this.$router.push({ path: "/addDiscuss" });
},
orderby(itemId) {
this.orderbyId = itemId;
this.initializa();
},
intoComment(discussId) {
this.$store.dispatch("set_discussId", discussId);
this.$router.push({ path: "/comment" });
},
},
};
</script>

316
Yi.BBS.Vue2/src/views/user/friend.vue Normal file
View File

@@ -0,0 +1,316 @@
<template>
<v-container fluid>
<v-row>
<v-col cols="12" md="8">
<v-row>
<v-col cols="12">
<p class="title text--secondary">好友列表</p>
</v-col>
<v-col cols="12">
<v-text-field label="好友搜索" prepend-inner-icon="mdi-magnify">
<v-icon slot="append" color="cyan"> mdi-send </v-icon>
</v-text-field>
</v-col>
<v-col cols="12">
<p v-show="showFriend" class="text-center text--secondary">
空空如也，快快添加你的好友吧！
</p>
</v-col>
<v-col
cols="12"
sm="6"
md="4"
v-for="(item, index) in friendList"
:key="index"
>
<v-hover v-slot="{ hover }">
<v-card
class="mx-auto"
color="cyan"
dark
:elevation="hover ? 12 : 2"
>
<v-card-title>
<v-row>
<v-col cols="2">
<v-icon large left> mdi-account-circle </v-icon></v-col
>
<v-col cols="8" class="text-center">
<span class="text-h8 font-weight-light">{{
item.user.username
}}</span></v-col
>
<v-col cols="2">
<v-icon @click="openItem(item.id)"> mdi-close </v-icon>
</v-col>
</v-row>
</v-card-title>
<v-card-text class="text-h7 font-weight-bold">
"{{ item.user.user_extra.introduction }}"
</v-card-text>
<v-card-actions>
<v-list-item class="grow">
<v-list-item-avatar color="grey darken-3">
<v-avatar size="36px " @click="intoInfo(item.user.id)">
<img
alt="Avatar"
:src="
baseurl +
'/File/ShowNoticeImg?filePath=' +
item.user.icon
"
/>
</v-avatar>
</v-list-item-avatar>
<v-list-item-content>
<v-list-item-title>{{
item.user.nick
}}</v-list-item-title>
</v-list-item-content>
<v-row align="center" justify="end">
<div>
<v-icon class="mr-1"> mdi-close </v-icon>
<span class="subheading mr-2">聊天</span>
</div>
<span class="mr-1">·</span>
<div>
<v-icon class="mr-1"> mdi-close </v-icon>
<span class="subheading">赠礼</span>
</div>
</v-row>
</v-list-item>
</v-card-actions>
</v-card>
</v-hover>
</v-col>
</v-row>
</v-col>
<v-col cols="12" md="4">
<v-row>
<v-col cols="12">
<p class="title text--secondary">请求列表</p>
</v-col>
<v-col cols="12" class="text-center">
<v-btn width="100%" color="cyan" dark @click="openAdd()"
>添加好友</v-btn
>
</v-col>
<v-col cols="12">
<p v-show="showNoit" class="text-center text--secondary">
空空如也，暂无请求！
</p>
</v-col>
<v-col
cols="12"
v-for="(item, index) in friendNoticeList"
:key="index"
>
<v-hover v-slot="{ hover }">
<v-card
class="mx-auto"
color="cyan"
dark
:elevation="hover ? 12 : 2"
>
<v-card-title>
<v-row>
<v-col cols="2">
<v-icon large left> mdi-account-circle </v-icon></v-col
>
<v-col cols="8" class="text-center">
<span class="text-h8 font-weight-light">{{
item.user.username
}}</span></v-col
>
</v-row>
</v-card-title>
<v-card-text class="text-h7 font-weight-bold">
"{{ item.user.user_extra.introduction }}"
</v-card-text>
<v-card-actions>
<v-list-item class="grow">
<v-list-item-avatar color="grey darken-3">
<v-avatar size="36px " @click="intoInfo(item.user.id)">
<img
alt="Avatar"
:src="
baseurl +
'/File/ShowNoticeImg?filePath=' +
item.user.icon
"
/>
</v-avatar>
</v-list-item-avatar>
<v-list-item-content>
<v-list-item-title>{{
item.user.nick
}}</v-list-item-title>
</v-list-item-content>
<v-row align="center" justify="end">
<div @click="updateFriend(item.id)">
<v-icon class="mr-1">
mdi-account-multiple-check
</v-icon>
<span class="subheading mr-2">同意</span>
</div>
<span class="mr-1">·</span>
<div @click="openItem(item.id)">
<v-icon class="mr-1">
mdi-account-multiple-remove
</v-icon>
<span class="subheading">拒绝</span>
</div>
</v-row>
</v-list-item>
</v-card-actions>
</v-card>
</v-hover>
</v-col>
</v-row>
</v-col>
</v-row>
<!-- 删除提示框 -->
<v-dialog v-model="dialog" max-width="500px">
<v-card>
<v-card-title class="headline">你确定要删除该项吗？</v-card-title>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="close">取消</v-btn>
<v-btn color="blue darken-1" text @click="delFriend()">确定</v-btn>
<v-spacer></v-spacer>
</v-card-actions>
</v-card>
</v-dialog>
<!-- 添加提示框 -->
<v-dialog v-model="addDialog" max-width="500px">
<v-card>
<v-card-title>
<span class="headline">添加好友</span>
</v-card-title>
<v-card-text>
<v-container>
<v-row>
<v-col cols="12">
<v-text-field v-model="editName" label="用户名"></v-text-field>
</v-col>
</v-row>
</v-container>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="closeAdd"> 取消 </v-btn>
<v-btn color="blue darken-1" text @click="addFriend"> 添加 </v-btn>
</v-card-actions>
</v-card>
</v-dialog>
</v-container>
</template>
<script>
import friendApi from "@/api/friendApi";
export default {
data: () => ({
friendList: [],
friendNoticeList: [],
baseurl: "",
editId: 0,
dialog: false,
addDialog: false,
editName: "",
showFriend: false,
showNoit: false,
}),
created() {
this.initializa();
},
mounted() {
this.baseurl = process.env.VUE_APP_BASE_API;
},
methods: {
intoInfo(userId) {
this.$router.push({
path: `/userInfo`,
query: {
userId: userId,
},
});
},
initializa() {
friendApi.GetFriends().then((resp) => {
if (resp.data.length == 0) {
this.showFriend = true;
}
this.friendList = resp.data;
});
friendApi.GetFriendsNotice().then((resp) => {
if (resp.data.length == 0) {
this.showNoit = true;
}
this.friendNoticeList = resp.data;
});
},
openItem(id) {
this.editId = id;
this.dialog = true;
},
openAdd() {
this.addDialog = true;
},
close() {
this.editId = 0;
this.dialog = false;
},
closeAdd() {
(this.editName = ""), (this.addDialog = false);
},
delFriend() {
friendApi.delFriendList([this.editId]).then((resp) => {
this.$dialog.notify.error(resp.msg, {
position: "top-right",
});
this.close();
this.initializa();
});
},
updateFriend(id) {
friendApi.UpdateFriend(id).then((resp) => {
this.$dialog.notify.success(resp.msg, {
position: "top-right",
});
this.initializa();
});
},
addFriend() {
friendApi.AddFriend(this.editName).then((resp) => {
if (resp.status) {
this.$dialog.notify.success(resp.msg, {
position: "top-right",
});
} else {
this.$dialog.notify.error(resp.msg, {
position: "top-right",
});
}
this.closeAdd();
this.initializa();
});
},
},
};
</script>

34
Yi.BBS.Vue2/src/views/user/my.vue Normal file
View File

@@ -0,0 +1,34 @@
<template>
<v-app>
<v-container class="text-center">
<v-btn
class="m-2"
fab
dark
large
color="purple"
@click="mylink()"
>
<v-icon dark>
mdi-android
</v-icon>
</v-btn>
</v-container>
</v-app>
</template>
<script>
export default {
methods: {
mylink() {
const mylink=this.$route.params.mylink
var tempwindow=window.open();
tempwindow.location=mylink;
}
},
};
</script>

340
Yi.BBS.Vue2/src/views/user/myDiscuss.vue Normal file
View File

@@ -0,0 +1,340 @@
<template>
<v-container fluid>
<v-row>
<!-- 删除提示框 -->
<v-dialog v-model="dialogDelete" max-width="500px">
<v-card>
<v-card-title class="headline"
>你确定要删除此条记录吗？</v-card-title
>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="closeDelete"
>取消</v-btn
>
<v-btn color="blue darken-1" text @click="deleteItemConfirm"
>确定</v-btn
>
<v-spacer></v-spacer>
</v-card-actions>
</v-card>
</v-dialog>
<!-- 添加提示框 -->
<v-dialog v-model="dialog" max-width="500px">
<v-card>
<v-card-title>
<span class="headline">添加标签</span>
</v-card-title>
<v-card-text>
<v-container>
<!-- 【1】这里设置对应的编辑框名 -->
<v-row>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="form.name"
label="标签名"
></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="form.color"
label="文字颜色"
></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
v-model="form.color_bg"
label="背景颜色"
></v-text-field>
</v-col>
</v-row>
</v-container>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="close"> 取消 </v-btn>
<v-btn color="blue darken-1" text @click="save"> 保存 </v-btn>
</v-card-actions>
</v-card>
</v-dialog>
<v-col class="pb-0">
<v-card height="100%" class="mx-auto">
<v-navigation-drawer right app v-model="drawer"
>
<v-list-item>
<v-list-item-content>
<v-btn
v-if="my"
color="cyan"
elevation="2"
@click="Add"
large
dark
>
添加标签
</v-btn>
</v-list-item-content>
</v-list-item>
<v-divider></v-divider>
<v-list dense nav>
<v-list-item link @click="initializa()">
<v-list-item-content>
<v-list-item-title class="text-center">
<v-chip> <v-icon> mdi-star </v-icon> 全部</v-chip>
</v-list-item-title>
</v-list-item-content>
</v-list-item>
<v-list-item
v-for="myitem in items"
:key="myitem.id"
link
>
<v-list-item-content>
<v-list-item-title class="text-center">
<v-chip
@click="selctDiscuss(myitem.id)"
:style="{
backgroundColor: myitem.color_bg,
color: myitem.color,
}"
>{{ myitem.name }}
<v-icon v-if="my" @click="deleteItem(myitem.id)">mdi-close-circle</v-icon>
</v-chip
>
</v-list-item-title>
</v-list-item-content>
</v-list-item>
</v-list>
</v-navigation-drawer>
</v-card>
</v-col>
<v-col cols="12" class="elevation-2 mt-3">
<v-row>
<v-col cols="4" md="6">
<div class="text-h5 title pt-6"><v-icon class="mx-2" @click="drawer = !drawer">mdi-menu</v-icon>我的</div>
</v-col>
<v-col cols="8" md="6">
<v-text-field label="搜索">
<v-icon slot="append" color="red">
mdi-plus
</v-icon></v-text-field
>
</v-col>
</v-row>
<v-row justify="center">
<v-container>
<v-expansion-panels inset focusable>
<v-expansion-panel
class="p-1"
v-for="(item, i) in discussList"
:key="i"
>
<v-expansion-panel-header>
<v-row align="center" class="spacer" no-gutters>
<v-col cols="2" sm="1" md="1">
<v-avatar size="36px " @click="intoInfo(item.user.id)">
<img
alt="Avatar"
:src="
baseurl +
'/File/ShowNoticeImg?filePath=' +
item.user.icon
"
/>
</v-avatar>
<br>
<span class="ml-2"> {{ item.user.username }}</span>
</v-col>
<v-col cols="6" sm="5" md="8" :style="{'color':item.color}">
[{{ item.type }}] {{ item.title }}
</v-col>
<v-col cols="4" sm="5" md="3">
<v-subheader>
{{ item.time }} 发布 <br />
{{item.see_num}}阅览 | {{item.agree_num}}点赞 </v-subheader
>
</v-col>
</v-row>
</v-expansion-panel-header>
<v-expansion-panel-content>
{{ item.introduction }}
<div class="mt-2">
<v-btn
class="mr-2"
fab
small
dark
color="blue"
@click="intoComment(item.id, item.plate.id)"
>
<v-icon dark > mdi-login </v-icon>
</v-btn>
<v-btn class="mx-2" fab dark small color="cyan">
<v-icon dark> mdi-format-list-bulleted-square </v-icon>
</v-btn>
<v-btn class="mx-2" fab dark small color="cyan">
<v-icon dark > mdi-pencil </v-icon>
</v-btn>
<v-btn class="mx-2" fab dark small color="cyan">
<v-icon dark > mdi-android </v-icon>
</v-btn>
</div>
</v-expansion-panel-content>
</v-expansion-panel>
</v-expansion-panels>
</v-container>
</v-row>
</v-col>
</v-row>
<div class="text-center mt-4 mb-10">
<v-pagination
v-model="pageIndex"
:length="lenData"
:total-visible="7"
prev-icon="mdi-menu-left"
next-icon="mdi-menu-right"
circle
color="cyan"
></v-pagination>
</div>
</v-container>
</template>
<script>
import discussApi from "@/api/discussApi";
import labelApi from "@/api/labelApi";
export default {
data() {
return {
my:false,
drawer:"true",
dialogDelete: false,
delId: 0,
dialog: false,
form: {
color: "",
color_bg: "",
name: "",
},
defaultForm: {
color: "",
color_bg: "",
name: "",
},
items: [],
plateId: "",
baseurl: "",
pageIndex: 1,
pageSize: 10,
total: 100,
discussList: [],
};
},
watch: {
pageIndex: {
handler() {
this.initializa();
},
},
},
created() {
this.initializa();
},
mounted() {
this.baseurl = process.env.VUE_APP_BASE_API;
},
computed: {
lenData() {
return Math.floor(this.total / this.pageSize) + 1;
},
},
methods: {
initializa() {
if (this.$route.query.userId==undefined||this.$route.query.userId == this.$store.state.user.user.id) {
//表示是自己的用户
this.my = true;
}
labelApi.getLabelByUserId(this.$route.query.userId).then((resp) => {
this.items = resp.data;
});
//初始化创建
discussApi.getDiscussByUserId(this.$route.query.userId,this.pageIndex).then((resp) => {
this.discussList = resp.data.pageData;
this.total = resp.data.total;
this.pageSize = resp.data.pageSize;
});
},
selctDiscuss(id) {
labelApi.getDiscussByLabelId(this.$route.query.userId,this.pageIndex, id).then((resp) => {
this.discussList = resp.data.pageData;
this.total = resp.data.total;
this.pageSize = resp.data.pageSize;
});
},
deleteItem(id) {
this.delId = id;
this.dialogDelete = true;
},
deleteItemConfirm() {
labelApi.delLabelList([this.delId]).then(() => this.initializa());
this.closeDelete();
},
closeDelete() {
this.dialogDelete = false;
},
Add() {
this.dialog = true;
},
close() {
this.dialog = false;
this.$nextTick(() => {
this.form = Object.assign({}, this.defaultForm);
});
},
save() {
labelApi.addLabelByUserId(this.form).then(() => this.initializa());
this.close();
},
intoComment(discussId, plateId) {
this.$store.dispatch("set_plateId", plateId);
this.$store.dispatch("set_discussId", discussId);
this.$router.push({ path: "/comment" });
},
intoInfo(userId) {
this.$router.push({
path: `/userInfo`,
query: {
userId: userId,
},
});
},
},
};
</script>

99
Yi.BBS.Vue2/src/views/user/shop.vue Normal file
View File

@@ -0,0 +1,99 @@
<template>
<v-container fluid>
<v-row>
<v-col cols="12" class="text-center" v-show="is_null">
商城货物已被购空。。。。。。<br />
请等待新货物上架
</v-col>
<v-col v-for="(item, index) in form" :key="index" cols="6" sm="6" md="3">
<v-hover v-slot="{ hover }">
<v-card :elevation="hover ? 12 : 2" class="pa-4">
<v-icon class="ml-4 mb-2" large :color="item.prop.color">
{{ item.prop.logo }}
</v-icon>
{{ item.prop.name }}
<br />
<v-subheader>{{ item.prop.introduction }}</v-subheader>
<v-divider></v-divider>
<p class="mt-2">原价：{{ item.price }}</p>
<p>折扣：{{ item.discount }}</p>
<p>折后价格：{{ item.real_price }}</p>
<span class="float-right">剩余数量：{{ item.number }}</span>
<v-divider></v-divider>
<v-btn class="mt-2" dark @click="openBuy(item.id)" color="cyan"
>购买</v-btn
>
</v-card>
</v-hover>
</v-col>
</v-row>
<!-- 删除提示框 -->
<v-dialog v-model="dialog" max-width="500px">
<v-card>
<v-card-title class="headline">你确定要购买该道具吗？</v-card-title>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="close">取消</v-btn>
<v-btn color="blue darken-1" text @click="buy">确定</v-btn>
<v-spacer></v-spacer>
</v-card-actions>
</v-card>
</v-dialog>
</v-container>
</template>
<script>
import shopApi from "@/api/shopApi";
export default {
data() {
return {
dialog: false,
shopId: 0,
is_null: false,
form: [],
};
},
created() {
this.initializa();
},
methods: {
openBuy(id) {
this.shopId = id;
this.dialog = true;
},
close() {
this.shopId = 0;
this.dialog = false;
},
buy() {
shopApi.BuyShop(this.shopId).then((resp) => {
if (resp.status) {
this.$dialog.notify.success(resp.msg, {
position: "top-right",
});
} else {
this.$dialog.notify.error(resp.msg, {
position: "top-right",
});
}
this.close();
this.initializa();
});
},
initializa() {
shopApi.getShops().then((resp) => {
if (resp.data.length == 0) {
this.is_null = true;
}
this.form = resp.data;
});
},
},
};
</script>

167
Yi.BBS.Vue2/src/views/user/theme.vue Normal file
View File

@@ -0,0 +1,167 @@
<template>
<div>
<v-container fluid>
<v-card class="pa-8">
<p class="mb-4 text-h6 text--secondary">样式设置</p>
<v-divider></v-divider>
<v-row>
<v-col cols="9" md="10">
<p class="my-4 ml-4 text-h7 font-weight-bold">深色模式</p>
<v-subheader>开启后，样式将变更为深色</v-subheader>
</v-col>
<v-col cols="3" md="2">
<v-switch inset v-model="$vuetify.theme.dark" ></v-switch>
</v-col>
</v-row>
<v-divider></v-divider>
<v-row>
<v-col cols="9" md="10">
<p class="my-4 ml-4 text-h7 font-weight-bold">核心主题</p>
<v-subheader>可修改相当核心主题颜色</v-subheader>
</v-col>
<v-col cols="3" md="2">
<v-btn class="mt-4" dark @click="openDialog(1)" color="cyan">修改</v-btn>
</v-col>
</v-row>
<v-divider></v-divider>
<v-row>
<v-col cols="9" md="10">
<p class="my-4 ml-4 text-h7 font-weight-bold">次要主题</p>
<v-subheader>可修改当前次要主题颜色</v-subheader>
</v-col>
<v-col cols="3" md="2">
<v-btn class="mt-4" dark @click="openDialog(2)" color="blue">修改</v-btn>
</v-col>
</v-row>
<v-divider></v-divider>
<v-row>
<v-col cols="9" md="10">
<p class="my-4 ml-4 text-h7 font-weight-bold">语言</p>
<v-subheader>可切语言，仅限已翻译过部分</v-subheader>
</v-col>
<v-col cols="3" md="2">
<v-menu offset-y>
<template v-slot:activator="{ on, attrs }">
<v-btn
color="cyan"
dark
v-bind="attrs"
v-on="on"
class="mt-4"
>
修改
</v-btn>
</template>
<v-list>
<v-list-item
v-for="(item, index) in items"
:key="index"
@click="updateLang(item.id)"
>
<v-list-item-title>{{ item.title }}</v-list-item-title>
</v-list-item>
</v-list>
</v-menu>
</v-col>
</v-row>
<v-divider></v-divider>
</v-card>
</v-container>
<v-row justify="center">
<v-dialog
v-model="dialog"
fullscreen
hide-overlay
transition="dialog-bottom-transition"
>
<v-card class="text-center align-center">
<v-toolbar dark color="blue">
<v-btn icon dark @click="dialog = false">
<v-icon>mdi-close</v-icon>
</v-btn>
<v-toolbar-title>色彩提取</v-toolbar-title>
<v-spacer></v-spacer>
<v-toolbar-items>
<v-btn dark text @click="save"> 保存 </v-btn>
</v-toolbar-items>
</v-toolbar>
<v-color-picker
class="mx-auto mt-8"
dot-size="25"
show-swatches
width="500"
swatches-max-height="200"
v-model="color1"
mode="rgba"
></v-color-picker>
</v-card>
</v-dialog>
</v-row>
</div>
</template>
<script>
export default {
data() {
return {
items: [
{id:1, title: '简体中文' },
{id:2, title: 'English' },
{id:3, title: '日本語' },
],
dialog: false,
notifications: false,
sound: true,
widgets: false,
color1: "",
open:0
};
},
methods: {
updateLang(id)
{
var lang="zhHans";
switch(id)
{
case 1: break;
case 2: lang='en'; break;
case 3: lang='ja'; break;
}
this.$vuetify.lang.current=lang;
},
openDialog(id) {
this.open=id;
this.dialog = true;
},
save() {
var cor = this.color1.substr(0, 7);
switch(this.open)
{
case 1: this.$vuetify.theme.themes.light.cyan = cor;break;
case 2:this.$vuetify.theme.themes.light.blue = cor;break;
}
this.$vuetify.theme.dark=true;
this.$vuetify.theme.dark=false;
this.dialog=false;
},
},
};
</script>

394
Yi.BBS.Vue2/src/views/user/userInfo.vue Normal file
View File

@@ -0,0 +1,394 @@
<template>
<v-container fluid>
<v-tabs v-model="tab">
<v-tab href="#tab-1">
账户信息
<v-icon>mdi-phone</v-icon>
</v-tab>
<v-tab href="#tab-2">
额外信息
<v-icon>mdi-account-box</v-icon>
</v-tab>
</v-tabs>
<v-card>
<v-tabs-items v-model="tab">
<v-tab-item :value="'tab-2'">
<v-card class="mx-auto">
<v-card-text>
<div>Extra Information</div>
<v-row>
<v-col cols="12">
<v-list two-line>
<v-list-item>
<v-list-item-icon>
<v-icon color="indigo"> mdi-phone </v-icon>
</v-list-item-icon>
<v-list-item-content>
<v-list-item-title>等级：</v-list-item-title>
<v-list-item-subtitle>{{
form.user_extra.level
}}</v-list-item-subtitle>
</v-list-item-content>
<v-list-item-icon>
<v-icon>mdi-message-text</v-icon>
</v-list-item-icon>
</v-list-item>
<v-list-item>
<v-list-item-action></v-list-item-action>
<v-list-item-content>
<v-list-item-title>经验：</v-list-item-title>
<v-list-item-subtitle>{{
form.user_extra.experience
}}</v-list-item-subtitle>
</v-list-item-content>
<v-list-item-icon>
<v-icon>mdi-message-text</v-icon>
</v-list-item-icon>
</v-list-item>
<v-divider inset></v-divider>
<v-list-item>
<v-list-item-icon>
<v-icon color="indigo"> mdi-lock </v-icon>
</v-list-item-icon>
<v-list-item-content>
<v-list-item-title>拥有角色：</v-list-item-title>
<v-list-item-subtitle>
<v-row>
<v-col
v-for="(item, index) in roleList"
:key="index"
cols="6"
sm="3"
md="1"
>{{ item.role_name }}</v-col
>
</v-row>
</v-list-item-subtitle>
</v-list-item-content>
</v-list-item>
<v-list-item>
<v-list-item-action></v-list-item-action>
<v-list-item-content>
<v-list-item-title>拥有权限：</v-list-item-title>
<v-list-item-subtitle>
<v-row>
<v-col
v-for="(item, index) in actionList"
:key="index"
cols="6"
sm="3"
md="1"
>{{ item.action_name }}</v-col
>
</v-row>
</v-list-item-subtitle>
</v-list-item-content>
</v-list-item>
<v-divider inset></v-divider>
<v-list-item>
<v-list-item-icon>
<v-icon color="indigo"> mdi-email </v-icon>
</v-list-item-icon>
<v-list-item-content>
<v-list-item-title>发帖总数：</v-list-item-title>
<v-list-item-subtitle>{{
form.user_extra.num_release
}}</v-list-item-subtitle>
</v-list-item-content>
</v-list-item>
<v-list-item>
<v-list-item-action></v-list-item-action>
<v-list-item-content>
<v-list-item-title>评论总数：</v-list-item-title>
<v-list-item-subtitle>{{
form.user_extra.num_reply
}}</v-list-item-subtitle>
</v-list-item-content>
</v-list-item>
<v-list-item>
<v-list-item-action></v-list-item-action>
<v-list-item-content>
<v-btn
dark
color="cyan"
@click="intoMyDiscuss()"
class="ml-0"
dense
>
查看主题
</v-btn>
</v-list-item-content>
</v-list-item>
<v-divider inset></v-divider>
</v-list>
</v-col>
<v-col cols="12" md="2">
<v-card-actions> </v-card-actions>
</v-col>
</v-row>
</v-card-text>
</v-card>
</v-tab-item>
<v-tab-item :value="'tab-1'">
<v-card class="mx-auto">
<v-card-text>
<div>Basic Information</div>
<v-row>
<v-col cols="12" md="2" class="text-center align-center">
<v-avatar size="100" class="elevation-4 mt-5">
<img :src="imgurl" />
</v-avatar>
<br />
<input
type="file"
ref="imgFile"
@change="uploadImage()"
class="d-none"
/>
<v-btn
v-if="my"
dark
color="cyan"
@click="choiceImg"
class="mt-4 mx-2"
>
编辑头像
</v-btn>
<v-btn
v-if="my"
dark
color="cyan"
class="mt-4"
@click="qqUpdate"
>
绑定QQ
</v-btn>
</v-col>
<v-col cols="12" md="6">
<v-text-field
v-model="form.username"
label="用户名"
disabled
></v-text-field>
<v-text-field
v-model="form.nick"
required
:counter="10"
label="昵称"
:disabled="!my"
></v-text-field>
<v-text-field
v-model="form.email"
required
label="邮箱"
disabled
></v-text-field>
<v-text-field
v-model="form.user_extra.introduction"
required
label="简介"
:counter="50"
:disabled="!my"
></v-text-field>
<v-divider class="my-8"></v-divider>
<div v-if="my">
<p>修改密码</p>
<v-text-field
v-model="form.password"
label="原密码"
outlined
clearable
></v-text-field>
<v-text-field
v-model="password_new"
required
:counter="120"
label="新密码"
:disabled="en_new"
></v-text-field>
<v-card-actions>
<v-btn dark color="cyan" class="mr-2" @click="clear()">
清除
</v-btn>
<v-btn dark color="cyan" @click="send()"> 保存 </v-btn>
</v-card-actions>
</div>
</v-col>
</v-row>
</v-card-text>
</v-card>
</v-tab-item>
</v-tabs-items>
</v-card>
</v-container>
</template>
<script>
import userApi from "@/api/userApi";
import myqq from "../../utils/myqq";
import axios from "axios";
export default {
data() {
return {
actionList: [],
roleList: [],
my: false, //判定打开的是否是自己的用户
baseurl: "", ///prod-apis或发展模式的基础前缀
imgurl: "", ///baseurl+图片名
en_new: true, //密码框是否能输入
password_new: "",
form: {
username: "",
password: "",
icon: "",
email: "",
user_extra: {
experience: 0,
introduction: "",
level: 0,
num_reply: 0,
num_release: 0,
},
},
tab: null,
picker: new Date().toISOString().substr(0, 10),
picker2: null,
};
},
created() {
this.initializa();
},
mounted() {
this.baseurl = process.env.VUE_APP_BASE_API;
},
watch: {
form: {
//深度监听，可监听到对象、数组的变化
handler(val, oldVal) {
if (val.password == "") {
this.en_new = true;
this.form.password_new = "";
} else {
this.en_new = false;
}
},
deep: true, //true 深度监听
},
},
methods: {
// 深刻理解一下文件上传：
// <input type="file" ref="imgFile" @change="uploadImage()" class="d-none" />
// <v-btn dark color="cyan" @click="choiceImg" class="mt-4">编辑</v-btn>
// choiceImg：触发input点击事件，这个要绑定要按钮单机事件上
// uploadImage：发送图片过去，这个要绑定要@change上，当有东西改变
// 通过ref获取文件，然后通过axios发送文件给后端，后端返回一个回调地址，前端解析一下换成图片和文件名
qqUpdate() {
QC.Login.showPopup(myqq.myqqUpdate);
},
choiceImg() {
this.$refs.imgFile.dispatchEvent(new MouseEvent("click"));
},
uploadImage() {
const file = this.$refs.imgFile.files[0];
let formData = new FormData();
formData.append("img", file);
axios
.post(this.baseurl + "/File/OnPostUploadImage", formData, {
headers: {
"Content-Type": "multipart/form-data",
},
})
.then((resp) => {
this.imgurl = resp.data.data[0].url.replace("#", this.baseurl);
const stringList = this.imgurl.split("=");
this.form.icon = stringList[1];
});
},
intoMyDiscuss() {
this.$router.push({
path: `/myDiscuss`,
query: {
userId: this.$route.query.userId,
},
});
},
initializa() {
if (
this.$route.query.userId == undefined ||
this.$route.query.userId ==0||
this.$route.query.userId == this.$store.state.user.user.id
) {
//表示是自己的用户
this.my = true;
}
userApi.getUserByUserId(this.$route.query.userId).then((resp) => {
this.form = resp.data;
this.imgurl =
this.baseurl + "/File/ShowNoticeImg?filePath=" + this.form.icon;
});
userApi.getRoleByuserId(this.$route.query.userId).then((resp) => {
this.roleList = resp.data;
});
userApi.getActionByUserId(this.$route.query.userId).then((resp) => {
this.actionList = resp.data;
});
},
clear() {
this.form.username = "";
this.form.password = "";
this.password_new = "";
this.form.user_extra.introduction = "";
},
send() {
this.form.password_new = this.password_new;
userApi.tryUpdateUser(this.form).then((resp) => {
if (resp.status) {
//同时更新一下store
this.$store.dispatch("setIcon", this.form.icon);
this.$dialog.notify.success(resp.msg, {
position: "top-right",
timeout: 5000,
});
} else {
this.$dialog.notify.error(resp.msg, {
position: "top-right",
timeout: 5000,
});
}
this.clear();
this.initializa();
});
},
},
};
</script>

47
Yi.BBS.Vue2/src/views/user/version.vue Normal file
View File

@@ -0,0 +1,47 @@
<template>
<v-container fluid>
<v-timeline>
<v-timeline-item
v-for="(item,key) in form"
:key="key"
:color="item.color"
large
>
<template v-slot:opposite>
<span>2020/10/01 10:21:51</span>
</template>
<v-hover v-slot="{ hover }">
<v-card :elevation="hover ? 12 : 2">
<v-card-title class="headline">
{{item.ver}}
</v-card-title>
<v-card-text v-html="item.context">
</v-card-text>
</v-card>
</v-hover>
</v-timeline-item>
</v-timeline>
</v-container>
</template>
<script>
import versionApi from "@/api/versionApi";
export default {
data(){
return{
form:[]
}
},
created(){
this.initializa();
},
methods:{
initializa() {
versionApi.getVersions().then(resp=>{
this.form= resp.data;
})
}
}
}
</script>

51
Yi.BBS.Vue2/src/views/user/warehouse.vue Normal file
View File

@@ -0,0 +1,51 @@
<template>
<v-container fluid>
<v-row>
<v-col cols="12" class="text-center" v-show="is_null">
你的仓库，空空如也。。。。。。<br>
请前往商城购买
</v-col>
<v-col v-for="(item,index) in form" :key="index" cols="6" sm="6" md="3">
<v-hover v-slot="{ hover }">
<v-card :elevation="hover ? 12 : 2" class="pa-4 pb-8">
<v-icon class="ml-4 mb-2" large :color="item.prop.color">
{{item.prop.logo}}
</v-icon>
{{item.prop.name}}
<br />
<v-subheader
>{{item.prop.introduction}}</v-subheader
>
<span class="float-right">数量：{{item.number}}</span>
</v-card>
</v-hover>
</v-col>
</v-row>
</v-container>
</template>
<script>
import warehouseApi from "@/api/warehouseApi";
export default {
data() {
return {
is_null:false,
form: [],
};
},
created() {
this.initializa();
},
methods: {
initializa() {
warehouseApi.GetWarehousesByUserId().then((resp) => {
if(resp.data.length==0)
{
this.is_null=true;
}
this.form = resp.data;
});
},
},
};
</script>

1
Yi.BBS.Vue2/strat.txt Normal file
View File

@@ -0,0 +1 @@
$env:NODE_OPTIONS="--openssl-legacy-provider"

41
Yi.BBS.Vue2/vue.config.js Normal file
View File

@@ -0,0 +1,41 @@
var CopyWebpackPlugin = require('copy-webpack-plugin');
const path = require('path');
module.exports = {
configureWebpack:{
plugins: [
// ...
new CopyWebpackPlugin([{
from: 'node_modules/mavon-editor/dist/highlightjs',
to: path.resolve(__dirname, './dist/highlightjs'), // 插件将会把文件导出于/dist/highlightjs之下
}, {
from: 'node_modules/mavon-editor/dist/markdown',
to: path.resolve(__dirname, './dist/markdown'), // 插件将会把文件导出于/dist/markdown之下
}, {
from: 'node_modules/mavon-editor/dist/katex', // 插件将会把文件导出
to: path.resolve(__dirname, './dist/katex')
}])
// ...
],
},
// publicPath: './',
transpileDependencies: [
'vuetify'
],
devServer: {
port: 6789,
open: true,
https: false,
host: "localhost",
proxy: {
[process.env.VUE_APP_BASE_API]: {
target: process.env.VUE_APP_SERVICE_URL,
changeOrigin: true,
pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: ''
}
},
}
},
lintOnSave: false, //关闭格式检查
productionSourceMap: false
}

BIN
Yi.BBS.Vue2/vue.zip Normal file
View File

Binary file not shown.

2
Yi.Framework.Net6/src/project/BBS/Yi.BBS.Web/YiBBSWebModule.cs
View File

@@ -31,7 +31,7 @@ namespace Yi.BBS.Web
{ {
//NETServiceTest所在程序集添加进动态api配置 //NETServiceTest所在程序集添加进动态api配置
opt.CreateConventional(typeof(YiBBSApplicationModule).Assembly, option => option.RootPath = string.Empty); opt.CreateConventional(typeof(YiBBSApplicationModule).Assembly, option => option.RootPath = string.Empty);
opt.CreateConventional(typeof(YiRBACApplicationModule).Assembly, option => option.RootPath = string.Empty); //opt.CreateConventional(typeof(YiRBACApplicationModule).Assembly, option => option.RootPath = string.Empty);
}); });
//添加swagger //添加swagger

BIN
Yi.Framework.Net6/src/project/BBS/Yi.BBS.Web/yi-sqlsugar-dev.db
View File

Binary file not shown.

2
Yi.Framework.Net6/src/project/bbs/Yi.BBS.Web/YiBBSWebModule.cs
View File

@@ -31,7 +31,7 @@ namespace Yi.BBS.Web
{ {
//NETServiceTest所在程序集添加进动态api配置 //NETServiceTest所在程序集添加进动态api配置
opt.CreateConventional(typeof(YiBBSApplicationModule).Assembly, option => option.RootPath = string.Empty); opt.CreateConventional(typeof(YiBBSApplicationModule).Assembly, option => option.RootPath = string.Empty);
opt.CreateConventional(typeof(YiRBACApplicationModule).Assembly, option => option.RootPath = string.Empty); //opt.CreateConventional(typeof(YiRBACApplicationModule).Assembly, option => option.RootPath = string.Empty);
}); });
//添加swagger //添加swagger

Some files were not shown because too many files have changed in this diff Show More