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

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

  •  1
     
  •   leiuu · 86 天前 · 9656 次点击
    这是一个创建于 86 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    React: Material UI | Chakra-ui | AntDesign

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

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

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

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

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

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

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

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

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

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

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

    根据场景选择方案才行。

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