光速从 0 开始开源一个 vue3 后台管理的架子,好用哟。。

2023-10-23 17:39:58 +08:00
 wuzhanggui

从 0 开始撸完一个最基本的后台管理架子,只有前端部分。

开源地址 https://github.com/wurencaideli/dumogu-admin

用作学习还是阔以的嘞,用来搭建简单的后台管理也是阔以的,后面还会加以完善。 代码简洁,基本都有注释。

web 端部分截图

2264 次点击
所在节点    分享创造
21 条回复
wuzhanggui
2023-10-23 17:44:05 +08:00
包含菜单配置,标签页缓存,标签页刷新,一个后台管理的基本功能大体是有了
wuzhanggui
2023-10-23 17:44:32 +08:00
@wuzhanggui 后面再慢慢优化
lscho
2023-10-23 18:56:19 +08:00
vue3 了还用 Options API 我只能说是毫无意义
tlerbao
2023-10-23 19:16:43 +08:00
感觉 admin 的轮子太多了
Zwying
2023-10-23 20:43:35 +08:00
没组合式 api 简洁,差评
facebook47
2023-10-24 00:29:46 +08:00
ems-admin🈶后端
twofox
2023-10-24 08:30:11 +08:00
挺好的,就是有点不好看
wuzhanggui
2023-10-24 09:00:51 +08:00
@lscho 哪儿有 vue2 的配置性写法的,我用的都是 setup 的写法吧
wuzhanggui
2023-10-24 09:01:18 +08:00
@Zwying 我用的就是组合式 api 呀
wuzhanggui
2023-10-24 09:06:54 +08:00
@twofox 最基础的一个架子嘛,难免样式简单了点😅
sechi
2023-10-24 09:18:40 +08:00
我感觉楼上的意思是为什么没有用 setup 语法糖,用 setup 函数的话会多出来好多行代码
Rrrrrr
2023-10-24 10:03:55 +08:00
那个 Input 的样式 就崩不住
wuzhanggui
2023-10-24 10:07:19 +08:00
@sechi 不想用那东西,感觉不像写 js 代码了,写的东西是为了满足打包工具能认识,虽然很多都需要打包工具来转换,但是这里我还是觉得手写的易懂,我对代码多不多的我所谓,代码合理易读才是王道。
wuzhanggui
2023-10-24 10:09:12 +08:00
@Rrrrrr 额,这是基础的架子,对于使用的 ui 库是一点没改,ui 库是啥样的就是啥样的
K120
2023-10-24 10:57:12 +08:00
这个年代配这种 UI 一言难尽
lisongeee
2023-10-24 11:00:45 +08:00
https://github.com/wurencaideli/dumogu-admin/blob/8cd6ff9a3fc80a171c7ba1eb46899f5fad102d52/web/src/http/Request.js#L35-L47

请问为什么要把 axios 的返回类型更改呢,这样 axios 的 request 返回 response 类型提示完全没用了甚至是错误的
wuzhanggui
2023-10-24 11:17:38 +08:00
@lisongeee 这一块还有待优化,我请求后台的数据是想得到后台的格式数据,所以当时没考虑 axios 的 response 的类型提示,我感觉我这样写简单的业务就够了,我其他网站都是用的这么写的。
有更好的封装方式不,简洁点的。
lisongeee
2023-10-24 11:25:38 +08:00
这个更改返回值的拦截器写法应该是来自最初的某个模板,然后大家都抄它的,那个时候 ts 不是很流行,规范也没那么多,工具链也不是很完善,所以在意的人不多

解决方法是另外写 customRequest 一个函数把参数透传给 axios 然后在这个函数里返回 response.data

如果你是 js ,可能没啥用,如果是 ts ,可以给 customRequest 加上泛型
LaurelHarmon
2023-10-24 18:30:24 +08:00
为什么前端的 demo 都是后台管理,你们前端没有自己的场景吗
Cheez
2023-10-24 20:13:01 +08:00
@wuzhanggui 那个不是为了满足打包工具,而是为了可以把作用域内嵌,提升开发效率

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/984605

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX