V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
The Go Programming Language
http://golang.org/
Go Playground
Go Projects
Revel Web Framework
idblife
V2EX  ›  Go 编程语言

gin 除了 bootstrap 外还有啥简单好用的前端 ui 库?

  •  
  •   idblife · 122 天前 · 5344 次点击
    这是一个创建于 122 天前的主题,其中的信息可能已经有所发展或是发生改变。
    django+bootstrap 用了挺多年了,想切到 golang 缓缓口味了。
    第 1 条附言  ·  122 天前
    说明一下,自己写着玩的东西,现在是不管多大规模项目都要整前后端分离了么。。。
    https://qingbuyaohaixiu.com

    像这种还要用 next.js+gin 部署两个工程?
    前端仔们是不是魔怔了。。。
    59 条回复    2024-07-13 08:47:15 +08:00
    hello2090
        1
    hello2090  
       122 天前 via iPhone
    golang 和 bootstrap 不兼容吧
    idblife
        2
    idblife  
    OP
       122 天前
    @hello2090
    没啥不兼容的吧,bootstrap+jquery 这种组合理论上兼容一切后端语言啊
    tairan2006
        3
    tairan2006  
       122 天前   ❤️ 1
    embed 啥都行吧…vue 还不简单么
    kxg3030
        4
    kxg3030  
       122 天前   ❤️ 2
    后端都知道 layui ,最强 ui 库
    totoro52
        5
    totoro52  
       122 天前   ❤️ 2
    今昔是何年
    xiaoz
        6
    xiaoz  
       122 天前 via Android
    gin 的模板引擎不好用,所以结合 bootstrap 的话不太友好,写起来也很累,不像 PHP 的模板引擎那么成熟。我是用 gin 写接口,前端用的 Vue 的 element Plus
    idblife
        7
    idblife  
    OP
       122 天前
    @totoro52
    惭愧了,请问有啥先进技术推荐不?
    totoro52
        8
    totoro52  
       122 天前
    @idblife 既然都勇敢尝试 go 了,为什么不勇敢尝试一下 vue 或 react ,他们优秀的 UI 库多到你一天都看不完
    DefoliationM
        9
    DefoliationM  
       122 天前 via Android
    next-ui ,nextjs ,随便找那不是一堆。
    idblife
        10
    idblife  
    OP
       122 天前
    @totoro52
    我只是想重写一下 https://qingbuyaohaixiu.com/

    不想整的太复杂,就是看中 go 的简单了,一个二进制文件随便扔个地方都能跑起来
    Akuikkk
        11
    Akuikkk  
       122 天前   ❤️ 2
    tailwind + daisyui
    Hellert
        12
    Hellert  
       122 天前 via Android   ❤️ 1
    quicktemplate
    jadeborner
        13
    jadeborner  
       122 天前
    还以为 10 年前
    idblife
        14
    idblife  
    OP
       122 天前
    @jadeborner
    这不是想学习点新鲜的么,有啥推荐的不?
    mocococ
        15
    mocococ  
       122 天前
    nextjs+ant design+ tailwind css
    cmdOptionKana
        16
    cmdOptionKana  
       122 天前   ❤️ 1
    bootstrap 非常好,风格大气,比 ant design 之类的好看。
    而且 bootstrap 不需要搭建 npm 环境,简直身心舒畅。

    另外,bootstrap 和 tailwind 不一样,tailwind 更底层一点。
    用 bootstrap 的主要目的是省力,用 tailwind 则通常希望做更多个性化设计。
    wonderfulcxm
        17
    wonderfulcxm  
       122 天前 via iPhone
    卧槽,你这网站的图去哪里找的,文字是自己配的吗
    GavinXSF
        18
    GavinXSF  
       122 天前
    没用过,只是了解过哈:
    和 bootstrap 类似的 component 组件库还有基于 tailwind css 的 Daisy UI
    其他的我能想到的可能是一些 Web Components ,例如 Google 的 material web components
    StevenRCE0
        19
    StevenRCE0  
       122 天前   ❤️ 1
    我寻思哪怕写玩具也是前后端分离开发体验更好啊,除非你用 php
    kxg3030
        20
    kxg3030  
       122 天前
    比较好奇你用 bootstrap 像分页和点击分页表格渲染 ajax 数据是如何动态更新的 字符串拼接吗
    z1829909
        21
    z1829909  
       122 天前
    用 gin 的 static 路由方法暴露出一个目录可以通过 http 访问, 然后在里面写 html js, 里面随便怎么折腾, 用全家桶也好, 手撸 js, css 也行.
    需要后端数据的话, 用 gin 暴露 api 出去, 感觉不要用套模板的方式, 工作量其实没有低多少, 但是隐形成本增大了.
    如果你想单文件部署, golang 有 pkg 可以把静态文件打包进二进制
    实际部署就在前面套一个 nginx, 两个 proxy, 一个指向 api, 一个指向前端入口.
    phithon
        22
    phithon  
       122 天前
    我也习惯写 bootstrap 的 css ,准备试试 taiwind ,理念差不多的,就是不想写 css 代码。
    idblife
        23
    idblife  
    OP
       122 天前 via iPhone
    @raviscioniemeche
    说明你很年轻,哈哈
    gowk
        24
    gowk  
       122 天前
    可以看看 Semantic UI
    https://demo.goedge.cn/
    tywtyw2002
        25
    tywtyw2002  
       122 天前 via iPhone
    你那个网站被挂马了?
    手机打开 第一次乱跳转。跳到诈骗网页。
    kxg3030
        26
    kxg3030  
       122 天前
    @idblife 求教 有点好奇
    lemayi
        27
    lemayi  
       122 天前
    支持楼主!我也觉得使用 go 写 web 项目。最省心的就是使用模板。如果有类似 rails 这种模板系统。真的很省力。写好编译随便扔,都不会有什么问题。
    MrTLJH
        28
    MrTLJH  
       122 天前 via Android
    我怀疑你是来推广网站的😂
    idblife
        29
    idblife  
    OP
       122 天前 via iPhone
    @raviscioniemeche
    用过 jsp 没?
    之前的方案也算是 SSR 吧,哈哈
    idblife
        30
    idblife  
    OP
       122 天前 via iPhone
    @tywtyw2002
    我擦,待我分析一下
    idblife
        31
    idblife  
    OP
       122 天前 via iPhone
    @MrTLJH
    推广有啥好处,又没收入,自用的网站
    crackidz
        32
    crackidz  
       122 天前
    tailwindcss
    v0768ex
        33
    v0768ex  
       122 天前 via Android   ❤️ 1
    @xiaoz 用 pango²,仿 django template
    7gugu
        34
    7gugu  
       122 天前
    以前有个 amazeui ,还挺好用的,不过维护的公司已经倒闭了
    jianchang512
        35
    jianchang512  
       122 天前
    不是专业前端、个人项目的话,哪个简单顺手开发效率高,就使用哪个。

    没必要硬上 reactjs vue 等,nodejs 需要安装、npm install 依赖一堆、还得编译构建上传部署,版本变化时说不定解决依赖错误就得费老鼻子劲,想 seo 效果好点,还得 ssr 跑一个 nodejs 服务。


    简单项目直接 bootstrap layui ,html 模板输出,啥也都不需要搞,简单轻松
    bug123
        36
    bug123  
       122 天前
    看上去是来推广小黄网的啊,v2 还能这样玩
    zbowen66
        37
    zbowen66  
       122 天前
    tailwind 系的还有 shadcn 可以考虑,我用了两年了。功能性和扩展性还是 antd 最强
    k9982874
        38
    k9982874  
       122 天前 via Android   ❤️ 1
    next.js 是大全栈,不是前端框架,有自己的后端方案。底子薄的不要碰 next.js 。
    Felldeadbird
        39
    Felldeadbird  
       122 天前
    gin + vue 配搭才是更快捷啊。
    vue 编译代码后,gin 路由设置一个静态目录访问,一样做到 一个二进制文件 + 前端编译文件(前端也工程化了)全世界跑。
    gin+vue 唯一不好就是前期部署工作量大。


    除了这个,目前国内也就 layui 和已经不更新的 amazeui
    kangkang
        40
    kangkang  
       122 天前
    请标注 NSFW 。。。
    Twelveeee
        41
    Twelveeee  
       122 天前
    你这网站也太卡了。。
    tairan2006
        42
    tairan2006  
       121 天前 via Android
    @Felldeadbird embed 可以直接打包成一个 exe…
    dayeye2006199
        43
    dayeye2006199  
       121 天前
    你要的就是 css framework
    sunqb
        44
    sunqb  
       121 天前 via Android
    gin 和前端库没关系
    idblife
        45
    idblife  
    OP
       121 天前 via iPhone
    @sunqb
    谁说有关系了?
    idblife
        46
    idblife  
    OP
       121 天前 via iPhone
    @Felldeadbird
    还没用过 vue ,有没有不用编译的用法?
    v0768ex
        47
    v0768ex  
       121 天前 via Android
    @idblife 可以不编译,不 npm install
    Felldeadbird
        48
    Felldeadbird  
       121 天前
    @tairan2006 啊,还可以一起打包的吗?我现在都是打包 go 代码,然后目录放 vue 编译的文件。明天上班我试下。


    @idblife vue 很简单的,你试下写。配搭 go 真的是绝配。业务代码上比写 JQ 更舒服。不过在一些功能开发上,我觉得 VUE 没有 bootstrap 这些来的直接。bootstrap 一句话你就完成了页面布局、表单调用了。VUE 得绕一个圈,把组件逻辑写完。只要用上手了,就觉得 VUE 前端写起来比 bootstrap 更快,毕竟你后面写项目可以用到之前的写的组件代码。
    jlkm2010
        49
    jlkm2010  
       121 天前
    今昔是何年
    timnottom
        50
    timnottom  
       121 天前   ❤️ 1
    我怀疑你是推荐网站的


    另外 ,使用 vue/react 可以用 embed 嵌入 dist 文件夹,最后也是一个二进制文件
    oyps
        51
    oyps  
       120 天前
    还是前后端分开弄吧,方便点
    Ayanokouji
        52
    Ayanokouji  
       120 天前   ❤️ 1
    https://github.com/mikestefanello/pagoda 推荐用参考这个项目,用 htmx ,gin 的渲染不太好用。
    815979670
        53
    815979670  
       120 天前   ❤️ 1
    前几天刚好写了一个 go:embed 嵌入 web 静态资源的笔记 https://www.dbkuaizi.com/archives/377.html
    idblife
        54
    idblife  
    OP
       120 天前
    @Twelveeee
    所以想重写一下,哈哈
    3img
        55
    3img  
       120 天前
    写过 php 模板,太古老了
    mu1er
        56
    mu1er  
       120 天前
    jquery
    一把嗦
    jaylee4869
        57
    jaylee4869  
       120 天前
    tailwind +shadcn
    ExplodingFKL
        58
    ExplodingFKL  
       120 天前   ❤️ 1
    试试 chi + bootstrap + htmx + alpinejs 组合,go 就专心写交互组件了,依靠 htmx 来搭积木非常方便。
    oyps
        59
    oyps  
       115 天前
    我用 OP 的数据,写了个纯静态的: https://iuroc.github.io/haixiu/ ,支持 OP
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1078 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 19:16 · PVG 03:16 · LAX 11:16 · JFK 14:16
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.