gotoschool
V2EX  ›  问与答

后台管理页面 使用 ai 撸,用 shadcnui 和 tailwind 好 还是用 ant 好

  •  
  •   gotoschool · Sep 22, 2025 · 5409 views
    This topic created in 411 days ago, the information mentioned may be changed or developed.
    哪个撸出来效果更好点呢
    37 replies  •  2025-09-23 18:26:59 +08:00
    okakuyang
    okakuyang
    Sep 22, 2025
    1
    shadcn 的生态不是爆杀 ant 好看的框架数都数不过来
    rick13
    rick13
    Sep 22, 2025 via iPhone
    2
    ant 指的是 antd 么?
    ByteZone
    ByteZone
    Sep 22, 2025
    3
    tailwind 吧 据说 ai 对 tailwind 的支持比较好
    dream4ever
    dream4ever
    Sep 22, 2025
    4
    用 AI 撸那就用语料库丰富的,这样的话肯定是前者的组合更有优势啊
    g17
    g17
    Sep 22, 2025❤️2
    5
    用 shadcn 写 后台管理的有福了,你就写表单吧,一写一个不吱声
    hope7777777
    hope7777777
    Sep 22, 2025
    6
    antd
    CHTuring
    CHTuring
    Sep 22, 2025
    7
    那些写后台还推荐 shadcn ,不知道你自己写过没有,祝你好运。
    annilq
    annilq
    Sep 22, 2025
    8
    绝对 antd ,shadcnui 对简单的 UI 还可以,后台管理需要考虑的场景 antd 大部分能覆盖,shadcnui 需要自己定制,麻烦得很
    jeffw
    jeffw
    Sep 22, 2025
    9
    shadcn 头一次听说,tailwindcss 用了也没多久,技术发展真是日新月异。
    ijse
    ijse
    Sep 22, 2025
    10
    shadcn 配合 tanstack 这种 headless 框架
    SkywalkerJi
    SkywalkerJi
    Sep 22, 2025
    11
    tailwind 最好,因为训练数据多。
    slark2020
    slark2020
    Sep 22, 2025
    12
    antd+procomponents
    blueskeletons
    blueskeletons
    Sep 22, 2025
    13
    无脑 shadcn
    urlk
    urlk
    Sep 22, 2025
    14
    写后台还是 element 快

    tailwind 只是 css 样式, 与你用什么框架并无冲突
    sgiyy
    sgiyy
    Sep 22, 2025
    15
    推荐 shadcn 的怀疑是没写过后台的,就后台查询表单+表格为主的,肯定是 antd 更合适啊。
    antd + tailwind 就行了,基本不用另写样式。
    laikicka
    laikicka
    Sep 22, 2025
    16
    无脑 shadcn. antd 塞个彩蛋就老实了
    liuchuana
    liuchuana
    Sep 22, 2025
    17
    后台不要用 shadcnui 写过 已老实
    asen001
    asen001
    Sep 22, 2025
    18
    shadcn 写后台管理只能简单 crud ,遇到复杂表单直接歇菜,之前接了个私活想用 shadcn 体验一下到处吹的高大上 UI ,各种缺东西很浪费时间,有些奇怪的需求 cursor 干冒烟了都写不好。如果赶时间 千万不要用 shadcn, 亲测 antd ,AI 也能写的很好
    jimages
    jimages
    Sep 22, 2025
    19
    我举几个例子,你可能会需要了解:

    1. shadcnui 是没有日期时间选择,或者 日期时间段选择器的,所以需要自己写一个。
    2. shadcn 是没有表单校验逻辑的,需要自己搭配 zod 一起使用。
    3. shadcn 是没有多选选择器的,需要自己造轮子。
    4. 如果需要做多级选择器,同样需要自己造轮子
    5. Table ,shadcn 只支持样式,如果想做过滤,排序,多选,对不起需要搭配 react-table
    6. shadcn 是没有上传组件的,同样需要自己做,包括拖动上传,都没有。


    但是不是说 shadcn 没有优点。
    优点是 shadcn 由于完全使用的 tailwindcss, 没有太多预先定死的 hook ,扩展性很强,很适合自己造自定义的轮子,非常方便。
    civetcat
    civetcat
    Sep 22, 2025
    20
    我直接让 ai 做了一套组件库出来。用 turbopack 的 monorepo 的形式作为子库,这样能够完全控制,想怎么改就怎么改
    Alliot
    Alliot
    Sep 22, 2025
    21
    shadcnui 写简单前台不错 后台 antd
    okakuyang
    okakuyang
    Sep 22, 2025
    22
    @jimages shadcn ui 又不是只用默认那个库,有很多 UI 库是基于 shadcn 相同的理念的二次开发。大多数组件都有人写好了。
    gotoschool
    gotoschool
    OP
    Sep 22, 2025❤️1
    23
    各位 我已老实了
    我用 shadcn 确实复杂的表格 或者 表单 写出来特别拉跨,尤其是上面的说的日期选择器

    我晕了 界面都写 4 成了 写功能呢 发现很多问题
    写前端界面 yyds 写后台 真拉跨 说实话
    但是界面是非常漂亮的
    @annilq
    @urlk
    @sgiyy
    @laikick
    @asen001
    @jimages
    @okakuyang
    @Alliot
    @civetcat
    bgm004
    bgm004
    Sep 22, 2025
    24
    后台页面要的是业务,界面马马虎虎就行。
    ming61177
    ming61177
    Sep 22, 2025
    25
    antd pro 用 umijs ,直接无脑用就行,trae IDE 稍微描述下就可以。如果开发机器内存够的话用这套最快
    qxmqh
    qxmqh
    Sep 22, 2025
    26
    请使用 elementUI .
    Jesmora
    Jesmora
    Sep 22, 2025
    27
    说用 shadcn 的一看就是半吊子嘉豪,不是这干这一行的
    zepc007
    zepc007
    Sep 22, 2025
    28
    antd ❌
    mantine ✅
    FlashEcho
    FlashEcho
    Sep 22, 2025
    29
    shadcn/ui 别看吹得很火,本体处于玩具状态,很多 mui 和 antd 原生就有的功能得自己手写,有社区提供了 PR 还要拖一年以上才自己实现一个类似的,我怀疑 vercel 就是为了卖自己的 v0 ,故意压了给 shadncn 的资源
    duan602728596
    duan602728596
    Sep 22, 2025
    30
    antd + tailwindcss 就行了,用 shadcnui 那堆交互逻辑你就写去吧。shadcnui 是轻量可定制的 UI 基础组件库,antd 是后台管理解决方案。肯定选 antd 啊。
    kakakakaka8889
    kakakakaka8889
    Sep 22, 2025
    31
    推荐 shadcn 的都不是前端吧或者连半吊子都不如,前端有几个拿 shadcn 写后台的?国外的东西好但不是什么场景都合适的
    C64NRD
    C64NRD
    Sep 22, 2025
    32
    推荐 shadcnui ,业务组件让 AI 基于 shadcn 写。
    C64NRD
    C64NRD
    Sep 22, 2025
    33
    @jimages 一看就是深度用户,哈哈。
    表单、弹窗、多选、表格、上传这些我都让 AI 封装了,用着很舒服,特别是无障碍方面
    flmn
    flmn
    Sep 23, 2025
    34
    做产品用 shadcn ,做项目用 antd/mantine 。
    先看看自己是什么命。
    lizy0329
    lizy0329
    Sep 23, 2025
    35
    随便糊弄就用 antd ,要求强控,就用 shadcn + AI
    gotoschool
    gotoschool
    OP
    Sep 23, 2025
    36
    @flmn 产品介绍页 loading 页 用 shadcn 后台 中台 甚至前台如果带管理功能等,使用 mantine 是这么理解吧
    flmn
    flmn
    Sep 23, 2025
    37
    @gotoschool 不是,是看你做的后台管理的性质,它是个长期打磨的产品,还是只是一个需要高效交付赶快回款的项目。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   884 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 98ms · UTC 18:11 · PVG 02:11 · LAX 10:11 · JFK 13:11
    ♥ Do have faith in what you're doing.