求推荐后端程序员易于上手的前端框架 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
leiuu
V2EX    程序员

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

  leiuu 2022-11-03 12:11:10 +08:00 16264 次点击
这是一个创建于 1072 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

第 1 条附言    2022-11-03 13:02:17 +08:00
感觉打开了新世界...
第 2 条附言    2022-11-03 20:12:36 +08:00
谢谢各位慷慨的建议,为后端码畜们开了一扇窗。
111 条回复    2023-01-07 17:58:08 +08:00
1  2  
akring
    1
akring  
   2022-11-03 12:22:55 +08:00   2
React + Tailwind
dogepy
    2
dogepy  
   2022-11-03 12:37:27 +08:00 via Android   2
appsmith / tooljet
EscYezi
    3
EscYezi  
   2022-11-03 12:49:07 +08:00 via Android   2
vue+element-ui
现在这些 ui 框架都美观的,对于后端来说排版布局才是痛点 XD
wakarimasen
    4
wakarimasen  
   2022-11-03 12:52:07 +08:00 via Android
Angular
td width="auto" valign="top" align="left">
    5
sutra  
   2022-11-03 12:52:23 +08:00   1
我觉得是,Angular ,思维方式和 Java 那套一样儿一样儿的。
sutra
leiuu
    6
leiuu  
OP
   2022-11-03 12:52:55 +08:00
@akring
@EscYezi vue 、React 如雷贯耳 会不会很复杂
leiuu
    7
leiuu  
OP
   2022-11-03 12:53:23 +08:00
@dogepy 哇 低代码平台嘛 这个瞅瞅去
me221
    8
me221  
   2022-11-03 12:54:01 +08:00
前端轮子多 看你选 React 还是 Vue

React: Material UI | Chakra-ui | AntDesign

Vue: Element UI
nzbin
    9
nzbin  
   2022-11-03 12:55:18 +08:00
Angular +1
kuxuan
    10
kuxuan  
   2022-11-03 12:59:09 +08:00   4
Vue3+element ui + tailwind
我用他做了一套管理后台 https://tanxiaoqing.top
leiuu
    11
leiuu  
OP
   2022-11-03 13:00:42 +08:00
@kuxuan 这个不错
Ayanokouji
    12
Ayanokouji  
   2022-11-03 13:01:04 +08:00
Nave UI
zhiyu1998
    13
zhiyu1998  
   2022-11-03 13:10:30 +08:00
@kuxuan 有 git 地址吗
Rocketer
    14
Rocketer  
   2022-11-03 13:15:39 +08:00 via iPhone   4
推 react 和 vue 的都是没用过 angular 的。

我三个都用过,负责任的说,angular 对 java 出身的程序员最友好。
EscYezi
    15
EscYezi  
   2022-11-03 13:15:52 +08:00 via Android
@leiuu vue 上手挺快的,可以先看 vue2
kuxuan
    16
kuxuan  
   2022-11-03 13:18:36 +08:00
@zhiyu1998 过段时间,我再完善一下分享出来。
iold
    17
iold  
   2022-11-03 13:20:29 +08:00
后端当然 angular 啊
idblife
    18
idblife  
   2022-11-03 13:28:19 +08:00   2
推荐一下百度的 amis
写 json 就可以
最近几个系统都在用,挺不错
beisilu
    19
beisilu  
   2022-11-03 13:37:18 +08:00
flutter
jiayouzl
    20
jiayouzl  
   2022-11-03 13:38:23 +08:00   1
推荐一下百度的 amis
写 json 就可以
最近几个系统都在用,挺不错.
HugoChao
    21
HugoChao  
   2022-11-03 13:38:43 +08:00
react 好
hgc81538
    22
hgc81538  
   2022-11-03 13:42:23 +08:00   1
react, vue, angular 都了, 用 https://alpinejs.dev/
wjx0912
    23
wjx0912  
   2022-11-03 13:49:33 +08:00
建议别用 angular ,虽然思维方式很后端
vue,react 二选一,基于它们的开源项目最多
forbreak
    24
forbreak  
   2022-11-03 13:52:59 +08:00
java 后端直接 angular ,基本没啥心智负担。
luvsic
    25
luvsic  
   2022-11-03 13:56:12 +08:00   1
vue 好点,基于模板好上手,学习下组件化、数据驱动的思想。再学个 UI 库就行了
非专业前端,不建议选 vue react 之外的任何框架,生态太薄弱,遇到问题,你自己解决不了
haha512
    26
haha512  
   2022-11-03 13:58:26 +08:00   1
