前言
旧版:vue中,基于element-ui实现简单的文件管理系统
新版本:
前端:采用 Vite + TypeScript + Sass + Vue3 来编写演示平台代码
后端:对 部分重要接口增加权限控制,新增 用户功能模块 ...等如果有好的接口可以提,我有空会写(什么接口都会写,尽管提),并在演示平台对接和发版
开发环境
编辑器:VsCode
Vue:3.3.4
Sass:1.79.4
TypeScript:5.0.2
shuimo-ui:0.3.0-alpha.14
axios:1.7.2
qs:6.12.3
js-base64:3.7.7
pinia:2.2.4
需要使用到的站点
1、karl的公开API接口(接口文档地址):kangxianghui.top/article/10
2、水墨UI(官方文档地址):shuimo.design/
选择原因:每次都搞 EelementUI 、Antd ... 总会腻了吧!
就像水墨UI作者说的:作为炎黄子孙,我们十分推崇中国独有的美术风格:水墨、能够满足一些 小众需求 、让更多人了解中国传统文化
使用体验:能满足小众需求、组件和功能不够完善
3、文件预览服务:
kkFileView(官方地址):kkfileview.keking.cn/zh-cn/index…
项目地址
项目地址(Gitee):公开API演示平台 - 点击打开
注:如果有优化和建议可以提 issues
1、使用Git将项目克隆到本地
2、下载项目所需依赖:
npm install
或
npm i
3、启动项目
npm run dev
4、打开浏览器,访问项目地址(启动控制台会打印,Ctrl + 单击 可以自动跳转)
演示平台
当然,你也可以直接访问演示平台
平台地址:kangxianghui.top/openapi-dem…
演示账号:暂不提供,自行注册!
平台截图:
预览文件:
支持的类型还有很多(如下图),就不一一演示了
结语
1、如有不懂或者疑问,可在下方留言或私信,看到必回
2、开源不易,勿乱搞!
3、请勿于非法用途,您的请求访客信息和行为后台都有记录
4、对于公开API接口,如有好的接口建议,可以私信我
5、对于前端项目有好的建议或优化点,可以提issues