V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
leiuu
V2EX  ›  程序员

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

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

    场景: 部分内部小工具,需要做一些 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
    angrylid
        4
    angrylid  
       2022-11-03 12:52:07 +08:00 via Android
    Angular
    sutra
        5
    sutra  
       2022-11-03 12:52:23 +08:00   ❤️ 1
    我觉得是,Angular ,思维方式和 Java 那套一样儿一样儿的。
    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
    Naïve 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   ❤️ 1
    推荐一下百度的 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 ,实现一些基本页面组件还是很轻松的
    sjhhjx0122
        29
    sjhhjx0122  
       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
    http://vue.easydo.work/ 自己选吧
    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 而已
    wunonglin
        42
    wunonglin  
       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/baidu/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 了
    kyuuseiryuu
        83
    kyuuseiryuu  
       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   ❤️ 1
    楼主需要的只是 UI 的库而已,上面一堆推荐 react 、vue 还有 Angular 的。
    ant/element/layui/bootstrap 都行
    1  2  
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   999 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 42ms · UTC 21:35 · PVG 05:35 · LAX 14:35 · JFK 17:35
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.