+
+
+
+
\ No newline at end of file
diff --git a/fcb-fronted/src/components/FileBox.vue b/fcb-fronted/src/components/FileBox.vue
new file mode 100644
index 0000000..49ddb11
--- /dev/null
+++ b/fcb-fronted/src/components/FileBox.vue
@@ -0,0 +1,86 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 文件箱
+ + +
+
+
+
+
+
+ 删除
+
+
+ {{ value.name }}
+
+
+
+
+
+ {{ value.code }}
+
+ 点击下载
+
+ 点击复制
+
+
+
+
+
+
+
+
+ 删除
+
+
+ {{ value.name }}
+
+
+
+
+
+ {{ value.code }}
+ 复制链接
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/fcb-fronted/src/components/UploadText.vue b/fcb-fronted/src/components/UploadText.vue
new file mode 100644
index 0000000..ed739e4
--- /dev/null
+++ b/fcb-fronted/src/components/UploadText.vue
@@ -0,0 +1,66 @@
+
+
+
+
+ 将文字、文件拖、粘贴到此处，或 点击上传
+
+ 天数<7或限制次数（24h后删除）
+
+
+
+
+
+
+
+ 分享
+
+
+
+
\ No newline at end of file
diff --git a/fcb-fronted/src/main.ts b/fcb-fronted/src/main.ts
new file mode 100644
index 0000000..c469af7
--- /dev/null
+++ b/fcb-fronted/src/main.ts
@@ -0,0 +1,13 @@
+import './assets/main.css'
+import 'element-plus/theme-chalk/dark/css-vars.css'
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+import App from './App.vue'
+import router from './router'
+
+const app = createApp(App)
+
+app.use(createPinia())
+app.use(router)
+
+app.mount('#app')
diff --git a/fcb-fronted/src/router/index.ts b/fcb-fronted/src/router/index.ts
new file mode 100644
index 0000000..c4fa832
--- /dev/null
+++ b/fcb-fronted/src/router/index.ts
@@ -0,0 +1,24 @@
+import { createRouter, createWebHashHistory } from 'vue-router';
+
+const router = createRouter({
+ history: createWebHashHistory(import.meta.env.BASE_URL),
+ routes: [
+ {
+ path: '/',
+ name: 'home',
+ component: () => import('@/views/HomeView.vue'),
+ },
+ {
+ path: '/send',
+ name: 'send',
+ component: () => import('@/views/SendView.vue'),
+ },
+ {
+ path: '/admin',
+ name: 'admin',
+ component: () => import('@/views/AdminView.vue'),
+ }
+ ],
+});
+
+export default router;
diff --git a/fcb-fronted/src/stores/fileBox.ts b/fcb-fronted/src/stores/fileBox.ts
new file mode 100644
index 0000000..736299d
--- /dev/null
+++ b/fcb-fronted/src/stores/fileBox.ts
@@ -0,0 +1,7 @@
+import { defineStore } from 'pinia';
+import {ref} from "vue";
+
+export const useFileBoxStore = defineStore('fileBox', () => {
+ const showFileBox = ref(false);
+ return { showFileBox };
+});
diff --git a/fcb-fronted/src/stores/fileData.ts b/fcb-fronted/src/stores/fileData.ts
new file mode 100644
index 0000000..2bd80a2
--- /dev/null
+++ b/fcb-fronted/src/stores/fileData.ts
@@ -0,0 +1,31 @@
+import { defineStore } from 'pinia';
+import {reactive} from "vue";
+
+export const useFileDataStore = defineStore('fileData', () => {
+ const receiveData = reactive(JSON.parse(localStorage.getItem('receiveData')||'[]') || []); // 接收的数据
+ const shareData = reactive(JSON.parse(localStorage.getItem('shareData')||'[]') || []); // 接收的数据
+ function save() {
+ localStorage.setItem('receiveData', JSON.stringify(receiveData));
+ localStorage.setItem('shareData', JSON.stringify(shareData));
+ }
+ function addReceiveData(data:any) {
+ receiveData.push(data);
+ save();
+ }
+
+ function addShareData(data:any) {
+ shareData.push(data);
+ save();
+ }
+
+ function deleteReceiveData(index: number) {
+ receiveData.splice(index, 1);
+ save();
+ }
+
+ function deleteShareData(index: number) {
+ shareData.splice(index, 1);
+ save();
+ }
+ return { receiveData, shareData, save, addShareData, addReceiveData, deleteReceiveData, deleteShareData };
+});
\ No newline at end of file
diff --git a/fcb-fronted/src/utils/request.ts b/fcb-fronted/src/utils/request.ts
new file mode 100644
index 0000000..fecfba2
--- /dev/null
+++ b/fcb-fronted/src/utils/request.ts
@@ -0,0 +1,25 @@
+// @ts-ignore
+import axios from "axios";
+
+const instance = axios.create({
+ baseURL: "http://localhost:12345",
+ timeout: 6000000,
+ headers:{
+ 'Authorization':localStorage.getItem('auth')
+ }
+});
+// 对响应进行拦截
+instance.interceptors.response.use(
+ (response:any) => {
+ if (response.data.code === 200) {
+ return response.data;
+ } else {
+ alert(response.data.detail);
+ return Promise.reject(response.data);
+ }
+ }, (error:any) => {
+ alert(error.response.data.detail);
+ return Promise.reject(error);
+ });
+
+export const request = instance;
diff --git a/fcb-fronted/src/views/AdminView.vue b/fcb-fronted/src/views/AdminView.vue
new file mode 100644
index 0000000..6682edb
--- /dev/null
+++ b/fcb-fronted/src/views/AdminView.vue
@@ -0,0 +1,14 @@
+
+
+
+ 文件
+ 文本
+
+
+
+
+
+
+
+
+
+ 天
+ 时
+ 分
+ 👌
+ 次
+
+
+
+
+
+
-
-
-
-
----
-
-[简体中文](./readme.md) | [English](./readme_en.md)
-
-## 主要特色
-
-- [x] 轻量简洁：Fastapi+Sqlite3+Vue2+ElementUI
-- [x] 轻松上传：复制粘贴，拖拽选择
-- [x] 多种类型：文本，文件
-- [x] 防止爆破：错误次数限制
-- [x] 防止滥用：IP限制上传次数
-- [x] 口令分享：随机口令，存取文件，自定义次数以及有效期
-- [x] 匿名分享：无需注册，无需登录
-- [x] 管理面板：查看所有文件，删除文件
-- [x] 一键部署：docker一键部署
-- [x] 自由拓展：阿里云OSS、本地文件流，可根据需求在storage文件中新增存储引擎
-- [x] 简单明了：适合新手练手项目
-
-## 部署方式
-
-### Docker一键部署
-
-#### AMD 开发版（不稳定，待测试，新增分片异步上传，永久存储，不建议使用，很多没发现的坑）
-
-```bash
-docker run -d --restart=always -p 12345:12345 -v /opt/FileCodeBox/:/app/data --name filecodebox lanol/filecodebox:pre
-
-```
-
-#### AMD
-
-```bash
-docker run -d --restart=always -p 12345:12345 -v /opt/FileCodeBox/:/app/data --name filecodebox lanol/filecodebox:latest
-```
-
-#### ARM
-
-```bash
-docker run -d --restart=always -p 12345:12345 -v /opt/FileCodeBox/:/app/data --name filecodebox lanol/filecodebox:arm
-```
-
-### 宝塔部署
-
-https://www.yuque.com/lxyo/work/lc1oe0xqk8t9b976
-
-### 更新方式
-
-```bash
-// 停止容器并删除
-docker stop filecodebox && docker rm filecodebox
-// 重新运行容器
-docker run -d --restart=always -p 12345:12345 -v /opt/FileCodeBox/:/app/data --name filecodebox lanol/filecodebox:latest
-```
-
-### 1.6版本注意
-
-这一版改变比较大，如果出现问题可以尝试清空/opt/FileCodeBox目录，有问题欢迎反馈留言
-注意，如果是第一次安装，请查看docker日志获取初始密码和后台地址，参考指令
-后台本地文件列表，需要将服务器文件移动至目录/opt/FileCodeBox/data/locals，这样就可以显示了。
-
-```bash
-docker logs filecodebox
-
-```
-
-### 其他方式
-
-仅供参考，历史版本->[部署文档](https://www.yuque.com/lxyo/work/zd0kvzy7fofx6w7v)
-
-## 项目规划
-
-2022年12月14日
-这个项目的灵感来源于丁丁快传，然后写了这么一个基于本机存储的快传系统，本系统主要是以轻量，单用户，离线环境（`私有化`
-）为主，因此也不需要加太多东西，所以其实这个项目到这基本功能已经完成了，剩下的就是维护和完善现有功能。
-也不会再加入新的大功能了，如果你有更好的想法和建议欢迎提issue。
-
-## 预览
-
-### 例站
-
-[https://share.lanol.cn](https://share.lanol.cn)
-
-### 暗黑模式
-
-文件快递柜-轻量
-FileCodeBox-Lite
-匿名口令分享文本，文件，像拿快递一样取文件
-交流Q群：739673698，欢迎各位集思广益，项目构思重构中
-
-
-
- |
-
-
-
- |
-
-
- |
-
-
- |
-
-
- |
-|
-
- |
-
-
- |
-
-
- |
-|
-
- |
-
-
- |
-
-
- |
-|
-支付宝
-
- |
-
-微信
-
- |
-
-
-
-
-
-
----
-
-[简体中文](./readme.md) | [English](./readme_en.md)
-
-## Main features
-
-- [x] lightweight and simple: Fastapi + Sqlite3 + Vue2 + ElementUI
-- [x] easy upload: copy and paste, drag and drop
-- [x] multiple types: Text, File
-- [x] explosion Prevention: error count limit
-- [x] prevent abuse: IP address limits the number of uploads
-- [x] password sharing: random password, file access, custom times, and validity period
-- [x] anonymous sharing: no registration, no login
-- [x] management Panel: View all files and delete them
-- [x] one-click deployment: docker one-click deployment
-- [x] A variety of storage methods : Aliyun OSS、 local file flow
-
-## Deployment method
-
-### One-click Docker deployment
-
-#### AMD
-
-```bash
-docker run -d --restart=always -p 12345:12345 -v /opt/FileCodeBox/:/app/data --name filecodebox lanol/filecodebox:latest
-```
-
-#### ARM
-
-```bash
-docker run -d --restart=always -p 12345:12345 -v /Users/lan/soft/FileCodeBox/:/app/data --name filecodebox lanol/filecodebox:arm
-```
-
-### Update
-
-```bash
-// 找到容器ID
-docker ps -a
-// 停止容器并删除
-docker stop 容器ID && docker rm 容器ID
-// 重新运行容器
-docker run -d --restart=always -p 12345:12345 -v /opt/FileCodeBox/:/app/data --name filecodebox lanol/filecodebox:latest
-```
-
-### Other methods
-
-For reference only, historical version->[部署文档](https://www.yuque.com/lxyo/work/zd0kvzy7fofx6w7v)
-
-## Project Plan
-
-December 14, 2022
-This project is mainly light-weight, mainly single-user, offline environment, so there is no need to add too many
-things, so in fact, the basic functions of this project have been completed, and the rest is to maintain and improve the
-existing functions.
-
-No new major functions will be added. If there are new functions, it will be our Pro version. Of course, it will
-continue to be open source. It is an honor to be open source with @veoco. I learned from his code Many, I basically used
-the Django set before, and only used Fastapi. Many of his writing methods have benefited me a lot, and I have a deeper
-understanding of Fastapi, so I will also use Fastapi in the Pro version .
-
-According to some current feedback, I hope to add multi-user functions and multi-storage engines, etc. Welcome to
-continue to give comments and join us in joint development.
-
-If you have better ideas and suggestions, welcome to file an issue.
-
-## Preview
-
-### Demo
-
-[https://share.lanol.cn](https://share.lanol.cn)
-
-### Dark Theme
-
-File Express Cabinet - Lite
-FileCodeBox - Lite
-share text and files with anonymous passwords, and take files like express delivery
-|
-
-
- |
-
-
-
- |
-
|
-
- |
-
-
- |
-
|
-
- |
-|
|
-
- |
-
-
- |
-
|
-
- |
-|
|
-
- |
-
-
- |
-
|
-
- |
-|
|
-支付宝
-
- |
-
-微信
-
- |
-
-
-
-
- 分享文件管理
- 系统配置
-
-
-
-
-
-
-
-
-
- 删除
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 取件码：${ file.code }
- 文件名：${ file.name }
- 次 数：${ file.count }
- 到 期：${ file.exp_time.slice(0,19) }
- 到 期：永不过期
-
- 内 容：${ file.text }
-
-
- 链 接：
- 点击下载
-
- ${menu.name}
-
-
-
-
- FileCodeBox V${config.INSTALL}
-Github：FileCodeBox
-
-
-
-
-
- 新增Banner
-
-
- 更新
-
-
-
-
-
-
- 删除
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 更新
-
-
-
-
-
-
-
-
-
-
-
-
- 单位:（bit),1mb=1 * 1024 * 1024
-
-
-
-
-
-
- 每几分钟
-
-
- 每几分钟
-
-
- 更新
-
-
-
-
-
- 登录
-
-
-
-