V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
wuzhanggui
V2EX  ›  分享创造

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

  •  
  •   wuzhanggui · 2023-10-23 17:39:58 +08:00 · 2276 次点击
    这是一个创建于 395 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    web 端部分截图 piAr0pQ.jpg piArtTf.jpg piArY0P.jpg piArJmt.jpg

    第 1 条附言  ·  2023-10-24 16:57:30 +08:00
    已经部署了一个示例网站,可以点点试试 https://admin.dumogu.top/
    21 条回复    2023-10-26 18:01:23 +08:00
    wuzhanggui
        1
    wuzhanggui  
    OP
       2023-10-23 17:44:05 +08:00
    包含菜单配置,标签页缓存,标签页刷新,一个后台管理的基本功能大体是有了
    wuzhanggui
        2
    wuzhanggui  
    OP
       2023-10-23 17:44:32 +08:00
    @wuzhanggui 后面再慢慢优化
    lscho
        3
    lscho  
       2023-10-23 18:56:19 +08:00 via iPhone   ❤️ 1
    vue3 了还用 Options API 我只能说是毫无意义
    tlerbao
        4
    tlerbao  
       2023-10-23 19:16:43 +08:00
    感觉 admin 的轮子太多了
    Zwying
        5
    Zwying  
       2023-10-23 20:43:35 +08:00
    没组合式 api 简洁,差评
    facebook47
        6
    facebook47  
       2023-10-24 00:29:46 +08:00 via Android
    ems-admin🈶后端
    twofox
        7
    twofox  
       2023-10-24 08:30:11 +08:00
    挺好的,就是有点不好看
    wuzhanggui
        8
    wuzhanggui  
    OP
       2023-10-24 09:00:51 +08:00
    @lscho 哪儿有 vue2 的配置性写法的,我用的都是 setup 的写法吧
    wuzhanggui
        9
    wuzhanggui  
    OP
       2023-10-24 09:01:18 +08:00
    @Zwying 我用的就是组合式 api 呀
    wuzhanggui
        10
    wuzhanggui  
    OP
       2023-10-24 09:06:54 +08:00
    @twofox 最基础的一个架子嘛,难免样式简单了点😅
    sechi
        11
    sechi  
       2023-10-24 09:18:40 +08:00
    我感觉楼上的意思是为什么没有用 setup 语法糖,用 setup 函数的话会多出来好多行代码
    Rrrrrr
        12
    Rrrrrr  
       2023-10-24 10:03:55 +08:00
    那个 Input 的样式 就崩不住
    wuzhanggui
        13
    wuzhanggui  
    OP
       2023-10-24 10:07:19 +08:00
    @sechi 不想用那东西,感觉不像写 js 代码了,写的东西是为了满足打包工具能认识,虽然很多都需要打包工具来转换,但是这里我还是觉得手写的易懂,我对代码多不多的我所谓,代码合理易读才是王道。
    wuzhanggui
        14
    wuzhanggui  
    OP
       2023-10-24 10:09:12 +08:00
    @Rrrrrr 额,这是基础的架子,对于使用的 ui 库是一点没改,ui 库是啥样的就是啥样的
    K120
        15
    K120  
       2023-10-24 10:57:12 +08:00
    这个年代配这种 UI 一言难尽
    lisongeee
        16
    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
        17
    wuzhanggui  
    OP
       2023-10-24 11:17:38 +08:00
    @lisongeee 这一块还有待优化,我请求后台的数据是想得到后台的格式数据,所以当时没考虑 axios 的 response 的类型提示,我感觉我这样写简单的业务就够了,我其他网站都是用的这么写的。
    有更好的封装方式不,简洁点的。
    lisongeee
        18
    lisongeee  
       2023-10-24 11:25:38 +08:00
    这个更改返回值的拦截器写法应该是来自最初的某个模板,然后大家都抄它的,那个时候 ts 不是很流行,规范也没那么多,工具链也不是很完善,所以在意的人不多

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

    如果你是 js ,可能没啥用,如果是 ts ,可以给 customRequest 加上泛型
    LaurelHarmon
        19
    LaurelHarmon  
       2023-10-24 18:30:24 +08:00
    为什么前端的 demo 都是后台管理,你们前端没有自己的场景吗
    Cheez
        20
    Cheez  
       2023-10-24 20:13:01 +08:00
    @wuzhanggui 那个不是为了满足打包工具,而是为了可以把作用域内嵌,提升开发效率
    wuzhanggui
        21
    wuzhanggui  
    OP
       2023-10-26 18:01:23 +08:00
    @LaurelHarmon 主要是也想不出做啥了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5337 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 08:33 · PVG 16:33 · LAX 00:33 · JFK 03:33
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.