-
+ v-model="visible"
+ >
+
+
搜索历史
清空
- {{ tag.name }}
+ @click="handleSearch(tag)"
+ >
+ {{ tag }}
-
-
-
热门搜索
-
- -
-
-
-
-
- {{ index + 1 }}
-
- {{ item }}
-
-
-
+
+import axios from "axios";
+import Vue from "vue";
+
export default {
data() {
return {
+
visible: false,
isMouseOver: false,
search: '',
tipsWord: '',
- historySearch: [
- {name: '标签一66666', type: 'info'},
- {name: '标签二无敌无敌', type: 'info'},
- {name: '标签三66', type: 'info'},
- {name: '标签四1', type: 'info'},
- {name: '标签四2', type: 'info'},
- {name: '标签四3', type: 'info'},
- {name: '标签四4', type: 'info'},
- {name: '标签五', type: 'danger'}
- ],
+ historySearch: [],
items: [
- '重生之我是都市霸主',
- '热搜',
- '热搜重生之我是都市霸主重生之我是都市霸主重生之我是都市霸主重生之我是都市霸主重生之我是都市霸主重生之我是都市霸主重生之我是都市霸主重生之我是都市霸主重生之我是都市霸主重生之我是都市霸主重生之我是都市霸主重生之我是都市霸主',
- '热搜',
- '热搜',
- '热搜',
- '热搜',
- '热搜',
- '热搜',
- '热搜'
]
}
},
@@ -94,7 +67,29 @@ export default {
this.searchRequest()
},
clearHistory() {
- this.historySearch = []
+ axios({
+ method: 'post',
+ // 请求的地址
+ url: 'http://localhost:8082/helloGithub_war_exploded/deleteAllLabel',
+ // URL 中的查询参数
+ params: {
+ }
+ }).then((res)=>{
+ if (res.data.code === 200) {
+ Vue.prototype.$notify({
+ title: '成功',
+ message: ('i', {style: 'color: teal'}, res.data.msg),
+ type: 'success',
+ offset: 50
+ });
+ } else {
+ Vue.prototype.$notify.error({
+ title: '错误',
+ message: res.data.msg,
+ offset: 50
+ });
+ }
+ });
},
searchRequest() {
const params = {
@@ -103,10 +98,51 @@ export default {
const queryString = new URLSearchParams(params).toString();
const url = `${window.location.origin}/video/search?${queryString}`;
window.open(url, '_blank');
+ },
+ gethistorySearch(){
+ var that=this;
+ axios({
+ method: 'post',
+ // 请求的地址
+ url: 'http://localhost:8082/helloGithub_war_exploded/selectUserLabel',
+ // URL 中的查询参数
+ params: {
+ }
+ }).then((res)=>{
+ // console.log(res.data);
+ that.historySearch=res.data;
+ });
+ },
+ handleClose(tag){
+ var that=this;
+ axios({
+ method: 'post',
+ // 请求的地址
+ url: 'http://localhost:8082/helloGithub_war_exploded/deletelabel',
+ // URL 中的查询参数
+ params: {
+ tag:tag+';'
+ }
+ }).then((res)=>{
+ if(res.date.code===200){
+ that.$message({
+ showClose: true,
+ message: res.date.msg,
+ type: 'success'
+ });
+ }else{
+ that.$message({
+ showClose: true,
+ message: res.date.msg,
+ type: 'error'
+ });
+ }
+ });
}
},
mounted() {
- this.tipsWord = this.items[0]
+ this.tipsWord = "helloGithub";
+ this.gethistorySearch();
}
};
diff --git a/src/components/Home/UserInfo.vue b/src/components/Home/UserInfo.vue
new file mode 100644
index 0000000..e37090b
--- /dev/null
+++ b/src/components/Home/UserInfo.vue
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+ {{this.$cookie.get('username')}}
+ Lv.1
+
+
+
+
+
+
+
+ 贡献值
+ 0/64
+
+
+
+
+
+
+ 我的主页
+ 退出登录
+
+
+ 个人主页
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 3f8dba4..abb9a55 100644
--- a/src/main.js
+++ b/src/main.js
@@ -5,13 +5,19 @@ import Element from 'element-ui'
import './assets/styles/element-variables.scss'
import axios from "axios";
import './assets/icon/iconfont.css'
+import store from './store'
axios.defaults.withCredentials=true;
+import cookie from 'vue-cookie'
+Vue.prototype.$cookie = cookie;
+
Vue.config.productionTip = false
Vue.use(Element);
new Vue({
router,
axios,
+ store,
+ cookie,
render: h => h(App)
}).$mount('#app')
diff --git a/src/router/index.js b/src/router/index.js
index a8c5512..575da7d 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -5,6 +5,7 @@ import home from "@/components/Home/Home.vue";
import monthly from "@/components/Monthly.vue";
import ranking from "@/components/Ranking.vue";
import paper from "@/components/Paper.vue";
+import UserInfoPage from "@/components/UserInfoPage.vue";
Vue.use(VueRouter)
@@ -39,6 +40,11 @@ const routes = [
name: 'paper',
component: paper
},
+ {
+ path: '/UserInfoPage',
+ name: 'UserInfoPage',
+ component: UserInfoPage
+ },
]
}
diff --git a/src/store/index.js b/src/store/index.js
new file mode 100644
index 0000000..583d20b
--- /dev/null
+++ b/src/store/index.js
@@ -0,0 +1,21 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+
+Vue.use(Vuex)
+
+export default new Vuex.Store({
+ state: {
+ // CookieUserName:""
+ },
+ getters: {
+ },
+ mutations: {
+ // saveCookieUserName(state,userName){
+ // state.pathName = userName;
+ // },
+ },
+ actions: {
+ },
+ modules: {
+ }
+})