求推荐后端程序员易于上手的前端框架

[leiuu]

场景： 部分内部小工具，需要做一些 UI 界面。 这点小需求，就不麻烦前端同事了，对前端来说非常容易，可后端做 UI 比较费劲... 请教有没有一些易于上手的框架，默认美观度还不错那种...

试用了 spring thymeleaf 好像不是很好用...

感觉打开了新世界...

谢谢各位慷慨的建议，为后端码畜们开了一扇窗。

[akring]

React + Tailwind

[dogepy]

appsmith / tooljet

[EscYezi]

vue+element-ui
现在这些 ui 框架都美观的，对于后端来说排版布局才是痛点 XD

[angrylid]

Angular

[sutra]

我觉得是，Angular ，思维方式和 Java 那套一样儿一样儿的。

[leiuu]

@akring
@EscYezi vue 、React 如雷贯耳 😂 会不会很复杂

[leiuu]

@dogepy 哇 低代码平台嘛 这个瞅瞅去

[me221]

前端轮子多 看你选 React 还是 Vue

React: Material UI | Chakra-ui | AntDesign

Vue: Element UI

[nzbin]

Angular +1

[kuxuan]

Vue3+element ui + tailwind
我用他做了一套管理后台 https://tanxiaoqing.top

[leiuu]

@kuxuan 这个不错👍

[Ayanokouji]

Naïve UI

[zhiyu1998]

@kuxuan 有 git 地址吗

[Rocketer]

推 react 和 vue 的都是没用过 angular 的。

我三个都用过，负责任的说，angular 对 java 出身的程序员最友好。

[EscYezi]

@leiuu vue 上手挺快的，可以先看 vue2

[kuxuan]

@zhiyu1998 过段时间，我再完善一下分享出来。

[iold]

后端当然 angular 啊

[idblife]

推荐一下百度的 amis
写 json 就可以
最近几个系统都在用，挺不错

[beisilu]

flutter

[jiayouzl]

推荐一下百度的 amis
写 json 就可以
最近几个系统都在用，挺不错.

[HugoChao]

react 好

[hgc81538]

react, vue, angular 都複雜了, 用 https://alpinejs.dev/

[wjx0912]

建议别用 angular ，虽然思维方式很后端
vue,react 二选一，基于它们的开源项目最多

[forbreak]

java 后端直接 angular ，基本没啥心智负担。

[luvsic]

vue 好点，基于模板好上手，学习下组件化、数据驱动的思想。再学个 UI 库就行了
非专业前端，不建议选 vue react 之外的任何框架，生态太薄弱，遇到问题，你自己解决不了

[haha512]

非专业前端、内部小工具、快速上手。
angular/vue/react ，这些哪个也不符合快速上手吧，随便弄个小东西，就得 npm install 一堆，vite webpack 编译打包。

这种场景，最适合的恐怕还是 jq layui 这类，一个 cdn 引入，直接开干，啥也不需要。

符合需求的、开发效率高的，就是好工具

[min]

angular 可以配合 tailwind 吗

[heroconan]

推荐 React ，我也是主要做后端，但前端也需要一些简单的操作页面，我用的 React + AntD ，实现一些基本页面组件还是很轻松的

[sjhhjx0122]

@min 一直都可以啊，只是不能用 windicss 和 unocss 。
angular 生态其实还可以啥都有啊，很多东西官方实现了都不需要第三方的，不过既然是上手，不如试试 solidjs 和 svelte

[mxT52CRuqR6o5]

spring 程序员可以优先考虑 angular

[ZoeeoZ]

vue 可以说上手最简单了,做类似后台的项目的话用 vue2+vue-element-admin 模板很快就梭出来了

[litujin1123]

@haha512 vue 也可以直接 cdn 使用

[nzbin]

https://ng-matero.github.io/ng-matero/

[haha512]

@litujin1123 vue 是可以，但基于 vue 的 ui 框架，几乎没有能正常 cdn 使用的

[fivesmallq]

https://marmelab.com/react-admin

这个是我觉得做 CURD 最简单的