非专业前端、内部小工具、快速上手。
angular/vue/react ,这些哪个也不符合快速上手吧,随便弄个小东西,就得 npm install 一堆,vite webpack 编译打包。

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

符合需求的、开发效率高的,就是好工具
min
    27
min  
   2022-11-03 14:00:42 +08:00
angular 可以配合 tailwind 吗
heroconan
    28
heroconan  
   2022-11-03 14:01:53 +08:00
推荐 React ,我也是主要做后端,但前端也需要一些简单的操作页面,我用的 React + AntD ,实现一些基本页面组件还是很轻松的
linkopeneyes
    29
linkopeneyes  
   2022-11-03 14:10:24 +08:00
@min 一直都可以啊,只是不能用 windicss 和 unocss 。
angular 生态其实还可以啥都有啊,很多东西官方实现了都不需要第三方的,不过既然是上手,不如试试 solidjs 和 svelte
mxT52CRuqR6o5
    30
mxT52CRuqR6o5  
   2022-11-03 14:13:10 +08:00
spring 程序员可以优先考虑 angular
ZoeeoZ
    31
ZoeeoZ  
   2022-11-03 14:13:13 +08:00
vue 可以说上手最简单了,做类似后台的项目的话用 vue2+vue-element-admin 模板很快就梭出来了
litujin1123
    32
litujin1123  
   2022-11-03 14:13:29 +08:00
@haha512 vue 也可以直接 cdn 使用
nzbin
    33
nzbin  
   2022-11-03 14:29:58 +08:00
haha512
    34
haha512  
   2022-11-03 14:33:05 +08:00
@litujin1123 vue 是可以,但基于 vue 的 ui 框架,几乎没有能正常 cdn 使用的
fivesmallq
    35
fivesmallq  
   2022-11-03 14:33:18 +08:00
https://marmelab.com/react-admin

这个是我觉得做 CURD 最简单的
fivesmallq
    36
fivesmallq  
   2022-11-03 14:35:13 +08:00
好多管理后台是纯前端 ui 组件库,并没有考虑太多后端的内容,用起来不爽利。这个连登录注册权限控制,aad 集成什么的都给你考虑到了。
frank42a
    37
frank42a  
   2022-11-03 14:36:12 +08:00
vue
fuchish112
    38
fuchish112  
   2022-11-03 14:39:17 +08:00
xiang0818
    39
xiang0818  
   2022-11-03 14:40:58 +08:00
Angular
233373
    40
233373  
   2022-11-03 14:42:03 +08:00
react+mui or react+antd
beginor
    41
beginor  
   2022-11-03 14:42:09 +08:00
@min tailwind 可以配合任意框架吧,就是一堆 css class 而已
shakaraka
    42
shakaraka  
PRO
   2022-11-03 14:42:50 +08:00
只推荐 Angular ,生态全,工程化好。r ,v 和 a 分别走的是两条路,所以相当于要么 rv ,要么 a
dudubaba
    43
dudubaba  
   2022-11-03 15:09:59 +08:00
我记得 layui 是后端用的最多的,也有大量传统政企在用,好像因为被喷的关站了? github 上还在的 。
crazytudou
    44
crazytudou  
   2022-11-03 15:21:35 +08:00
element/bootstrap
275761919
    45
275761919  
   2022-11-03 15:22:20 +08:00
要是有那种通过拖动来设计页面,然后可以导出成 html 的那种好了
lucklrj
    46
lucklrj  
   2022-11-03 15:28:56 +08:00
@kuxuan 看了, 还可以。比较清新简洁
xw
    47
xw  
   2022-11-03 15:38:35 +08:00 via Android
bootstrap
layui
billzhuang
    48
billzhuang  
   2022-11-03 15:41:13 +08:00
这个贴不错,作为后端一直对前端的选择望而生畏
tinkgoose
    49
tinkgoose  
   2022-11-03 15:41:40 +08:00   3
那当然用你们公司前端会的框架啊。

用 angular ,然后你写一半,不懂了,想请教一下你的前端同事,人一问你用 angular ,抱歉,没仔细研究过,那你自己鼓捣去吧
bthulu
    50
bthulu  
   2022-11-03 15:50:26 +08:00   1
别去跟风用什么 vue, react, 这些学起来又累, 用起来又慢, 纯纯前端 KPI 产物, 不打算找前端工作就自己快速完成工作, 学学 layui+jquery 就行了
libook
    51
libook  
   2022-11-03 15:54:45 +08:00
