+
+
+
+
\ No newline at end of file
diff --git a/client-pc/packages/renderer/src/views/Main.vue b/client-pc/packages/renderer/src/views/Main.vue
new file mode 100644
index 0000000..57fc0a2
--- /dev/null
+++ b/client-pc/packages/renderer/src/views/Main.vue
@@ -0,0 +1,113 @@
+
+
+
+
+
+ 登录
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 登 录
+
+
+
+
+
+
+
+
+
+
+
+ 1st menu item
+
+
+ 2nd menu item
+
+ 3rd menu item
+
+
+
+
+
+ ![]()
+ {{ userinfo.nickname }}
+
+
+
+
+
+
+
+
+ 文件名
+ 类型
+ 大小
+ 修改日期
+
+
+
+
+
+
+ {{ f.name }}
+
+
+ {{ f.type }}
+ {{ f.size }}
+ {{ formatDate(f.createTime) }}
+ TestA ==> {{ data.state.username }}
+ + + + + \ No newline at end of file diff --git a/web/src/components/TestB.vue b/web/src/components/TestB.vue new file mode 100644 index 0000000..32167e7 --- /dev/null +++ b/web/src/components/TestB.vue @@ -0,0 +1,11 @@ + +TestB ==> {{ data.state.username }}
+ + + + + \ No newline at end of file diff --git a/web/src/main.js b/web/src/main.js index 3059a22..570d0be 100644 --- a/web/src/main.js +++ b/web/src/main.js @@ -11,10 +11,12 @@ import router from './router' // 导入入口组件 import App from "./App.vue"; +import data from "./service/data"; const app = createApp(App) app.component('ContextMenu', ContextMenu); app.use(ElementPlus) - .use(router) // 使用路由实例 .use(store) + .use(router) // 使用路由实例 + // .use(data) // 使用vuex创建的store .mount("#app"); diff --git a/web/src/pages/All.vue b/web/src/pages/All.vue index 4c5d5ba..a130b60 100644 --- a/web/src/pages/All.vue +++ b/web/src/pages/All.vue @@ -58,10 +58,14 @@
+
+
+
\ No newline at end of file
diff --git a/web/src/pages/Login.vue b/web/src/pages/Login.vue
index 811270a..63d6de3 100644
--- a/web/src/pages/Login.vue
+++ b/web/src/pages/Login.vue
@@ -49,6 +49,17 @@
text-decoration: none;
color: #999999;
}
+
+.input-code-item {
+ position: relative;
+}
+
+.verify-code {
+ height: 35px;
+ position: absolute;
+ right: 2px;
+ top: 2px;
+}
{{ store.state.username }}
+ +
@@ -77,6 +88,10 @@
+
+ ![]()
+
登录
@@ -91,10 +106,11 @@
@@ -93,8 +101,8 @@ export default {
@@ -103,7 +111,7 @@ export default {
修改资料
登录日志查看
- 退出
+ 退出
diff --git a/web/src/router/routes.js b/web/src/router/routes.js
index 39efbb2..134d33c 100644
--- a/web/src/router/routes.js
+++ b/web/src/router/routes.js
@@ -43,6 +43,11 @@ const routes = [
path: '/reg',
component: () => import('../pages/Reg.vue')
},
+ {
+ name: 'Forget',
+ path: '/forget',
+ component: () => import('../pages/Forget.vue')
+ },
{
name: 'Login',
path: '/login',
diff --git a/web/src/service/api.js b/web/src/service/api.js
index a54377a..6aa944e 100644
--- a/web/src/service/api.js
+++ b/web/src/service/api.js
@@ -5,7 +5,13 @@ import {
import router from "../router";
const API_PATH = "http://localhost:8080"
-
+class BizError extends Error{
+ code = -1;
+ constructor(message,code = -1) {
+ super(message);
+ this.code = code;
+ }
+}
/**
*
* @param api
@@ -71,7 +77,7 @@ function request(api, method = 'GET', postData = {}, progressChange = null) {
return;
}
// 其他异常 直接抛出错误
- reject(new Error(result.message))
+ reject(new BizError(result.message,result.code))
}
}
fetch(API_PATH + api, options)
@@ -91,6 +97,9 @@ export default {
},
signup(params) {
return request('/api/user/reg', 'POST', params);
+ },
+ info(){
+ return request('/api/user/info');
}
},
folder: {
@@ -166,5 +175,8 @@ export default {
create(info) {
return request('/api/share/create', 'POST', info)
}
+ },
+ code(){
+ return request('/create');
}
}
\ No newline at end of file
diff --git a/web/src/service/data.js b/web/src/service/data.js
new file mode 100644
index 0000000..5135fd5
--- /dev/null
+++ b/web/src/service/data.js
@@ -0,0 +1,15 @@
+import {createStore} from 'vuex'
+
+const store = createStore({
+ state() {
+ return {
+ username: '123123'
+ }
+ },
+ mutations: {
+ changeUsername(state, newName) {
+ state.username = newName // 更新变量的值
+ }
+ }
+})
+export default store
\ No newline at end of file
diff --git a/web/src/service/store.js b/web/src/service/store.js
index 024c2bc..549f864 100644
--- a/web/src/service/store.js
+++ b/web/src/service/store.js
@@ -3,12 +3,16 @@ import api from "./api";
const TOKEN_KEY = 'user_auth_token';
const store = createStore({
- state: {
- /**
- * @type {UserInfo}
- */
- loginUser: null,
- token: null
+ state() {
+ return {
+ /**
+ * 用户信息
+ * @type {UserInfo}
+ */
+ loginUser: null,
+ // 所有的state在内存中
+ token: null
+ }
},
mutations: {
// 此选项中的方法必须同步
@@ -20,7 +24,7 @@ const store = createStore({
// sessionStorage.setItem(TOKEN_KEY,token);
localStorage.setItem(TOKEN_KEY, token);
},
- clearToken(state){
+ clearToken(state) {
state.token = null;
localStorage.removeItem(TOKEN_KEY);
sessionStorage.removeItem(TOKEN_KEY)
@@ -44,8 +48,9 @@ const store = createStore({
},
getters: {
userToken(state) {
- const token = state.token || sessionStorage.getItem(TOKEN_KEY) || localStorage.getItem(TOKEN_KEY);
- if(!state.token) state.token = token;
+ const token = state.token || sessionStorage.getItem(TOKEN_KEY) || localStorage.getItem(TOKEN_KEY);
+ // 如果内存中没有token 存储一份
+ if (!state.token) state.token = token;
return token
}
}
diff --git a/web/src/service/strings.js b/web/src/service/strings.js
index 47595a0..fd4ecba 100644
--- a/web/src/service/strings.js
+++ b/web/src/service/strings.js
@@ -1,3 +1,5 @@
+import {dayjs} from "element-plus";
+
/**
*
* @param {string} type
@@ -7,6 +9,17 @@ export function isImage(type) {
return type ? ['png', 'jpg', 'jpeg', 'gif', 'webp'].includes(type.toLowerCase()) : false;
}
+export function formatDate(time, format = 'MM-DD') {
+ return dayjs(time).format(format);
+}
+
+export function formatSize(a, b = 2) {
+ if (0 == a) return "0 B";
+ let c = 1024, d = b || 2, e = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"],
+ f = Math.floor(Math.log(a) / Math.log(c));
+ return parseFloat((a / Math.pow(c, f)).toFixed(d)) + " " + e[f];
+}
+
export default {
- isImage
+ isImage, formatSize, formatDate
}
\ No newline at end of file