[fivesmallq]

好多管理后台是纯前端 ui 组件库，并没有考虑太多后端的内容，用起来不爽利。这个连登录注册权限控制，aad 集成什么的都给你考虑到了。

[frank42a]

vue

[fuchish112]

http://vue.easydo.work/ 自己选吧

[xiang0818]

Angular

[233373]

react+mui or react+antd

[beginor]

@min tailwind 可以配合任意框架吧，就是一堆 css class 而已

[wunonglin]

只推荐 Angular ，生态全，工程化好。r ，v 和 a 分别走的是两条路，所以相当于要么 rv ，要么 a

[dudubaba]

我记得 layui 是后端用的最多的，也有大量传统政企在用，好像因为被喷的关站了？ github 上还在的 。

[crazytudou]

element/bootstrap

[275761919]

要是有那种通过拖动来设计页面，然后可以导出成 html 的那种好了

[lucklrj]

@kuxuan 看了， 还可以。比较清新简洁

[xw]

bootstrap
layui

[billzhuang]

这个贴不错，作为后端一直对前端的选择望而生畏

[tinkgoose]

那当然用你们公司前端会的框架啊。

用 angular ，然后你写一半，不懂了，想请教一下你的前端同事，人一问你用 angular ，抱歉，没仔细研究过，那你自己鼓捣去吧

[bthulu]

别去跟风用什么 vue, react, 这些学起来又累, 用起来又慢, 纯纯前端 KPI 产物, 不打算找前端工作就自己快速完成工作, 学学 layui+jquery 就行了

[libook]

特别简单的页面可以考虑不用框架用原生 Web API 开发，用 document.querySelector 选取元素然后操作就可以了。
现在前端框架花时间的方面主要在打包工具上。
真想用框架也可以考虑 Vue 的 CDN 模式，不需要打包工具就可以用。

[MEIerer]

angular 或者 vue

[yelan]

JS 不难，有 Java 基础上手挺快的。难在布局和 CSS ，因为属性之间会相互影响，而这一点文档恰恰无法体现出来，全靠自己分析或者积累经验

[WytheHuang]

Vue 2 + Element UI 就够了吧

[yrk20212021]

layui + jquery 足够满足你的需求了

[chinagxwei]

angular + ng-zorro

[dddd1919]

后端写前端简单上手自己做过两套
1. bootstrap 的样式 + angular1.x ，angular1.x 写起来非常后端风格，后端友好 angular2.x 以后的没用过
2. ElementUI ，是用的方法是直接把 element 的 css/js/字体和 vue.js 放到项目里当 jQuery 用，也非常友好，而且 element 提供很多前端常用组件，做管理类的服务非常方便

[Ufo666]

vue+antd

[Actrace]

试一下 tmpui ，个人认为是目前最简单的。
https://github.com/tmplink/tmpUI

[manasheep]

你这需求用 Blazor 最香了，可以几乎不用管前端的技术，C#也跟 Java 语法近似，搭配宇宙最强 IDE ，轻松上手。

[nitmali]

后端来写前端，Angular 无缝入门

[PythonYXY]

研究生毕业论文工具就是 angular 写的，对于熟悉 Spring 那套东西的程序员真的友好，推荐到 stackblitz 上学习实践

[particlec]

找个前端弄一下吧，有些你感觉简单的功能其实也不一定简单

[rykinia]

还在 jquery 的朋友真心劝你们去学一学 vue ，用 vue 写表单或表格，比 jquery 方便太多了

[aiwoshishen]

@kuxuan 开源吗，想抄

[newmlp]

react

[wedd]

w3.css
https://www.w3schools.com/w3css/
这个就非常简约了

[rykinia]

@rykinia 举个例子（伪代码示意一下，好久没写了）

jq:

<input id="reqField"/>
<span id="respField"></span>

var respData = ajax.get(url, document.querySelector("#reqField").text)
document.querySelector("#reqField").innerHtml = respData

vue:

<input v-model="reqField"/>
<span>{{respField}}</span>

