b0n3l3sS/WebProg
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Lab 6 MVC + SPA (axios умер, да здравствует axios!)

Browse Source
This commit is contained in:
Данила Мочалов 2023-05-15 23:08:26 +04:00
parent a08e69ee77
commit 7a293630a4
4 changed files with 58 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
data.mv.db
View File

Binary file not shown.

1
front/vue_front/src/App.vue
View File

@ -4,7 +4,6 @@
</div>
<div>
<p class='h4 text-center' v-if="isAuthorized() == true">
<router-link to="/profiles" class="text-decoration-none m-3" v-if="isAdminFlag == true">Профили</router-link>
<router-link to="/" class="text-decoration-none m-3">Лента</router-link>
<a class="text-blue text-decoration-none" @click="logout">Выход</a>
</p>

88
front/vue_front/src/components/Comment.vue
View File

@ -18,6 +18,8 @@
<p>Вы вошли как: {{ selectedProfileLogin }}</p>
<router-link to="/profiles" class="text-decoration-none m-3" v-if="isAdminFlag == true">Админ-панель</router-link>
<div class='h3 m-3 d-flex justify-content-between text-center mx-auto w-25'>
Лента
<button type='button' class="btn btn-primary ms-5 mb-3 " data-bs-toggle="modal" data-bs-target="#postCreate">
@ -126,19 +128,8 @@
<h5 class="modal-title" id="postCreateLabel">Создать пост</h5>
</div>
<div class="modal-body text-center">
<p>Пользователь:</p>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle ms-3 mb-3" type="button" data-bs-toggle="dropdown" aria-expanded="false">
{{selectedProfileLogin}}
</button>
<ul class="dropdown-menu" >
<li v-for="profile in profiles">
<a class="dropdown-item" href="#" v-on:click="getSelectedProfile(profile)">
{{ profile['login'] }}
</a>
</li>
</ul>
</div>
<p>Под именем:</p>
<p>{{ selectedProfileLogin }}</p>
<p>Текст поста:</p>
<textarea v-model='textModal' id="modalText" cols="30" rows="1"></textarea>
</div>
@ -158,7 +149,8 @@
<h5 class="modal-title" id="postEditLabel">Редактировать пост</h5>
</div>
<div class="modal-body text-center">
<p>{{ selectedProfileLogin }}</p>
<p>Под именем:</p>
<p>{{ selectedProfileLogin }}</p>
<p>Текст</p>
<textarea v-model='textModal' id="editModalText" cols="30" rows="1"></textarea>
</div>
@ -183,7 +175,8 @@ export default {
selectedPostText: '',
textModal: '',
selectedCommentId: 0,
textFinder: ''
textFinder: '',
isAdminFlag: false
}
},
methods: {
@ -283,12 +276,18 @@ export default {
},
async createComment() {
await axios.post('http://localhost:8080/api/1.0/comment/?text=' + this.textModal + '&ownerId=' + this.selectedProfileId + '&postId=' + this.selectedPostId,
{
// await axios.post('http://localhost:8080/api/1.0/comment/?text=' + this.textModal + '&ownerId=' + this.selectedProfileId + '&postId=' + this.selectedPostId,
// {
// headers: {
// 'Authorization':'Bearer ' + localStorage.token
// }
// });
await fetch('http://localhost:8080/api/1.0/comment/?text=' + this.textModal + '&ownerId=' + this.selectedProfileId + '&postId=' + this.selectedPostId, {
method: 'POST',
headers: {
'Authorization': 'Bearer ' + localStorage.token
}
});
'Authorization':'Bearer ' + localStorage['token']
},
})
this.refreshList();
},
async deleteComment(commentId) {
@ -302,12 +301,20 @@ export default {
this.refreshList();
},
async editComment(){
await axios.put('http://localhost:8080/api/1.0/comment/' + this.selectedCommentId + '?text=' + this.textModal,
{
// await axios.put('http://localhost:8080/api/1.0/comment/' + this.selectedCommentId + '?text=' + this.textModal,
// {
// headers: {
// 'Authorization': 'Bearer ' + localStorage.token
// }
// });
await fetch('http://localhost:8080/api/1.0/comment/' + this.selectedCommentId + '?text=' + this.textModal, {
method: 'PUT',
headers: {
'Authorization': 'Bearer ' + localStorage.token
}
});
'Authorization':'Bearer ' + localStorage['token']
},
})
this.refreshList();
},
async refreshList(){
@ -335,12 +342,20 @@ export default {
});
},
async createPost() {
const response = await axios.post('http://localhost:8080/api/api/1.0/post/?text=' + this.textModal + '&authorId=' + this.selectedProfileId,
{
console.log('Authorization '+ 'Bearer ' + localStorage['token'])
// const response = await axios.post('http://localhost:8080/api/1.0/post/?text=' + this.textModal + '&authorId=' + this.selectedProfileId,
// {
// headers: {
// 'Authorization': 'Bearer ' + localStorage['token']
// }
// });
await fetch('http://localhost:8080/api/1.0/post/?text=' + this.textModal + '&authorId=' + this.selectedProfileId, {
method: 'POST',
headers: {
'Authorization': 'Bearer ' + localStorage.token
}
});
'Authorization':'Bearer ' + localStorage['token']
},
})
this.refreshList();
},
@ -374,6 +389,19 @@ export default {
)
}
var a = await axios.get('http://localhost:8080/api/1.0/profile/role/' + localStorage.token,
{
headers: {
'Authorization': 'Bearer ' + localStorage.token
}
}
)
console.log('role')
console.log(a.data)
if (a.data == 'ADMIN'){
this.isAdminFlag = true
}
const responseProfile = await axios.get('http://localhost:8080/api/1.0/profile/',
{

4
src/main/resources/templates/profiles.html
View File

@ -7,10 +7,6 @@
<body>
<div layout:fragment="content" class="text-center">
<button class="btn btn-info w-25 mb-3" data-bs-toggle="modal" data-bs-target="#profileCreate">
Регистрация профиля
</button>
<div th:each="profile: ${profiles}" class="mb-2">
<div class="text-center">
<div class="text-start mx-auto w-25 border p-3">