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

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

  •  
  •   cnbattle
    cnbattle 2017-09-26 11:13:49 +08:00 13201 次点击
    这是一个创建于 2942 天前的主题,其中的信息可能已经有所发展或是发生改变。
    自己撸了半天,撸的心累……有哪些轻量的前端 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 前后端分离开发付出的成本比了解服务端渲染低了太多
    run2
        17
    run2  
       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  
       017-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     Solana     5402 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 41ms UTC 08:14 PVG 16:14 LAX 01:14 JFK 04:14
    Do have faith in what you're doing.
    ubao msn 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