特别简单的页面可以考虑不用框架用原生 Web API 开发,用 document.querySelector 选取元素然后操作就可以了。
现在前端框架花时间的方面主要在打包工具上。
真想用框架也可以考虑 Vue 的 CDN 模式,不需要打包工具就可以用。
MEIerer
    52
MEIerer  
   2022-11-03 15:58:10 +08:00
angular 或者 vue
yelan
    53
yelan  
   2022-11-03 15:59:04 +08:00
JS 不难,有 Java 基础上手挺快的。难在布局和 CSS ,因为属性之间会相互影响,而这一点文档恰恰无法体现出来,全靠自己分析或者积累经验
WytheHuang
    54
WytheHuang  
   2022-11-03 16:05:05 +08:00
Vue 2 + Element UI 就够了吧
yrk20212021
    55
yrk20212021  
   2022-11-03 16:06:16 +08:00
layui + jquery 足够满足你的需求了
chinagxwei
    56
chinagxwei  
   2022-11-03 16:07:09 +08:00
angular + ng-zorro
dddd1919
    57
dddd1919  
   2022-11-03 16:12:35 +08:00
后端写前端简单上手自己做过两套
1. bootstrap 的样式 + angular1.x ,angular1.x 写起来非常后端风格,后端友好 angular2.x 以后的没用过
2. ElementUI ,是用的方法是直接把 element 的 css/js/字体和 vue.js 放到项目里当 jQuery 用,也非常友好,而且 element 提供很多前端常用组件,做管理类的服务非常方便
Ufo666
    58
Ufo666  
   2022-11-03 16:28:02 +08:00
vue+antd
Actrace
    59
Actrace  
   2022-11-03 16:50:54 +08:00
试一下 tmpui ,个人认为是目前最简单的。
https://github.com/tmplink/tmpUI
manasheep
    60
manasheep  
   2022-11-03 17:01:45 +08:00
你这需求用 Blazor 最香了,可以几乎不用管前端的技术,C#也跟 Java 语法近似,搭配宇宙最强 IDE ,轻松上手。
nitmali
    61
nitmali  
   2022-11-03 17:02:56 +08:00
后端来写前端,Angular 无缝入门
PythonYXY
    62
PythonYXY  
   2022-11-03 17:23:23 +08:00
研究生毕业论文工具就是 angular 写的,对于熟悉 Spring 那套东西的程序员真的友好,推荐到 stackblitz 上学习实践
particlec
    63
particlec  
   2022-11-03 17:24:29 +08:00
找个前端弄一下吧,有些你感觉简单的功能其实也不一定简单
rykinia
    64
rykinia  
   2022-11-03 17:29:01 +08:00
还在 jquery 的朋友真心劝你们去学一学 vue ,用 vue 写表单或表格,比 jquery 方便太多了
aiwoshishen
    65
aiwoshishen  
   2022-11-03 17:30:04 +08:00 via iPhone
@kuxuan 开源吗,想抄
newmlp
    66
newmlp  
   2022-11-03 17:32:20 +08:00
react
wedd
    67
wedd  
   2022-11-03 17:37:48 +08:00
w3.css
https://www.w3schools.com/w3css/
这个就非常简约了
rykinia
    68
rykinia  
   2022-11-03 17:38:48 +08:00
@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
    69
zhanggg  
   2022-11-03 19:41:01 +08:00
jquery + easyui !!!!!!
tanrunhao
    70
tanrunhao  
   2022-11-03 19:49:10 +08:00
Felldeadbird
    71
Felldeadbird  
   2022-11-03 19:59:26 +08:00
bootstrap + jq 依旧是后端最锋利的武器。

VUE+element 是目前后端比较好上手的武器。
ppphp
    72
ppphp  
   2022-11-03 20:10:24 +08:00
flutter ,只有 flutter 没有 css
gongquanlin
    73
gongquanlin  
   2022-11-03 20:16:39 +08:00
vue + tailwindcss 基本上可以应付绝大部分场景了
leehaoze
    74
leehaoze  
   2022-11-03 20:28:17 +08:00   1
可以看下 amis ,也就是所谓的低代码平台,用来搭建点后台界面啥的方便的很,有可视化的编辑器。
dagger8224
    75
dagger8224  
   2022-11-03 20:34:21 +08:00 via Android
