hz/fe-student
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-student.git synced 2025-12-08 02:16:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

接口初始化 第一版

Browse Source
This commit is contained in:
yuping
2022-12-11 23:56:13 +08:00
parent b98e1f29be
commit 1693c2db1d
5 changed files with 111 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/api/api.js
View File

@@ -7,6 +7,7 @@
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
*/
export const BASE = 'http://111.231.196.214:30001/manageApi'
export const LOGIN = '/admin/CheckUser/userLogin post'
// export const FILE_UPLOAD = 'http://111.231.196.214:30001/file/upload'
export const FILE_UPLOAD = '/file/upload'
export const COMMON_TOKEN = 'https://upload-z2.qiniup.com'

25
src/api/request.js
View File

@@ -1,5 +1,5 @@
import router from "@/router";
import { ref, watch } from "vue";
import {ref, watch} from "vue";
import axios from 'axios';
export function useRequest(_url, params = {}) {
@@ -30,7 +30,7 @@ export function useRequest(_url, params = {}) {
export async function request(_url, params) {
const s = _url.split(' ')
let url = s[0]
const method = s[1] || 'get'
const method = s[1]?.toLowerCase() || 'get'
if (method === 'get') {
let paramsArray = [];
//拼接参数
@@ -49,22 +49,23 @@ export async function request(_url, params) {
method,
headers: {
'X-Token': localStorage.getItem('token'),
...method !== 'get' ? { 'Content-Type': 'application/json' } : {}
...method !== 'get' ? {'Content-Type': 'application/json'} : {}
},
baseURL: '',
...method !== 'get' ? { data: JSON.stringify(body) } : {}
...method !== 'get' ? {data: JSON.stringify(body)} : {}
}).then(resp => resp.data).then(response => {
if (response.code !== 200 && response.code !== 0) {
if (response.code === 3 || response.code === 4 || response.code === 100) {
// router.push({path: '/login'})
return
console.log(1111111111)
console.log(response.code)
if (import.meta.env.DEV && response.code === 1000) {
router.push({path: '/login'})
} else {
// response.showMsg && notification.open({
// message: response.showMsg,
// duration: 2,
// });
return
// response.showMsg && notification.open({
// message: response.showMsg,
// duration: 2,
// });
}
throw new Error('接口异常')
}
return response
}).catch(e => {

12
src/api/utils.js
View File

@@ -1,3 +1,13 @@
export function useImage(src){
export function useImage(src) {
return new URL(`../assets/image/${src}`, import.meta.url).href
}
export function setCookie(name, value, perpetual) {
const d = new Date()
d.setDate(perpetual * 24 * 60 * 60 * 1000)
document.cookie = `${name}=${value};expires=${d.toGMTString()};path=/`
}
export function getCookie(name) {
return document.cookie?.split(";").find(e => e.includes(name)).replace(`${name}=`, '') || ''
}

45
src/views/discuss/DiscussPage.vue
View File

@@ -63,18 +63,18 @@
{{ d.discussExplain }}
</div>
<div class="allstar clearfix">
<div @click="comment(i)" style="display: flex;cursor: pointer">
<div @click="comment(d)" style="display: flex;cursor: pointer">
<span class="iconfont icon-pinglun" style="color:#b3bdc4"></span>
<div class="count"> {{ d.discussReviewCount }}</div>
<div class="count"> {{ d.commentNum || 0 }}</div>
</div>
<div @click="like(i)" style="display: flex;cursor: pointer">
<span class="iconfont icon-dianzan" :style="{color:d.isLike?'red':'#b3bdc4',marginLeft: '19px'}"></span>
<div class="count"> {{ d.discussLikeCount }}</div>
<div @click="like(d)" style="display: flex;cursor: pointer">
<span class="iconfont icon-dianzan" :style="{color:d.praised?'red':'#b3bdc4',marginLeft: '19px'}"></span>
<div class="count"> {{ d.praiseNum || 0 }}</div>
</div>
<div @click="collection(i)" style="display: flex;cursor: pointer">
<div @click="collection(d)" style="display: flex;cursor: pointer">
<span class="iconfont icon-shoucang"
:style="{color:d.isCollection?'red':'#b3bdc4',marginLeft: '19px'}"></span>
<div class="count"> {{ d.discussCollectionCount }}</div>
:style="{color:d.collected?'red':'#b3bdc4',marginLeft: '19px'}"></span>
<div class="count"> {{ d.collectionNum || 0 }}</div>
</div>
</div>
<div class="thinline"></div>
@@ -87,7 +87,11 @@
<script setup>
import {request, useRequest} from "@/api/request";
import {DISCUSS_COLLECTION, DISCUSS_DETAIL, DISCUSS_LIKE, DISCUSS_LIST, TASK_VOTE_DETAIL} from "@/api/api";
import {
COMMENT_COLLECTION,
COMMENT_PRAISE,
DISCUSS_LIST,
} from "@/api/api";
import {reactive, ref, toRefs} from "vue";
import {useRoute, useRouter} from "vue-router";
@@ -100,29 +104,24 @@ const param = ref({
})
const {data: projectInfo} = useRequest(DISCUSS_LIST, param.value)
const {data: disDetail} = useRequest(DISCUSS_DETAIL, {id})
const state = reactive({
activeName: "first",
});
function comment(i) {
const id = data.value.rows[i].discussId
function comment({discussId: id}) {
router.push({path: 'discussdetail', query: {id}})
}
//todo 帖子点赞收藏 是否已经点赞收藏
function like(i) {
data.value.rows[i].isLike ? (data.value.rows[i].discussLikeCount -= 1) : (data.value.rows[i].discussLikeCount += 1)
data.value.rows[i].isLike = !data.value.rows[i].isLike
const discussSubmitId = data.value.rows[i].discussSubmitId
request(DISCUSS_LIKE, {discussSubmitId})
function like(d) {
d.praised ? (d.praiseNum -= 1) : (d.praiseNum += 1)
d.praised = !d.praised
request(COMMENT_PRAISE, {targetId: d.discussId, type: 5})
}
function collection(i) {
data.value.rows[i].isCollection ? (data.value.rows[i].discussCollectionCount -= 1) : (data.value.rows[i].discussCollectionCount += 1)
data.value.rows[i].isCollection = !data.value.rows[i].isCollection
const discussSubmitId = data.value.rows[i].discussSubmitId
request(DISCUSS_COLLECTION, {discussSubmitId})
function collection(d) {
d.collected ? (d.collectionNum -= 1) : (d.collectionNum += 1)
d.collected = !d.collected
request(COMMENT_COLLECTION, {targetId: d.discussId, type: 6})
}
</script>

64
src/views/login/login.vue Normal file
View File

@@ -0,0 +1,64 @@
<template>
<div
:style="{
margin: 'auto',
background:
'url(http://img.gz2c.com/FoTcLY8ww-ISCFlwyCoYuLim1BMt) no-repeat',
backgroundSize: '100% 100%',
width: '100%',
height: '100vh',
display: 'flex',
}"
>
<div
:style="{
width: '300px',
height: '300px',
margin: '10% auto',
padding: '20px 30px',
textAlign: 'center',
borderRadius: '10px',
background: '#e0e0e0',
boxShadow: '20px 20px 60px #bebebe,-20px -20px 60px #ffffff',
}"
>
<div :style="{ fontSize: '24px', paddingBottom: '30px' }">用户登录</div>
<div>
<input placeholder="用户名" v-model="form.account"/>
<input
placeholder="密码"
v-model="form.password"
:style="{ marginTop: '30px' }"
type="password"
/>
<button :style="{ marginTop: '30px' }" @click="loginUser">
登录
</button>
</div>
</div>
</div>
</template>
<script setup>
import {useRouter} from "vue-router";
import {ref} from "vue";
import {LOGIN} from "@/api/api";
import {setCookie} from "@/api/utils";
import {request} from "@/api/request";
const router = useRouter();
const form = ref({
account: "10181457",
password: "1234567890Aa",
});
async function loginUser() {
const {data:token} = await request(LOGIN, form.value);
console.log(2222222222)
console.log(token)
setCookie("token", token, 10);
await router.push({path: "/BallotPage"});
// location.reload();
}
</script>