You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
<p align="center">
|
|
|
|
<a href="https://filesite.io/" target="_blank">
|
|
|
|
<img width="320" src="https://demo.jialuoma.cn/content/machete_icon.png">
|
|
|
|
<br/>
|
|
|
|
<span>filesite</span>
|
|
|
|
</a>
|
|
|
|
</p>
|
|
|
|
|
|
|
|
<p align="center">
|
|
|
|
<a href="https://github.com/vuejs/vue" target="_blank">
|
|
|
|
<img src="https://img.shields.io/badge/vue-2.6.10-brightgreen.svg" alt="vue">
|
|
|
|
</a>
|
|
|
|
<a href="https://github.com/ElemeFE/element" target="_blank">
|
|
|
|
<img src="https://img.shields.io/badge/element--ui-2.7.0-brightgreen.svg" alt="element-ui">
|
|
|
|
</a>
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
|
|
## 简介
|
|
|
|
[vue-file-admin](https://demo.jialuoma.cn/admin/#/filemange/index)是一个文件管理后台,基于vue,vue-router,element-ui实现。它类似于window系统的文件管理的形式管理文件,可以创建文件夹,文件夹里面可以上传各个类型的文件以及再次创建文件夹,也可以删除、重命名、移动文件或者文件夹。目前本项目只支持上传图片文件,如需上传其他文件,比如视频,文本等,可自行修改可上传的文件范围即可。
|
|
|
|
|
|
|
|
<a href="https://demo.jialuoma.cn/admin/#/filemange/index" target="_blank">
|
|
|
|
<span>在线预览</span>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
## 项目准备
|
|
|
|
|
|
|
|
你需要安装 node 和 git。项目部分设计参考vue-admin-template。技术栈vue、vuex、vue-router 、vue-cli 、axios 和 element-ui,所有的请求数据都使用[machete](https://git.filesite.io/filesite/machete)的接口数据。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<p align="center">
|
|
|
|
<img width="900" src="http://m.qpic.cn/psc?/3d394237-5d5e-4b57-9697-93ff9b690ca2/bqQfVz5yrrGYSXMvKr.cqSKMw.aFDCgHEfu3TrMZ2BlhrQskVIxwAOjVKCTEfSaf0c8KgcabeoLOhji4ZGK5xx8WKQ0xPgq6KhYNX5aohdI!/b&bo=gAepAwAAAAABBw0!&rf=viewer_4">
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
|
|
## 开发
|
|
|
|
|
|
|
|
```bash
|
|
|
|
# 克隆项目
|
|
|
|
git clone https://github.com/filesite-io/admin-vue.git
|
|
|
|
|
|
|
|
# 安装依赖
|
|
|
|
npm install
|
|
|
|
|
|
|
|
# 启动服务
|
|
|
|
npm run dev
|
|
|
|
```
|
|
|
|
|
|
|
|
浏览器访问 http://localhost:9528
|
|
|
|
|
|
|
|
## 发布
|
|
|
|
|
|
|
|
```bash
|
|
|
|
# 构建测试环境
|
|
|
|
npm run build:stage
|
|
|
|
|
|
|
|
# 构建生产环境
|
|
|
|
npm run build:prod
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
## Online Demo
|
|
|
|
|
|
|
|
<a href="https://demo.jialuoma.cn/admin/#/filemange/index" target="_blank">
|
|
|
|
<span>在线 Demo</span>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
Copyright (c) 2022 FileSite
|