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

在 Vue、react、angular 占领前端的现在,各位的后台在使用什么构建?非广告,仅交流

  •  
  •   815979670 · Dec 18, 2019 · 14404 views
    This topic created in 2514 days ago, the information mentioned may be changed or developed.

    现在的前端新项目几乎被 Vue、react、angular 占据,我想知道各位公司 /自己个人的后台还在用什么技术构建页面?

    我先来: 后端使用 layui 框架构建 大部分还是 dom 操作,不太友好,介于 layui 的更新速度,想学习一个现代一些的后端页面构建技术,但不知道大家后端都在用那个多一些?

    103 replies  •  2019-12-19 18:27:47 +08:00
    1  2  
    ❮ ❯
    cuzfinal
    cuzfinal
    Dec 18, 2019
    1
    非专业前端 vue 一把梭就行了
    Yanickkk
    Yanickkk
    Dec 18, 2019
    2
    后端如果是 Java,那稳妥被 Spring 霸屏了。
    Yanickkk
    Yanickkk
    Dec 18, 2019
    3
    咦··看错问题咧,后端好像只有 CSS 偷工减料用 BT,其他的怎么爽怎么来。
    leosirius666a
    leosirius666a
    Dec 18, 2019
    4
    reareareareareareareact
    murmur
    murmur
    Dec 18, 2019
    5
    spring 随便加一个前端就可以了,依托杰途易易的大山,随便上个 bootstrap easyui 这些都不会太差,vue 什么也是不错的
    815979670
    815979670
    OP
    Dec 18, 2019
    6
    @cuzfinal 原生 vue 么 还是用什么框架?
    @yannxia bt 大部分=还是 dom 操作 貌似 vue 的直接操作数据更方便?
    MiBAO
    MiBAO
    Dec 18, 2019
    7
    要数据操作方便还是 VUE 吧。上手也快写起来也方便。不过 react angular 也是不错的选择。总的来说都会比直接操作 DOM 方便。我之前公司就是用 layui 直接操作 DOM 的 现在回想起来可真是够麻烦的 = =
    Hanggi
    Hanggi
    Dec 18, 2019
    8
    不是吹,一般网站项目可能会觉得 React 之类的上手简单,容易开发。但是如果是网站管理后台之类的,用 Angular 是真香。
    因为后台管理界面通常有大量的数据绑定和交互,这时候双向绑定的优势就很明显了。
    框架嘛,无所谓,来点 Material 自己撸就好了。
    shintendo
    shintendo
    Dec 18, 2019
    9
    @815979670 vue 不就是框架吗,原生 vue 是什么鬼,bt 是指 bootstrap ?
    楼主可能没有分清 js 框架和 ui/css 框架?
    murmur
    murmur
    Dec 18, 2019
    10
    @Hanggi vue 有双向绑定,有 template,这不是完美么
    815979670
    815979670
    OP
    Dec 18, 2019
    11
    @shintendo 抱歉描述有点问题 我的意思是直接用 vue 吗 不用 Ui 框架 后台组件全部自己写?
    hive
    hive
    Dec 18, 2019❤️2
    12
    Ant Design / iVIew
    GitHub 有各种轮子
    loading
    loading
    Dec 18, 2019 via Android❤️3
    13
    layui 封装得有点怪,太不自由了,可能我已经不是初学者了。
    shintendo
    shintendo
    Dec 18, 2019❤️1
    14
    @815979670 当然用,干嘛不用,vue 搭配 element-ui,react 搭配彩蛋 ui
    hive
    hive
    Dec 18, 2019❤️1
    15
    @lbyo #12 纠正 iView,GitHub 不会搜的话,直接谷歌 Ui 框架名称 + admin
    p8YFk4f3E8SJ3aEv
    p8YFk4f3E8SJ3aEv
    Dec 18, 2019❤️1
    16
    vue-element-admin
    815979670
    815979670
    OP
    Dec 18, 2019
    17
    @shintendo 好像上手成本都比较高唉 需要先学习一些 node 技术
    niceyoo
    niceyoo
    Dec 18, 2019
    18
    iview
    wangyzj
    wangyzj
    Dec 18, 2019
    19
    shintendo
    shintendo
    Dec 18, 2019
    20
    @815979670 不需要 node 技术啊,你从哪看的
    murmur
    murmur
    Dec 18, 2019
    21
    @815979670 node 只用很少的命令行,会用 npm 安装依赖就可以了,不想用直接在 webstorm 里双击就可以
    x66
    x66
    Dec 18, 2019
    22
    vue-cli 一把梭
    InkAndBanner
    InkAndBanner
    Dec 18, 2019
    23
    但是 react 中类的概念感觉比较让 java 端好上手诶
    df4VW
    df4VW
    Dec 18, 2019
    24
    双向绑定是很多稀奇古怪 bug 的来源
    815979670
    815979670
    OP
    Dec 18, 2019
    25
    @shintendo 我看好多框架都是 先从 npm 安装搞起,,然后 node 启动 locahost:8080 调试页面,我以为是从开发到上线部署全程需要 node 参与 所以一直没有学他
    jry
    jry
    Dec 18, 2019 via iPhone
    26
    封装了个 Vue 云后台,不用学前端,只要后端给 json 就行。https://uniadmin.jiangruyi.com
    shintendo
    shintendo
    Dec 18, 2019❤️1
    27
    @815979670 那是框架自带的命令行工具,用来一键创建项目 /安装依赖 /热更新 /打包这些事情,本身是用 node 写的,但你作为使用者不需要会 node
    815979670
    815979670
    OP
    Dec 18, 2019
    28
    @shintendo 好的 那么像 element-ui 这种 我是用 script 呢还是用命令行工具上手比较好呢?
    shintendo
    shintendo
    Dec 18, 2019
    29
    @815979670 最简单的流程:1.安装 vue-cli 2.vue create my-app 创建项目 3.vue add element 添加 element-ui 库,完事。
    更简单的流程:1.安装 vue-cli 2.vue ui 打开图形界面 3.图形界面里创建项目,添加插件,插件里找 element,完事
    noobma
    noobma
    Dec 18, 2019
    30
    我自己能决定的,肯定是用 angular 一把梭😏
    815979670
    815979670
    OP
    Dec 18, 2019
    31
    @shintendo 好的 十分感谢回复了我这么多
    U7Q5tLAex2FI0o0g
    U7Q5tLAex2FI0o0g
    Dec 18, 2019
    32
    非专业前端。
    自己做小项目时候基本 PHP + Bootstrap + jQuery 一把梭
    nervdy
    nervdy
    Dec 18, 2019
    33
    见过几个公司后台全用 Extjs 做的
    luchenwei9266
    luchenwei9266
    Dec 18, 2019
    34
    @noobma angular 一把梭 +1
    TimPeake
    TimPeake
    Dec 18, 2019
    35
    @df4VW 你说反了吧 JQ 不双向绑定才是 bug 的来源 好不好
    1. 一边操作 dom,一边改变数据
    2. 只操作数据,剩下的框架机制帮忙搞定
    用脚丫子都能想到,相对来说 2 bug 几率会更少
    IGJacklove
    IGJacklove
    Dec 18, 2019
    36
    网站这边基本都是 Java 和 go 吧
    shintendo
    shintendo
    Dec 18, 2019
    37
    @TimPeake 数据绑定≠双向绑定
    murmur
    murmur
    Dec 18, 2019
    38
    @shintendo 能明确分开只读和交互区域得用数据绑定就够了,企业开发大量填表单没双绑会爽死
    shintendo
    shintendo
    Dec 18, 2019
    39
    @murmur 当然,我只是说两者有区别,我自己对学院派的单绑并不感冒
    HolmLoh
    HolmLoh
    Dec 18, 2019❤️1
    40
    非专业前端
    用 semantic vue 做过后台,感觉不是那么好用,可能是我技术问题写出来的效果非常乱
    而且 vue 有很多问题:
    比如 vue 的异步,本体是不支持发起的,网上搜示例又让用 VueResource,问朋友,朋友又说 VueResource 不好用,让我用 Axios
    想做单页,又要找 VueRouter
    想做 i18n,又要找 VueI18n
    一句话总结就是,集成度非常低,如果是实际开发总感觉非常的不方便

    据说 React 在这方面挺有优势的,各方面都有集成,开箱即用,如果你后端用的也是 java,还会有更多有好好用的功能
    HolmLoh
    HolmLoh
    Dec 18, 2019
    41
    说错了,不是 react,是 angular
    murmur
    murmur
    Dec 18, 2019
    42
    @HolmLoh
    1、vue 的 router 是官方提供
    2、大家基本都再用 axios,这个跟框架没关
    3、单纯的 i18n 靠框架是个很 simple 的想法,i18n 要处理的问题非常多,这其中涉及很多宗教、文化、习惯上的东西
    shintendo
    shintendo
    Dec 18, 2019
    43
    @HolmLoh 这个不算是问题,只能说三大框架的设计理念不一样。angular 走的是大而全,开箱自带一切,react 是只做最核心的功能,别的都留给开发者自由选择,vue 是介于两者之间,既给你自由选择,又提供一个官方维护的默认选项。
    HolmLoh
    HolmLoh
    Dec 18, 2019
    44
    @murmur #42
    我的意思是 vue 各种工具集成度非常低...
    对我这种非专业前端的人来讲使用会带来很多不便
    HolmLoh
    HolmLoh
    Dec 18, 2019
    45
    @shintendo #43
    主要还是想表达 vue 不适合像我这样的一部分人,跟青睐像 angular 这种大而全的框架
    faceair
    faceair
    Dec 18, 2019
    46
    amis
    gowk
    gowk
    Dec 18, 2019 via Android
    47
    来了,来了,他们来了
    chuhemiao
    chuhemiao
    Dec 18, 2019
    48
    有用 dva 的老铁吗
    agdhole
    agdhole
    Dec 18, 2019❤️1
    49
    @HolmLoh #45 试试 nuxt,集成 router store 和各种插件,支持 spa 和 ssr 模式
    fengbjhqs
    fengbjhqs
    Dec 18, 2019
    50
    @chuhemiao #48 umi 被迫使用,表示不太香,
    superalsrk
    superalsrk
    Dec 18, 2019
    51
    非创业前端, vue 一把梭就行, 作为一个写后端的, 直接就是套 vue-admin-element 这个 repo, 曾经 20 分钟教会一个算法学会 vue, 不管写的怎么样, 至少能页面能出来, 那就很好了
    superalsrk
    superalsrk
    Dec 18, 2019
    52
    说错了, 那个项目名字应该叫 vue-element-admin
    shylocks
    shylocks
    Dec 18, 2019
    53
    vue-element-admin+1,非常简单,直接套官方页面改一改就行
    LemonFlower
    LemonFlower
    Dec 18, 2019
    54
    公司是 React + 自研 UI 库,自己还是纯 JS 不用库比较舒服
    jinliming2
    jinliming2
    Dec 18, 2019 via iPhone
    55
    ……………………………………………………
    嗯,前端真乱……
    ochatokori
    ochatokori
    Dec 18, 2019 via Android
    56
    @Hanggi #8 angular 确实香 但你没吹到点上 vue 和 react 也有双向绑定,我个人觉得 vue 的双向更舒服

    不过现在 ts 这么香

    vue+ts 我感觉是没有 angular+ts 香的
    WispZhan
    WispZhan
    Dec 18, 2019
    57
    如果后台是 Java 或者 C#的,推荐用 Angular。起码 ng 借鉴了很多后端的东西。

    ---

    一起 ng2 刚出来,一堆水 ts 的。 现在大流是 ts,说实话,用 vue+ts 能有 ng+ts 香?

    不用 ts,非专业前端就 vue,用 ts 就 ng。
    专业前端还是 react 吧。
    chenshun00
    chenshun00
    Dec 18, 2019
    58
    后段 Java,angularjs 2 分钟拷贝复制,然后就可以正对接 curd

    vue,说实话,我是没有看懂
    zjj19950716
    zjj19950716
    Dec 18, 2019 via iPhone
    59
    django-admin ui 还能换皮 局限就是只能内部开放人员用用
    zhw2590582
    zhw2590582
    Dec 18, 2019 via iPhone
    60
    哪个方便用哪个,没什么所谓,我才不会一直纠结什么性能,什么语法,我也不会一直盯着他们的文档,只有我需要的时候才去看一下。
    hyy1995
    hyy1995
    Dec 18, 2019
    61
    用 Vue 就行,三大流行框架中最简单的,随便找个 UI 库搭后台系统快得很。Angular 和 React 相对较难,而且我是真的不太懂为什么有人选择 React.js 来开发 PC 端网页。



    话说,楼上怎么还扯到单向绑定 /双向绑定了,Vue 直接用 v-model 指令不就是双向绑定了吗?莫非还有其他神奇的操作。。。
    yafoo
    yafoo
    Dec 18, 2019 via Android
    62
    后端开始用 nodejs 开发,感觉很不错。
    hirasawayui
    hirasawayui
    Dec 18, 2019
    63
    公司后台管理系统全是专职前端用 react+ts 开发。。。
    kkniub
    kkniub
    Dec 18, 2019
    64
    这种中台业务直接 antd pro 完事
    murmur
    murmur
    Dec 18, 2019❤️1
    65
    居然还有人说 vue 看不懂的
    开发 vue 项目只需要下面的步骤
    1、掌握最基本的 es5 语法基础,es6 都是可选,会不会都无所谓,反正你就学会 export default 和 import *就够了
    2、拷贝一个别人做好的脚手架,npm install,这步大家都不能省略
    3、找到单个 vue 文件,找到 template、style 还有 script 中的 data 段和 methods 段,开撸,每一部分都是熟悉的技术
    4、学习 v-if、v-for、v-show 三个最常用的标签,style 和 class 的:写法,@的事件绑定和:的变量绑定,啥叫生命周期,啥叫 prop,管它的,撸 template 管这些干嘛

    恭喜你已经入门 vue 了
    murmur
    murmur
    Dec 18, 2019❤️3
    66
    有些人对 vue 就是偏见
    map、短路、问号表达式实现循环和 if 不叫学习,v-if 和 v-for 就叫学习
    className 不叫学习,classname 库不叫学习,class、style 就叫学习
    {}书写变量不叫学习,:绑定变量就叫学习
    mobx、redux 带了一大堆状态库不叫学习,vuex 最简单状态管理 reducer 都不需要,store 全局变量一把撸叫学习
    js 书写样式不叫学习,style lang="xxx"就叫学习
    我想把知乎我写的答案复制来,当年 jquery 都可以搞大工程,现在给你 vue 做不出来了,人矫情了还是技术退步了?
    OHyn
    OHyn
    Dec 19, 2019
    67
    @murmur 哎,我就是先上手了一把 Vue 再上 react 的,这俩的繁琐程度不是一个层次的。vue 大概会 html+css+js 就能直接上。不可能出不了活,顶多就是实现的手段比较辣鸡。react 不学点 es6 还真会蛋疼死。虽然说穿了也不难。

    但是,自己入门玩的项目,技术越简单越好。搞太复杂浪费时间,真想多学点,那是以后的事。
    看上面有人说 ts 香,为啥要 ts ?就自己一把梭还要 ts ?多人合作防犯傻上 ts 挺好。自己没太大必要。
    April5
    April5
    Dec 19, 2019
    68
    现在后台用 ant-design-pro 二次开发
    HTSdTt3WygdgQQGe
    HTSdTt3WygdgQQGe
    Dec 19, 2019 via Android
    69
    @murmur 请问啥叫脚手架,有啥好用的脚手架?
    Tlin
    Tlin
    Dec 19, 2019
    70
    我原先用 angular,后面用 Vue,感觉 Vue 好用多,后面又来倒腾 react,啊啊啊啊啊!!
    前端就是这样啊,学习!学习!学习!不断的学习,那些 easyUI,bootstrap 就不用说了必须的
    前端累啊,我也弄过 PHP,感觉好点………………
    lihongming
    lihongming
    Dec 19, 2019 via iPhone
    71
    个人觉得现在前端框架想得太多,不是什么好事。

    最理想的架构是前端纯界面,后端纯 api,中间通过 json 或 xml 交换数据,各司其职。这样后端不用关心前端到底是什么( js ios android ),前端也不用关心后端用什么语言,架构最清晰。

    但很多 js 前端框架不这么想,手拼命往后端伸,导致学习成本上升(学习者不得不学一些用不着的东西)。甚至还有“要想充分发挥 react 的强大功能,就得用 nodejs”这样的论调。

    难道是前端压抑太久了,好不容易出个 nodejs,就无处不用?
    mrcotter2013
    mrcotter2013
    Dec 19, 2019
    72
    这个不能称作后端吧,只是前端的 Admin UI,用统一的框架做不就行了,只不过登录身份验证后经路由跳转至不同页面就行了。我们都用 Vue 构建,UI Kit 是 Vuetify。
    manami
    manami
    Dec 19, 2019 via Android❤️1
    73
    vue—vuetify
    react—material-ui
    只对 material design 风格的组件感兴趣
    orzorzorzorz
    orzorzorzorz
    Dec 19, 2019 via Android
    74
    年纪大了就会乖乖想着用 angular 了,不想用肯定是年龄没到 :doge
    dcoder
    dcoder
    Dec 19, 2019
    75
    @murmur
    对于还没出来的 Vue 3, 怎么评价? 会不会让 Vue 2 用户的学习成本暴增?
    ClarkAbe
    ClarkAbe
    Dec 19, 2019 via Android
    76
    一直坚持传统 HJC,可能是我时间比较多吧,而且老喜欢加些前端黑魔法进去,还有就是尽量精简 js/css,因为服务器带宽太 tm 贵了能省就省
    392039757
    392039757
    Dec 19, 2019
    77
    @murmur 太真实了,后端的我就是这样学习的
    cnbattle
    cnbattle
    Dec 19, 2019 via Android
    78
    laravel admin,go admin
    recordnow
    recordnow
    Dec 19, 2019
    79
    @noobma @chenshun00 @luchenwei9266 @Hanggi @HolmLoh

    请问用 angular 一把梭的你们,angular 使用什么版本?我觉得 angular 在页面渲染性能并不如 vue 和 react,有点慢的?
    hjsbs
    hjsbs
    Dec 19, 2019
    80
    前端 html,js,css,后端 php?
    darknoll
    darknoll
    Dec 19, 2019
    81
    后端就不能用 vue/react/angular ?
    shintendo
    shintendo
    Dec 19, 2019
    82
    @lihongming 不知道你在说什么,“前端框架手往后端伸”想半天也没明白是指什么,ssr ?
    KuroNekoFan
    KuroNekoFan
    Dec 19, 2019
    83
    @lihongming 想争取更多可供发挥的领地是事实,但是 js 生产力比 java 高也是事实啊
    chenshun00
    chenshun00
    Dec 19, 2019
    84
    @murmur 哈哈,我一个兼职前端,不会 vue 太正常了啊,反正我是觉得 angular 太舒服了,一个后台 admin 就是对接下 curd,组件啥的都是完好的,又不需要做的好看,不需要太牛逼的功能,

    @recordnow 慢点就慢点呗,题目问的是管理的后台,给用户用的肯定是专业前端上,后台自己用的,不在乎这点速度
    ala2008
    ala2008
    Dec 19, 2019
    85
    vue 和 react
    noobma
    noobma
    Dec 19, 2019
    86
    @recordnow 我是从 7 升级到 8 的,人能感觉到的渲染性能慢了点,那得是慢了很多了,我觉得问题应该不在 angular 自身。。。
    Hanggi
    Hanggi
    Dec 19, 2019
    87
    @hyy1995 你以为 vue 的什么 xx-model 哪儿学的,明显是从 angular 那边抄袭 ng-model 的。不太喜欢 vue 这种这边借鉴一点、那边抄袭一点、别人有啥过些时候就说自己也有。
    murmur
    murmur
    Dec 19, 2019 via Android
    88
    @Hanggi 开源项目本身就是互相借鉴,互相学习有什么不好?
    geying
    geying
    Dec 19, 2019
    89
    搞前端的同学生活在水深火热中
    hyy1995
    hyy1995
    Dec 19, 2019
    90
    @Hanggi
    框架只是工具,何必要分个高低,想学随便学,想换随便换,学习成本可比换语言少太多了。。。
    1239305697
    1239305697
    Dec 19, 2019
    91
    PHP 是世界上最好的语言
    unco020511
    unco020511
    Dec 19, 2019
    92
    还在维护公司的 jsp 项目,我说什么了吗
    nnnToTnnn
    nnnToTnnn
    Dec 19, 2019❤️1
    93
    umi + antd pro +react 一把索,不要操心七七八八的。 虽然是 react 的深度爱好者,相对与 vue 的同学,我想问一下为啥不使用 angular,angular 项目结构很优雅啊。
    Stevearzh
    Stevearzh
    Dec 19, 2019❤️1
    94
    如果是不太熟悉前端的后端同学,可以尝试下 ng,开发模式和和 java spring 还是很像的:module, service, ... 包括自带 ts,应该比较便于上手和理解

    我自己搞的话我可能还是偏向用 react
    xfriday
    xfriday
    Dec 19, 2019
    95
    @orzorzorzorz 嗯,我年纪也不小了:doge
    lk920724
    lk920724
    Dec 19, 2019
    96
    swift ? [逃
    Allianzcortex
    Allianzcortex
    Dec 19, 2019
    98
    @Stevearzh 很好奇既然利处都这么明显了为什么还倾向于用 react ?我很确定如果要我自己写东西的话肯定是 angular 优先,但奈何 react 用处最广
    Stevearzh
    Stevearzh
    Dec 19, 2019
    99
    @Allianzcortex 因为用 react 的时间最长,比较喜欢这种风格。算是个人偏好,怎么爽怎么来(
    Allianzcortex
    Allianzcortex
    Dec 19, 2019 via iPhone
    100
    @Stevearzh react 找工作肯定是第一选择,但一个状态管理能搞出 redux 和 mobx 两种,redux 不支持异步又有 thunk 和 saga 两种解决方法,最广泛使用的技术栈要写 action +actiontypes + reducer + creator 一堆堆东西,这种 library 当然有好处,激发社区潜力提供选择性,但比它重的 angular 提供了一整套 framework 解决方案,比它轻的 vue 官方自带 vuex+router 支持基本是事实标准,就,很,hmmmm ( ´◔ ‸◔')
    1  2  
    ❮ ❯
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1530 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 134ms · UTC 23:35 · PVG 07:35 · LAX 15:35 · JFK 18:35
    ♥ Do have faith in what you're doing.