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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

The Go Programming Language

› http://golang.org/

› Go Playground

Go Projects

› Revel Web Framework

这是一个创建于 172 天前的主题，其中的信息可能已经有所发展或是发生改变。

django+bootstrap 用了挺多年了，想切到 golang 缓缓口味了。

第 1 条附言 · 172 天前

说明一下，自己写着玩的东西，现在是不管多大规模项目都要整前后端分离了么。。。
https://qingbuyaohaixiu.com

像这种还要用 next.js+gin 部署两个工程？
前端仔们是不是魔怔了。。。

59 条回复 • 2024-07-13 08:47:15 +08:00

hello2090

172 天前 via iPhone

golang 和 bootstrap 不兼容吧

idblife

172 天前

@hello2090
没啥不兼容的吧，bootstrap+jquery 这种组合理论上兼容一切后端语言啊

tairan2006

172 天前

embed 啥都行吧…vue 还不简单么

kxg3030

172 天前

后端都知道 layui ，最强 ui 库

totoro52

172 天前

今昔是何年

xiaoz

172 天前 via Android

gin 的模板引擎不好用，所以结合 bootstrap 的话不太友好，写起来也很累，不像 PHP 的模板引擎那么成熟。我是用 gin 写接口，前端用的 Vue 的 element Plus

idblife

172 天前

@totoro52
惭愧了，请问有啥先进技术推荐不？

totoro52

172 天前

@idblife 既然都勇敢尝试 go 了，为什么不勇敢尝试一下 vue 或 react ，他们优秀的 UI 库多到你一天都看不完

DefoliationM

172 天前 via Android

next-ui ，nextjs ，随便找那不是一堆。

idblife

172 天前

@totoro52
我只是想重写一下 https://qingbuyaohaixiu.com/

不想整的太复杂，就是看中 go 的简单了，一个二进制文件随便扔个地方都能跑起来

Akuikkk

172 天前

tailwind + daisyui

Hellert

172 天前 via Android

quicktemplate

jadeborner

172 天前

还以为 10 年前

idblife

172 天前

@jadeborner
这不是想学习点新鲜的么，有啥推荐的不？

mocococ

172 天前

nextjs+ant design+ tailwind css

cmdOptionKana

172 天前

bootstrap 非常好，风格大气，比 ant design 之类的好看。
而且 bootstrap 不需要搭建 npm 环境，简直身心舒畅。

另外，bootstrap 和 tailwind 不一样，tailwind 更底层一点。
用 bootstrap 的主要目的是省力，用 tailwind 则通常希望做更多个性化设计。

wonderfulcxm

172 天前 via iPhone

卧槽，你这网站的图去哪里找的，文字是自己配的吗

GavinXSF

172 天前

没用过，只是了解过哈：
和 bootstrap 类似的 component 组件库还有基于 tailwind css 的 Daisy UI
其他的我能想到的可能是一些 Web Components ，例如 Google 的 material web components

StevenRCE0

172 天前

我寻思哪怕写玩具也是前后端分离开发体验更好啊，除非你用 php

kxg3030

172 天前

比较好奇你用 bootstrap 像分页和点击分页表格渲染 ajax 数据是如何动态更新的字符串拼接吗

z1829909

172 天前

用 gin 的 static 路由方法暴露出一个目录可以通过 http 访问, 然后在里面写 html js, 里面随便怎么折腾, 用全家桶也好, 手撸 js, css 也行.
需要后端数据的话, 用 gin 暴露 api 出去, 感觉不要用套模板的方式, 工作量其实没有低多少, 但是隐形成本增大了.
如果你想单文件部署, golang 有 pkg 可以把静态文件打包进二进制
实际部署就在前面套一个 nginx, 两个 proxy, 一个指向 api, 一个指向前端入口.

phithon

172 天前

我也习惯写 bootstrap 的 css ，准备试试 taiwind ，理念差不多的，就是不想写 css 代码。

idblife

172 天前 via iPhone

@raviscioniemeche
说明你很年轻，哈哈

gowk

172 天前

可以看看 Semantic UI
https://demo.goedge.cn/

tywtyw2002

172 天前 via iPhone

你那个网站被挂马了？
手机打开第一次乱跳转。跳到诈骗网页。

kxg3030

172 天前

@idblife 求教有点好奇

lemayi

172 天前

支持楼主！我也觉得使用 go 写 web 项目。最省心的就是使用模板。如果有类似 rails 这种模板系统。真的很省力。写好编译随便扔，都不会有什么问题。

MrTLJH

172 天前 via Android

我怀疑你是来推广网站的😂

idblife

172 天前 via iPhone

@raviscioniemeche
用过 jsp 没？
之前的方案也算是 SSR 吧，哈哈

idblife

172 天前 via iPhone

@tywtyw2002
我擦，待我分析一下

idblife

172 天前 via iPhone

@MrTLJH
推广有啥好处，又没收入，自用的网站

crackidz

172 天前

tailwindcss

v0768ex

172 天前 via Android

@xiaoz 用 pango²，仿 django template

7gugu

172 天前

以前有个 amazeui ，还挺好用的，不过维护的公司已经倒闭了

jianchang512

172 天前

不是专业前端、个人项目的话，哪个简单顺手开发效率高，就使用哪个。

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

简单项目直接 bootstrap layui ，html 模板输出，啥也都不需要搞，简单轻松

bug123

172 天前

看上去是来推广小黄网的啊，v2 还能这样玩

zbowen66

172 天前

tailwind 系的还有 shadcn 可以考虑，我用了两年了。功能性和扩展性还是 antd 最强

k9982874

172 天前 via Android

next.js 是大全栈，不是前端框架，有自己的后端方案。底子薄的不要碰 next.js 。

Felldeadbird

172 天前

gin + vue 配搭才是更快捷啊。
vue 编译代码后，gin 路由设置一个静态目录访问，一样做到一个二进制文件 + 前端编译文件（前端也工程化了）全世界跑。
gin+vue 唯一不好就是前期部署工作量大。

除了这个，目前国内也就 layui 和已经不更新的 amazeui

kangkang

171 天前

请标注 NSFW 。。。

Twelveeee

171 天前

你这网站也太卡了。。

tairan2006

171 天前 via Android

@Felldeadbird embed 可以直接打包成一个 exe…

dayeye2006199

171 天前

你要的就是 css framework

sunqb

171 天前 via Android

gin 和前端库没关系

idblife

171 天前 via iPhone

@sunqb
谁说有关系了？

idblife

171 天前 via iPhone

@Felldeadbird
还没用过 vue ，有没有不用编译的用法？

v0768ex

171 天前 via Android

@idblife 可以不编译，不 npm install

Felldeadbird

171 天前

@tairan2006 啊，还可以一起打包的吗？我现在都是打包 go 代码，然后目录放 vue 编译的文件。明天上班我试下。

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