var reqField = $ref(null)
var respData = ajax.get(url, reqField.value())
respField = respData

[zhanggg]

jquery + easyui !!!!!!

[tanrunhao]

vuejs.org + tailwindcss.com + daisyui.com

[Felldeadbird]

bootstrap + jq 依旧是后端最锋利的武器。

VUE+element 是目前后端比较好上手的武器。

[ppphp]

flutter ，只有 flutter 没有 css

[gongquanlin]

vue + tailwindcss 基本上可以应付绝大部分场景了

[leehaoze]

可以看下 amis ，也就是所谓的低代码平台，用来搭建点后台界面啥的方便的很，有可视化的编辑器。

[dagger8224]

楼主可以试下 dagger.js ( https://daggerjs.org)，纯描述式前端框架，掌握几个基本概念就可以上手了，整体学习成本相对几个主流框架来说低很多

[whevether]

@zhiyu1998
@aiwoshishen

[whevether]

@zhiyu1998
@aiwoshishen
我的一个开源基于.net 6+react 18 的多租户系统, 支持 rbac 权限。系统接口权限。 路由权限，按钮权限控制.数据隔离
https://github.com/whevether/asf
https://github.com/whevether/asf-react
预览地址 https://asf.hnjingshou.com/ 账号 test 密码 test

[Ironpan]

推荐几个低代码的：
1. 前面有人提到的百度的： https://github.com/baidu/amis
2. 阿里的： https://www.yuque.com/lce
3. https://github.com/iofod
4. https://github.com/jeecgboot/jeecg-boot

[waising]

@whevether #77

[waising]

@waising #79
@whevether #77 你这密码太简单了。。。admin/admin

[hzxxx]

别用 angular ，我就是 java 和前端都写得，用 vue ，真的简单易上手，就是 js 对象语法和 html 加一点 html 语法糖（类似于 jsp ），直接脚手架搭建，看看模板语法写写 demo 直接干

[cnzjl]

别用 jq 就行了，写起来太烦人了，我都要在老项目里直接引用 vue.js 了

[kyuuseiryuu]

react umijs antd

react: 正确理解函数就能写出正确的代码，心智低

umijs: 不用操心前端路由直接按约定写页面就行了

antd: 现成的 UI 库。直接集成在 umijs 里面了，也不用接着配什么乱七八糟的东西。

[yechentide]

@kuxuan 请问这个后台的代码有公开吗？想参考下老哥的代码

[chuanqirenwu]

htmx ，但是 React 应该是最为合适的。

[IDghyg5839]

Angular+1

[dayeye2006199]

bootstrap + 后端模板引擎。
古典 and 够用。

不是啥都需要上 SPA 的

[sunorg]

新项目，商城类，继续 bs5+jquery 前端加 vue 后端。

根据场景选择方案才行。

别动不动就说该淘汰 xxx 了，

[MMMMMMMMMMMMMMMM]

用框架可以，别用各种全家桶
这些年卷出的工程化的东西，个个文档都是一本书

[eaudeluting]

拒绝前端工程化从我做起，layui

[akakidz]

我司自己做了一套前端可配置的脚手架，现在的情况是前端自己去写接口了。。。

[ragnaroks]

如果是 aspx 、jsp ，那么应该直接上手 react ，否则 vue

[qsnow6]

交互不复杂，还是 juqery 舒服，CDN 缓存方便。

[leisure]

做起来之后你会交前端同事维护吗？ 还是一直自己玩？ 如果有交出去维护的苗头建议还是让前端上，避免自己搞。 真的要自己从头搞到尾就用 antd ， 别 pro

[zjsxwc]

要什么框架，直接 纯 js 搭配 html

[raptor]

居然没有看到有人推荐 svelte……

[solxnp]

vue + element ui
我就是这么过来的 很香

[oldroot]

react + antd

[keller]

juqery + bootstrap

[xuelu520]

楼主需要的只是 UI 的库而已，上面一堆推荐 react 、vue 还有 Angular 的。
ant/element/layui/bootstrap 都行