首页
-
电影
-
剧集
-
动漫
-
综艺
+
+
+
+
+
+ {{ n.name }}
+
@@ -65,6 +69,8 @@ const keyword = ref
('')
const data = reactive({
historyFlag: false,
historyList: [{}],
+ nav: Array,
+ site: Object,
})
// 加载观看历史记录信息
const handleHistory = (flag: boolean) => {
@@ -106,17 +112,30 @@ const nav = reactive({
tv: {},
variety: {},
})
+
+// 获取站点信息
+const getBasicInfo = ()=>{
+ ApiGet(`/manage/config/basic`).then((resp: any) => {
+ if (resp.code === 0) {
+ data.site = resp.data
+ } else {
+ ElMessage.error({message: resp.data.msg})
+ }
+ })
+}
onMounted(() => {
ApiGet('/navCategory').then((resp: any) => {
if (resp.status === 'ok') {
- nav.tv = resp.data.tv
- nav.film = resp.data.film
- nav.cartoon = resp.data.cartoon
- nav.variety = resp.data.variety
+ // nav.tv = resp.data.tv
+ // nav.film = resp.data.film
+ // nav.cartoon = resp.data.cartoon
+ // nav.variety = resp.data.variety
+ data.nav = resp.data
} else {
ElMessage.error({message: "请先输入影片名称关键字再进行搜索", duration: 1000})
}
})
+ getBasicInfo()
})
diff --git a/client/src/components/Loading/Loading.vue b/client/src/components/Loading/Loading.vue
index a15109f..1d402e6 100644
--- a/client/src/components/Loading/Loading.vue
+++ b/client/src/components/Loading/Loading.vue
@@ -30,7 +30,7 @@ defineProps({
margin-left: 10%;
transform: translate3d(-50%, -50%, 0);
background: rgba(0,0,0, 0.65);
- z-index: 2002;
+ z-index: 5000;
overflow-y: hidden;
}
.loader-container {
diff --git a/client/src/components/Manage/ManageHeader.vue b/client/src/components/Manage/ManageHeader.vue
new file mode 100644
index 0000000..6ec2a4e
--- /dev/null
+++ b/client/src/components/Manage/ManageHeader.vue
@@ -0,0 +1,239 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/client/src/components/Manage/Sidebar.vue b/client/src/components/Manage/Sidebar.vue
new file mode 100644
index 0000000..e565c67
--- /dev/null
+++ b/client/src/components/Manage/Sidebar.vue
@@ -0,0 +1,129 @@
+
+
+
+
+
+
+
+ {{ data.site.siteName }}
+
+
+
+
+
+ 网站管理
+
+ 站点管理
+
+
+
+
+
+ 采集管理
+
+ 影视采集
+
+
+
+
+ 定时任务
+
+ 任务管理
+
+
+
+
+
+
+
+
+ 影片管理
+
+ 影视分类
+ 影视信息
+ 影片添加
+ 视频详情
+
+
+
+
+ 文件管理
+
+ 文件上传
+ 图库管理
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/client/src/components/Util.vue b/client/src/components/Util.vue
index 60def33..227a46e 100644
--- a/client/src/components/Util.vue
+++ b/client/src/components/Util.vue
@@ -24,7 +24,7 @@
-
+
diff --git a/client/src/router/router.ts b/client/src/router/router.ts
index e532ec7..e108453 100644
--- a/client/src/router/router.ts
+++ b/client/src/router/router.ts
@@ -12,6 +12,18 @@ import SearchFilm from "../views/index/SearchFilm.vue";
import NotFound from '../views/error/Error404.vue'
import FilmClassifySearch from "../views/index/FilmClassifySearch.vue";
import FilmClassify from "../views/index/FilmClassify.vue";
+import ManageIndex from "../views/manage/Index.vue"
+import Login from "../views/Login.vue"
+import ManageHome from "../views/manage/ManageHome.vue";
+import {getToken} from "../utils/token";
+import CollectManage from "../views/manage/collect/CollectManage.vue";
+import SiteConfig from "../views/manage/system/SiteConfig.vue";
+import CronManage from "../views/manage/cron/CronManage.vue";
+import Temp from "../views/manage/file/Temp.vue";
+import FilmClass from "../views/manage/film/FilmClass.vue";
+import Film from "../views/manage/film/Film.vue";
+import FileUpload from "../views/manage/file/FileUpload.vue";
+import FilmAdd from "../views/manage/film/FilmAdd.vue";
// 2. 定义一个路由
@@ -29,6 +41,25 @@ const routes = [
{path: 'filmClassifySearch', component: FilmClassifySearch},
]
},
+ {path: '/login', component: Login},
+ {
+ path: '/manage',
+ component: ManageHome,
+ redirect: '/manage/index',
+ children: [
+ {path: 'index', component: ManageIndex},
+ {path: 'collect/index', component: CollectManage},
+ {path: 'system/webSite', component: SiteConfig},
+ {path: 'cron/index', component: CronManage},
+ {path: 'file/upload', component: FileUpload},
+ {path: 'file/gallery', component: Temp},
+ {path: 'film', component: Film},
+ {path: 'film/class', component: FilmClass},
+ {path: 'film/add', component: FilmAdd},
+ {path: 'film/detail', component: Temp},
+
+ ]
+ },
{path: `/:pathMatch(.*)*`, component: NotFound},
]
@@ -38,6 +69,20 @@ const router = createRouter({
routes
})
+// 添加全局前置守卫拦截未登录的跳转
+router.beforeEach((to, from, next) =>{
+ // 如果访问的是 /manage 下的路由, 且 token信息为空 则跳转到登录界面
+ let matchPath = new RegExp(/^\/manage\//).test(to.path)
+ let token = getToken()
+ if ( matchPath && !token ) {
+ next('/login')
+ } else {
+ next()
+ }
+})
+
+
+
export {router}
diff --git a/client/src/style.css b/client/src/style.css
index e5a4bfc..e021c90 100644
--- a/client/src/style.css
+++ b/client/src/style.css
@@ -13,9 +13,24 @@
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
+ /*公共颜色*/
+ --bg-light: #ffffff;
+ --content-text-color: #888888;
+
+ --paging-parmary-color: #9b49e7d6;
+
+ --border-gray-color: #0000001f;
+
+ --btn-primary-color: #9b49e7;
+ --btn-pink-color: #d942bf;
+ --btn-bg-linght: #fff;
+
+ --bg-fill-light: #8d00fb1a;
}
+
+
a {
font-weight: 500;
color: #646cff;
@@ -134,6 +149,15 @@ button:focus-visible {
margin-right: 0!important;
}
+.el-dialog__headerbtn{
+ outline: none!important;
+ border: none;
+}
+
+/*分页插件颜色*/
+.el-popper {
+ --el-color-primary: var(--paging-parmary-color);
+}
diff --git a/client/src/utils/format.ts b/client/src/utils/format.ts
new file mode 100644
index 0000000..268e16f
--- /dev/null
+++ b/client/src/utils/format.ts
@@ -0,0 +1,28 @@
+
+
+const fmt = {
+ dateFormat( dateStamp:number, format:string='YYYY-mm-dd HH:MM:SS') {
+ // 根据时间戳生成当前时间, 单位 毫秒
+ let date = new Date(dateStamp*1000)
+ const opt = {
+ "Y+": date.getFullYear().toString(), // 年
+ "m+": (date.getMonth() + 1).toString(), // 月
+ "d+": date.getDate().toString(), // 日
+ "H+": date.getHours().toString(), // 时
+ "M+": date.getMinutes().toString(), // 分
+ "S+": date.getSeconds().toString() // 秒
+ // 有其他格式化字符需求可以继续添加，必须转化成字符串
+ };
+ for (let k in opt) {
+ // 正则匹配对应的 opt key
+ let r = new RegExp("(" + k + ")").exec(format);
+ // 如果有匹配成功项
+ if (r) {
+ format = format.replace(r[1], (r[1].length == 1) ? (opt[k as keyof typeof opt]) : (opt[k as keyof typeof opt].padStart(r[1].length, "0")))
+ }
+ }
+ return format;
+ }
+}
+
+export {fmt}
\ No newline at end of file
diff --git a/client/src/utils/request.ts b/client/src/utils/request.ts
index 3333d3a..877eb8a 100644
--- a/client/src/utils/request.ts
+++ b/client/src/utils/request.ts
@@ -3,9 +3,12 @@ import {ElMessage} from "element-plus";
// 自定义loading加载动画
import {load} from "../components/Loading";
+import {router} from "../router/router";
+import {getToken, setToken} from "./token";
let loadingCount: number = 0;
+
const http = (options: any) => {
return new Promise((resolve, reject) => {
@@ -21,13 +24,13 @@ const http = (options: any) => {
// 开启loading动画
loadingCount++
load.start('')
- // let token: string = ""; //此处换成自己获取回来的token，通常存在在cookie或者store里面
- // if (token) {
- // // 让每个请求携带token-- ['X-Token']为自定义key 请根据实际情况自行修改
- // config.headers["X-Token"] = token;
- //
- // config.headers.Authorization = +token;
- // }
+ let token = getToken();
+ //此处换成自己获取回来的token，通常存在在cookie或者store里面
+ if (token &&token.value.length > 0) {
+ // 让每个请求携带token-- ['X-Token']为自定义key 请根据实际情况自行修改
+ config.headers[token.key] = token.value;
+ // config.headers.Authorization = +token;
+ }
return config;
}, (error) => {
// Do something with request error
@@ -40,13 +43,25 @@ const http = (options: any) => {
// 关闭loading动画
loadingCount--
loadingCount == 0 && load.close()
+ // 如果
+ let token = response.headers['new-token']
+ if (token && token.length > 0) {
+ setToken(token)
+ }
return response.data;
}, (error) => {
- if (error.response.status == 403) {
- ElMessage.error("请求异常: ", error)
+ loadingCount--
+ loadingCount == 0 && load.close()
+ if (error.response.status == 401) {
+ router.replace('/login')
+ ElMessage.error(error.response.data.message)
+ // ElMessage.error(`未获取授权信息, 请先登录!!!`)
+ } else if (error.response.status == 403) {
+ ElMessage.error(`无访问权限!!!`)
} else {
ElMessage.error("服务器繁忙，请稍后再试");
}
+
return Promise.reject(error);
}
);
diff --git a/client/src/utils/token.ts b/client/src/utils/token.ts
new file mode 100644
index 0000000..b657976
--- /dev/null
+++ b/client/src/utils/token.ts
@@ -0,0 +1,18 @@
+
+
+// 将 token 存储到 localStorage 中
+const setToken = (token:string)=>{
+ const auth = {key: "auth-token", value: token}
+ localStorage.setItem("auth", JSON.stringify(auth))
+}
+
+// 获取 localStorage 中的 token 信息
+const getToken = ()=>{
+ return JSON.parse(localStorage.getItem("auth") as string)
+}
+
+// 删除 localStorage 中的 token 信息
+const clearAuthToken = ()=>{
+ localStorage.removeItem("auth")
+}
+export {setToken, getToken,clearAuthToken}
\ No newline at end of file
diff --git a/client/src/views/Login.vue b/client/src/views/Login.vue
new file mode 100644
index 0000000..51af2a1
--- /dev/null
+++ b/client/src/views/Login.vue
@@ -0,0 +1,126 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/client/src/views/index/Home.vue b/client/src/views/index/Home.vue
index c6b1468..6355852 100644
--- a/client/src/views/index/Home.vue
+++ b/client/src/views/index/Home.vue
@@ -10,8 +10,10 @@
@@ -19,7 +21,7 @@
-
+
🔥热播{{item.nav.name}}
diff --git a/client/src/views/manage/Index.vue b/client/src/views/manage/Index.vue
new file mode 100644
index 0000000..2db2d8f
--- /dev/null
+++ b/client/src/views/manage/Index.vue
@@ -0,0 +1,27 @@
+
+
+
管理后台首页, 不知道放点啥, 先空着
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/client/src/views/manage/ManageHome.vue b/client/src/views/manage/ManageHome.vue
new file mode 100644
index 0000000..abacb0d
--- /dev/null
+++ b/client/src/views/manage/ManageHome.vue
@@ -0,0 +1,126 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/client/src/views/manage/collect/CollectManage.vue b/client/src/views/manage/collect/CollectManage.vue
new file mode 100644
index 0000000..8461ce5
--- /dev/null
+++ b/client/src/views/manage/collect/CollectManage.vue
@@ -0,0 +1,407 @@
+
+
+
+
+
+
+
+ {{ scope.row.resultModel == 0 ? 'JSON' : 'XML' }}
+
+
+
+
+ {{ scope.row.collectTypeText }}
+
+
+
+
+ {{ scope.row.uri }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ scope.row.grade == 0 ? '采集主站' : '附属站点' }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 添加采集站
+ 一键采集
+ ReZero
+
+
+
+
+
+
+
+
+
+
+
+
+ JSON
+ XML
+
+
+
+
+ 视频
+ 文章
+ 演员
+ 角色
+ 网站
+
+
+
+
+ 主站点
+ 附属站点
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ JSON
+ XML
+
+
+
+
+ 视频
+ 文章
+ 演员
+ 角色
+ 网站
+
+
+
+
+ 主站点
+ 附属站点
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ scope.row.id }}
+
+
+
+
+
+ {{ scope.row.model == 0 ? '自动更新':'自定义任务'}}
+
+
+
+
+
+
+
+
+
+ {{ scope.row.preV }}
+
+
+
+
+ {{ scope.row.next }}
+
+
+
+
+
+
+
+
+
+
+ 创建定时任务
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 自动更新
+
+
+ 自定义更新
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ form.edit.id }}
+
+
+
+
+
+ {{ form.edit.spec }}
+
+
+ {{ form.edit.model == 0?'自动更新':'自定义更新' }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
文件上传
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 删除文件 或点击上传
+
+
+
+ jpg/png files with a size less than 500kb
+
+
+
+
+
+
功能开发中, 请关注后续更新
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/client/src/views/manage/film/Film.vue b/client/src/views/manage/film/Film.vue
new file mode 100644
index 0000000..8f84f0c
--- /dev/null
+++ b/client/src/views/manage/film/Film.vue
@@ -0,0 +1,292 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 查询
+
+
+
+
+
+
+
+ {{ serialNum(scope.$index) }}
+
+
+
+
+ {{ scope.row.mid }}
+
+
+
+
+
+
+ {{ scope.row.cName }}
+
+
+
+
+
+
+
+
+
+ {{ scope.row.year }}
+
+
+
+
+ {{ scope.row.score }}
+
+
+
+
+ 🔥{{ scope.row.hits }}
+
+
+
+
+ {{scope.row.remarks }}
+
+
+
+
+ {{fmt.dateFormat(scope.row.updateStamp) }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
添加影片
+
+
+ 影片分类:
+
+
+
+
+
+
+ 影片名称:
+
+
+
+
+ 影片别名:
+
+
+
+
+ 首字母:
+
+
+
+
+ 剧情Tag:
+
+
+
+
+ 导演:
+
+
+
+
+ 主演:
+
+
+
+
+ 作者:
+
+
+
+
+ 更新状态:
+
+
+
+
+ 上映时间:
+
+
+
+
+ 地区:
+
+
+
+
+ 语言:
+
+
+
+
+ 年份:
+
+
+
+
+ 影片状态:
+
+
+
+
+ 豆瓣Id:
+
+
+
+
+ 豆瓣评分:
+
+
+
+
+ 影片热度:
+
+
+
+
+ 影片海报:
+
+
+
+ 上传图片
+
+
+
+
+
+
+ 播放来源:
+
+
+
+
+ 剧情简介:
+
+
+
+
+
+ 播放地址:
+
+
+
+
+ 添加影片
+ 清空信息
+
+
+
+
+
+
+ {{ scope.row.name}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 重置分类信息
+
+
+
+
+
+
+
+
+ {{ dialog.editForm.pid == 0 ? '一级分类':'二级分类' }}
+
+
+
+
+
+ {{ c.name }}
+
+
+
+
+
+
+
+
+
网站基础参数配置
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 更新
+ 重置
+
+
+
+