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

[idblife]

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

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

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

[hello2090]

golang 和 bootstrap 不兼容吧

[idblife]

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

[tairan2006]

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

[kxg3030]

后端都知道 layui ，最强 ui 库

[totoro52]

今昔是何年

[xiaoz]

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

[idblife]

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

[totoro52]

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

[DefoliationM]

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

[idblife]

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

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

[Akuikkk]

tailwind + daisyui

[Hellert]

quicktemplate

[jadeborner]

还以为 10 年前

[idblife]

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

[mocococ]

nextjs+ant design+ tailwind css

[cmdOptionKana]

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

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

[wonderfulcxm]

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

[GavinXSF]

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

[StevenRCE0]

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

[kxg3030]

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

[z1829909]

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

[phithon]

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

[idblife]

@raviscioniemeche
说明你很年轻，哈哈

[gowk]

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

[tywtyw2002]

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

[kxg3030]

@idblife 求教 有点好奇

[lemayi]

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

[MrTLJH]

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

[idblife]

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

[idblife]

@tywtyw2002
我擦，待我分析一下

[idblife]

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

[crackidz]

tailwindcss

[v0768ex]

@xiaoz 用 pango²，仿 django template

[7gugu]

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

[jianchang512]

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

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


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

[bug123]

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

[zbowen66]

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

[k9982874]

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

[Felldeadbird]

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


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

[y835L9DyC5XD09kq]

请标注 NSFW 。。。

[Twelveeee]

你这网站也太卡了。。

[tairan2006]

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

[dayeye2006199]

你要的就是 css framework

[sunqb]

gin 和前端库没关系

[idblife]

@sunqb
谁说有关系了？

[idblife]

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

[v0768ex]

@idblife 可以不编译，不 npm install

[Felldeadbird]

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


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

[jlkm2010]

今昔是何年

[timnottom]

我怀疑你是推荐网站的


另外 ，使用 vue/react 可以用 embed 嵌入 dist 文件夹，最后也是一个二进制文件

[oyps]

还是前后端分开弄吧，方便点

[Ayanokouji]

https://github.com/mikestefanello/pagoda 推荐用参考这个项目，用 htmx ，gin 的渲染不太好用。

[815979670]

前几天刚好写了一个 go:embed 嵌入 web 静态资源的笔记 https://www.dbkuaizi.com/archives/377.html

[idblife]

@Twelveeee
所以想重写一下，哈哈

[3img]

写过 php 模板，太古老了

[mu1er]

jquery
一把嗦

[jaylee4869]

tailwind +shadcn

[ExplodingFKL]

试试 chi + bootstrap + htmx + alpinejs 组合，go 就专心写交互组件了，依靠 htmx 来搭积木非常方便。

[oyps]

我用 OP 的数据，写了个纯静态的： https://iuroc.github.io/haixiu/ ，支持 OP