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

后端程序员写前端, UI 框架求推荐

  •  
  •   cnbattle ·
    cnbattle · 2017-09-26 11:13:49 +08:00 · 12704 次点击
    这是一个创建于 2620 天前的主题,其中的信息可能已经有所发展或是发生改变。
    自己撸了半天,撸的心累……有哪些轻量的前端 ui 框架好用?
    75 条回复    2017-12-03 22:43:23 +08:00
    designer
        1
    designer  
       2017-09-26 11:15:34 +08:00 via iPhone   ❤️ 1
    自己选吧,欢迎推荐
    http://chuangzaoshi.com/code
    jfry
        2
    jfry  
       2017-09-26 11:16:56 +08:00   ❤️ 1
    Bootstrap 你值得拥有
    loveCoding
        3
    loveCoding  
       2017-09-26 11:25:52 +08:00
    vue+element 写起来很快
    lxsunbin
        4
    lxsunbin  
       2017-09-26 11:26:24 +08:00
    Bootstrap 简单,不会浪费过多精力
    wwdyy
        5
    wwdyy  
       2017-09-26 11:29:14 +08:00
    vue
    lommo
        6
    lommo  
       2017-09-26 11:31:27 +08:00
    vue 两天上手
    zgbgx1
        7
    zgbgx1  
       2017-09-26 11:32:53 +08:00
    简单的话 ,jQuery 就够了
    cnbattle
        8
    cnbattle  
    OP
       2017-09-26 11:37:43 +08:00
    @loveCoding
    @wwdyy
    @lommo
    vue 是不错,但要考虑 seo,有没打算深入了解到服务器渲染,只能 pass 了
    cnbattle
        9
    cnbattle  
    OP
       2017-09-26 11:38:06 +08:00
    @designer 感谢 收藏了
    qhxin
        10
    qhxin  
       2017-09-26 11:38:37 +08:00
    antd -_-
    sniffles
        11
    sniffles  
       2017-09-26 11:44:10 +08:00
    jquery 有 jqueryUI
    vue 有 elementUI,iView
    React 有 ant-design

    通用的有 bootstrap
    cnbattle
        12
    cnbattle  
    OP
       2017-09-26 11:44:52 +08:00
    @jfry
    @lxsunbin
    处女座 对 bootstrap 默认的配色无感,自己改又无力
    OctoCat
        13
    OctoCat  
       2017-09-26 12:11:34 +08:00
    bootstrap
    crayygy
        14
    crayygy  
       2017-09-26 12:18:12 +08:00 via iPhone
    Angular + MD
    zzes
        15
    zzes  
       2017-09-26 12:22:22 +08:00
    bootstrap
    fy
        16
    fy  
       2017-09-26 12:29:56 +08:00
    @cnbattle 前后端分离开发付出的成本比了解服务端渲染低了太多
    sobigfish
        17
    sobigfish  
       2017-09-26 12:30:47 +08:00   ❤️ 1
    codeyung
        18
    codeyung  
       2017-09-26 12:40:16 +08:00
    Bootstrap 还可以
    Clarencep
        19
    Clarencep  
       2017-09-26 12:58:06 +08:00
    vue + element ui + 1
    jimyan
        20
    jimyan  
       2017-09-26 12:59:43 +08:00
    vue + element ui
    i4oolish
        21
    i4oolish  
       2017-09-26 12:59:47 +08:00
    mui?
    jlkm2010
        22
    jlkm2010  
       2017-09-26 13:25:18 +08:00
    bootstrap
    zhujg
        23
    zhujg  
       2017-09-26 13:38:09 +08:00
    layui
    Rico
        24
    Rico  
       2017-09-26 13:51:22 +08:00 via Android
    我也是后端,最近在学 react 全家桶。
    orderc
        25
    orderc  
       2017-09-26 13:52:45 +08:00
    Semantic UI
    JokerST
        26
    JokerST  
       2017-09-26 13:53:41 +08:00 via Android
    zui 路过,是 bootstrap3 的优改版
    wizardoz
        27
    wizardoz  
       2017-09-26 13:58:46 +08:00   ❤️ 1
    @designer AngularJs 已经不推荐了把,推荐 Angular ( https://angular.io)
    q9S
        28
    q9S  
       2017-09-26 14:02:59 +08:00
    vue+element
    love2075904
        29
    love2075904  
       2017-09-26 14:05:22 +08:00
    layui
    WispZhan
        30
    WispZhan  
       2017-09-26 14:06:33 +08:00
    如果你是 Java/C#程序员 无疑是:NG2+TypeScript;
    silverkt
        31
    silverkt  
       2017-09-26 14:07:10 +08:00   ❤️ 6
    楼主说的是 UI 框架, 前面好多人答的 vue,react,angular。。。你们是什么心态啊。。。。bootstrap 是最常见的,还有 Semantic UI, 在就是 Material Design,Ant Design。 移动端可以考虑 framework7,mui 等
    designer
        32
    designer  
       2017-09-26 16:23:28 +08:00
    @wizardoz 导航里面有哦 https://angularjs.org/ 不太了解这两个框架的关联
    summerLast
        33
    summerLast  
       2017-09-26 16:25:59 +08:00
    vue=>iView
    bootstrap:AdminLTE
    duan602728596
        34
    duan602728596  
       2017-09-26 16:49:35 +08:00
    bootstrap,uikit,Semantic UI
    parkcg
        35
    parkcg  
       2017-09-26 17:43:54 +08:00 via Android
    Semantic ui 挺好,美观,组件多
    66beta
        36
    66beta  
       2017-09-26 17:57:05 +08:00
    hayao650
        37
    hayao650  
       2017-09-26 18:05:06 +08:00
    @66beta 终于看到有人说 pure
    wangxn
        38
    wangxn  
       2017-09-26 18:57:46 +08:00 via Android
    毫无疑问,bootstrap。
    AsisA
        39
    AsisA  
       2017-09-26 19:02:59 +08:00 via Android
    最简单的就是 bootstrap 了吧,不想配色可以找免费的主题套上
    amanbolatbalabek
        40
    amanbolatbalabek  
       2017-09-26 19:32:32 +08:00 via iPhone
    KnockoutJS
    ayang23
        41
    ayang23  
       2017-09-26 19:38:45 +08:00
    收藏学习
    hing
        42
    hing  
       2017-09-26 20:51:08 +08:00
    layui
    zjsxwc
        43
    zjsxwc  
       2017-09-26 20:54:19 +08:00
    用 Bootstrap 懒得去学别的东西了
    asdf123101
        44
    asdf123101  
       2017-09-27 00:16:44 +08:00 via Android
    bootstrap 直接写就好了。
    WeaPoon
        45
    WeaPoon  
       2017-09-27 00:46:29 +08:00
    收藏了.
    作为一个软件开发者,前端真是个伤.
    jinsongzhao
        46
    jinsongzhao  
       2017-09-27 07:24:06 +08:00 via Android
    回答的都是玩前端的吧。
    wzw
        47
    wzw  
       2017-09-27 08:02:29 +08:00
    今天刚刚看到一个 zui 就是域名有点,,, http://zui.sexy

    还有一个 layui 也很好
    fox0001
        48
    fox0001  
       2017-09-27 08:12:55 +08:00
    纠结过这个问题,目前采用原生 es6
    fox0001
        49
    fox0001  
       2017-09-27 08:13:59 +08:00
    @designer #1 树莓派出现在“前端”列表?
    mcfog
        50
    mcfog  
       2017-09-27 08:17:59 +08:00 via Android
    不要 bootstrap 对设计有一定需求的话,还是直接 sass 自己撸最快,不要把自己局限成后端前端
    kimown
        51
    kimown  
       2017-09-27 08:35:18 +08:00 via Android
    @mcfog 然后兼容性,加班,卒
    mcfog
        52
    mcfog  
       2017-09-27 08:36:17 +08:00 via Android
    @kimown 十年前的剧本确实是这样的
    wzw
        53
    wzw  
       2017-09-27 08:37:16 +08:00
    @designer zui.sexy 也可以上 你的导航了, 功能太全了
    zlhsvc
        54
    zlhsvc  
       2017-09-27 08:38:28 +08:00
    写前端都是直接没用框架的,要什么样式自己调
    kimown
        55
    kimown  
       2017-09-27 08:40:27 +08:00 via Android
    @mcfog 昨天被老机器的兼容性坑了,还是 safari 的 bug,像 css 这块,能不折腾最好了,最后实在不行才自己写
    UnPace
        56
    UnPace  
       2017-09-27 08:40:32 +08:00
    有待补充,最近太忙没时间:
    http://www.prohui.com/wiki/58/0
    uugklp
        57
    uugklp  
       2017-09-27 08:52:06 +08:00
    layui + bootstrap
    duck2u
        58
    duck2u  
       2017-09-27 09:01:26 +08:00   ❤️ 1
    hubert3
        59
    hubert3  
       2017-09-27 09:12:59 +08:00
    60 楼了没人推荐 Amaze UI
    pkaq
        60
    pkaq  
       2017-09-27 09:35:31 +08:00
    extjs
    crs0910
        61
    crs0910  
       2017-09-27 09:42:35 +08:00 via iPhone
    hisway
        62
    hisway  
       2017-09-27 09:50:07 +08:00
    vue+element
    qa2080639
        63
    qa2080639  
       2017-09-27 10:42:40 +08:00
    vue+element
    flyshu
        64
    flyshu  
       2017-09-27 11:14:57 +08:00
    直接上 adminlte 吧,简单省事。要什么框架,直接上脚手架
    awesomes
        65
    awesomes  
       2017-09-27 11:28:34 +08:00
    winglight2016
        66
    winglight2016  
       2017-09-27 11:34:16 +08:00
    @designer 看到 nodejs 被归类到构建工具,Ubuntu 被称作后端系统——有点出戏
    Blackricky
        67
    Blackricky  
       2017-09-27 12:00:44 +08:00
    @WispZhan 为什么是 NG2+TypeScript 呢?刚接触 c# 不是很懂,可以解释一下么?
    noe132
        68
    noe132  
       2017-09-27 12:20:38 +08:00 via Android
    之前做项目用过 amazeUI,全套 juqery 一把梭
    ymcisokay
        69
    ymcisokay  
       2017-09-27 13:05:02 +08:00
    bootstrap 吧,同后端开发,但是要求写一些前端页面,不丑就行。
    johnny23
        70
    johnny23  
       2017-09-27 13:29:43 +08:00 via iPhone
    回复 vue react 是根本没弄清楚别人需求吧...后台的一般都是 jquery 加 bootstrap 吧 另外 purecss 用来在基础的东西还是不错的
    way2explore2
        71
    way2explore2  
       2017-09-27 13:44:45 +08:00
    @cnbattle that is right.
    WispZhan
        72
    WispZhan  
       2017-09-27 21:42:49 +08:00
    首先确实是没注意楼主的需求。他要得是 ui 框架。

    ---
    @Blackricky TS 之父就是 C#之父。语法近似程度不言而喻。另外 NG2 是个全家桶,体系很完善。对后端来说很多概念都是直接用的。基本上没有什么陡峭的学习曲线。也就是说作为纯后端写 ng2 唯一的难点就应该是 UI 和设计了。

    好在 UI 库目前也有很多,github 上有一堆。我用过的就有 primeNg 很大很全。
    xshwy
        73
    xshwy  
       2017-09-28 03:32:39 +08:00
    @designer 打开网页的时候经常出现错误提示,提示如下:

    > 该网页无法正常运作
    >
    > chuangzaoshi.com 未发送任何数据。
    > ERR_EMPTY_RESPONSE

    访问的 url 为: http://chuangzaoshi.com/Go/?url=xxxxx

    自己复制后面的 xxxxx 连接是可以直接打开的,所以想说……能不能直接打开 URL 呀,换一种方式统计一下?这样整站都是**无法正常运作**的体验实在不好
    Magentaize
        74
    Magentaize  
       2017-09-28 09:21:21 +08:00
    Thymeleaf or Razor
    jack80342
        75
    jack80342  
       2017-12-03 22:43:23 +08:00
    正在每天翻译一篇 Thymeleaf,欢迎 Fork,https://www.gitbook.com/book/jack80342/thymeleaf/details
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1027 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 20:37 · PVG 04:37 · LAX 12:37 · JFK 15:37
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.