• 请不要在回答技术问题时复制粘贴 AI 生成的内容
xiaoba25
V2EX  ›  程序员

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

  •  1
     
  •   xiaoba25 · Nov 3, 2022 · 18783 views
    This topic created in 1461 days ago, the information mentioned may be changed or developed.

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

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

    Supplement 1  ·  Nov 3, 2022
    感觉打开了新世界...
    Supplement 2  ·  Nov 3, 2022
    谢谢各位慷慨的建议,为后端码畜们开了一扇窗。
    111 replies  •  2023-01-07 17:58:08 +08:00
    1  2  
    ❮ ❯
    akring
    akring
    Nov 3, 2022❤️2
    1
    React + Tailwind
    dogepy
    dogepy
    Nov 3, 2022 via Android❤️2
    2
    appsmith / tooljet
    EscYezi
    EscYezi
    Nov 3, 2022 via Android❤️2
    3
    vue+element-ui
    现在这些 ui 框架都美观的,对于后端来说排版布局才是痛点 XD
    wakarimasen
    wakarimasen
    Nov 3, 2022 via Android
    4
    Angular
    sutra
    sutra
    Nov 3, 2022❤️1
    5
    我觉得是,Angular ,思维方式和 Java 那套一样儿一样儿的。
    xiaoba25
    xiaoba25
    OP
    Nov 3, 2022
    6
    @akring
    @EscYezi vue 、React 如雷贯耳 😂 会不会很复杂
    xiaoba25
    xiaoba25
    OP
    Nov 3, 2022
    7
    @dogepy 哇 低代码平台嘛 这个瞅瞅去
    me221
    me221
    Nov 3, 2022
    8
    前端轮子多 看你选 React 还是 Vue

    React: Material UI | Chakra-ui | AntDesign

    Vue: Element UI
    nzbin
    nzbin
    Nov 3, 2022
    9
    Angular +1
    kuxuan
    kuxuan
    Nov 3, 2022❤️4
    10
    Vue3+element ui + tailwind
    我用他做了一套管理后台 https://tanxiaoqing.top
    xiaoba25
    xiaoba25
    OP
    Nov 3, 2022
    11
    @kuxuan 这个不错👍
    Ayanokouji
    Ayanokouji
    Nov 3, 2022
    12
    Naïve UI
    zhiyu1998
    zhiyu1998
    Nov 3, 2022
    13
    @kuxuan 有 git 地址吗
    Rocketer
    Rocketer
    Nov 3, 2022 via iPhone❤️4
    14
    推 react 和 vue 的都是没用过 angular 的。

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

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

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

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

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

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

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

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

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

    不是啥都需要上 SPA 的
    sunorg
    sunorg
    Nov 4, 2022 via Android
    88
    新项目,商城类,继续 bs5+jquery 前端加 vue 后端。

    根据场景选择方案才行。

    别动不动就说该淘汰 xxx 了,
    MMMMMMMMMMMMMMMM
    MMMMMMMMMMMMMMMM
    Nov 4, 2022
    89
    用框架可以,别用各种全家桶
    这些年卷出的工程化的东西,个个文档都是一本书
    eaudeluting
    eaudeluting
    Nov 4, 2022 via Android
    90
    拒绝前端工程化从我做起,layui
    akakidz
    akakidz
    Nov 4, 2022
    91
    我司自己做了一套前端可配置的脚手架,现在的情况是前端自己去写接口了。。。
    ragnaroks
    ragnaroks
    Nov 4, 2022
    92
    如果是 aspx 、jsp ,那么应该直接上手 react ,否则 vue
    qsnow6
    qsnow6
    Nov 4, 2022
    93
    交互不复杂,还是 juqery 舒服,CDN 缓存方便。
    leisure
    leisure
    Nov 4, 2022
    94
    做起来之后你会交前端同事维护吗? 还是一直自己玩? 如果有交出去维护的苗头建议还是让前端上,避免自己搞。 真的要自己从头搞到尾就用 antd , 别 pro
    zjsxwc
    zjsxwc
    Nov 4, 2022
    95
    要什么框架,直接 纯 js 搭配 html
    raptor
    raptor
    Nov 4, 2022
    96
    居然没有看到有人推荐 svelte……
    solxnp
    solxnp
    Nov 4, 2022
    97
    vue + element ui
    我就是这么过来的 很香
    oldroot
    oldroot
    Nov 4, 2022
    98
    react + antd
    keller
    keller
    Nov 4, 2022
    99
    juqery + bootstrap
    xuelu520
    xuelu520
    Nov 4, 2022❤️2
    100
    楼主需要的只是 UI 的库而已,上面一堆推荐 react 、vue 还有 Angular 的。
    ant/element/layui/bootstrap 都行
    1  2  
    ❮ ❯
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   4493 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 235ms · UTC 09:56 · PVG 17:56 · LAX 01:56 · JFK 04:56
    ♥ Do have faith in what you're doing.