楼主可以试下 dagger.js ( https://daggerjs.org),纯描述式前端框架,掌握几个基本概念就可以上手了,整体学习成本相对几个主流框架来说低很多
whevether
    76
whevether  
   2022-11-03 20:35:26 +08:00
whevether
    77
whevether  
   2022-11-03 20:45:43 +08:00
@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
    78
Ironpan  
   2022-11-03 22:04:03 +08:00   1
推荐几个低代码的:
1. 前面有人提到的百度的: https://github.com/badu/amis
2. 阿里的: https://www.yuque.com/lce
3. https://github.com/iofod
4. https://github.com/jeecgboot/jeecg-boot
waising
    79
waising  
   2022-11-03 22:07:22 +08:00
@whevether #77
waising
    80
waising  
   2022-11-03 22:08:37 +08:00
@waising #79
@whevether #77 你这密码太简单了。。。admin/admin
hzxxx
    81
hzxxx  
   2022-11-03 22:31:45 +08:00
别用 angular ,我就是 java 和前端都写得,用 vue ,真的简单易上手,就是 js 对象语法和 html 加一点 html 语法糖(类似于 jsp ),直接脚手架搭建,看看模板语法写写 demo 直接干
cnzjl
    82
cnzjl  
   2022-11-03 22:42:10 +08:00
别用 jq 就行了,写起来太烦人了,我都要在老项目里直接引用 vue.js 了
Chemist
    83
Chemist  
   2022-11-03 22:47:43 +08:00 via iPhone
react umijs antd

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

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

antd: 现成的 UI 库。直接集成在 umijs 里面了,也不用接着配什么乱七八糟的东西。
yechentide
    84
yechentide  
   2022-11-03 23:02:57 +08:00
@kuxuan 请问这个后台的代码有公开吗?想参考下老哥的代码
chuanqirenwu
    85
chuanqirenwu  
   2022-11-03 23:25:00 +08:00
htmx ,但是 React 应该是最为合适的。
IDghyg5839
    86
IDghyg5839  
   2022-11-04 01:59:42 +08:00
Angular+1
dayeye2006199
    87
dayeye2006199  
   2022-11-04 06:20:06 +08:00
bootstrap + 后端模板引擎。
古典 and 够用。

不是啥都需要上 SPA 的
sunorg
    88
sunorg  
   2022-11-04 07:35:56 +08:00 via Android
新项目,商城类,继续 bs5+jquery 前端加 vue 后端。

根据场景选择方案才行。

别动不动就说该淘汰 xxx 了,
MMMMMMMMMMMMMMMM
    89
MMMMMMMMMMMMMMMM  
   2022-11-04 07:36:37 +08:00
用框架可以,别用各种全家桶
这些年卷出的工程化的东西,个个文档都是一本书
eaudeluting
    90
eaudeluting  
   2022-11-04 07:57:29 +08:00 via Android
拒绝前端工程化从我做起,layui
akakidz
    91
akakidz  
   2022-11-04 08:57:51 +08:00
我司自己做了一套前端可配置的脚手架,现在的情况是前端自己去写接口了。。。
ragnaroks
    92
ragnaroks  
   2022-11-04 09:01:16 +08:00
如果是 aspx 、jsp ,那么应该直接上手 react ,否则 vue
qsnow6
    93
qsnow6  
   2022-11-04 09:13:43 +08:00
交互不复杂,还是 juqery 舒服,CDN 缓存方便。
leisure
    94
leisure  
   2022-11-04 09:37:26 +08:00
做起来之后你会交前端同事维护吗? 还是一直自己玩? 如果有交出去维护的苗头建议还是让前端上,避免自己搞。 真的要自己从头搞到尾就用 antd , 别 pro
zjsxwc
    95
zjsxwc  
   2022-11-04 09:43:04 +08:00
要什么框架,直接 纯 js 搭配 html
raptor
    96
raptor  
   2022-11-04 09:47:58 +08:00
居然没有看到有人推荐 svelte……
solxnp
    97
solxnp  
   2022-11-04 10:26:16 +08:00
vue + element ui
我就是这么过来的 很香
oldroot
    98
oldroot  
   2022-11-04 10:27:40 +08:00
react + antd
keller
    99
keller  
   2022-11-04 10:30:09 +08:00
juqery + bootstrap
xuelu520
    100
xuelu520  
   2022-11-04 10:54:17 +08:00   2
楼主需要的只是 UI 的库而已,上面一堆推荐 react 、vue 还有 Angular 的。
ant/element/layui/bootstrap 都行
1  2  
关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2944 人在线   最高记录 6679       Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 39ms UTC 13:36 PVG 21:36 LAX 06:36 JFK 09:36
Do have faith in what you're doing.
ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86