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

[815979670]

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

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

[cuzfinal]

非专业前端 vue 一把梭就行了

[yannxia]

后端如果是 Java，那稳妥被 Spring 霸屏了。

[yannxia]

咦··看错问题咧，后端好像只有 CSS 偷工减料用 BT，其他的怎么爽怎么来。

[leosirius666a]

reareareareareareareact

[murmur]

spring 随便加一个前端就可以了，依托杰途易易的大山，随便上个 bootstrap easyui 这些都不会太差，vue 什么也是不错的

[815979670]

@cuzfinal 原生 vue 么 还是用什么框架?
@yannxia bt 大部分=还是 dom 操作 貌似 vue 的直接操作数据更方便？

[MiBAO]

要数据操作方便还是 VUE 吧。上手也快写起来也方便。不过 react angular 也是不错的选择。总的来说都会比直接操作 DOM 方便。我之前公司就是用 layui 直接操作 DOM 的 现在回想起来可真是够麻烦的 = =

[Hanggi]

不是吹，一般网站项目可能会觉得 React 之类的上手简单，容易开发。但是如果是网站管理后台之类的，用 Angular 是真香。
因为后台管理界面通常有大量的数据绑定和交互，这时候双向绑定的优势就很明显了。
框架嘛，无所谓，来点 Material 自己撸就好了。

[shintendo]

@815979670 vue 不就是框架吗，原生 vue 是什么鬼，bt 是指 bootstrap ？
楼主可能没有分清 js 框架和 ui/css 框架？

[murmur]

@Hanggi vue 有双向绑定，有 template，这不是完美么

[815979670]

@shintendo 抱歉描述有点问题 我的意思是直接用 vue 吗 不用 Ui 框架 后台组件全部自己写?

[lbyo]

Ant Design / iVIew
GitHub 有各种轮子

[loading]

layui 封装得有点怪，太不自由了，可能我已经不是初学者了。

[shintendo]

@815979670 当然用，干嘛不用，vue 搭配 element-ui，react 搭配彩蛋 ui

[lbyo]

@lbyo #12 纠正 iView，GitHub 不会搜的话，直接谷歌 Ui 框架名称 + admin

[f056917]

vue-element-admin

[815979670]

@shintendo 好像上手成本都比较高唉 需要先学习一些 node 技术

[niceyoo]

iview

[wangyzj]

@f056917 +1

[shintendo]

@815979670 不需要 node 技术啊，你从哪看的

[murmur]

@815979670 node 只用很少的命令行，会用 npm 安装依赖就可以了，不想用直接在 webstorm 里双击就可以

[x66]

vue-cli 一把梭

[InkAndBanner]

但是 react 中类的概念感觉比较让 java 端好上手诶

[df4VW]

双向绑定是很多稀奇古怪 bug 的来源

[815979670]

@shintendo 我看好多框架都是 先从 npm 安装搞起，，然后 node 启动 locahost:8080 调试页面，我以为是从开发到上线部署全程需要 node 参与 所以一直没有学他

[jry]

封装了个 Vue 云后台，不用学前端，只要后端给 json 就行。https://uniadmin.jiangruyi.com

[shintendo]

@815979670 那是框架自带的命令行工具，用来一键创建项目 /安装依赖 /热更新 /打包这些事情，本身是用 node 写的，但你作为使用者不需要会 node

[815979670]

@shintendo 好的 那么像 element-ui 这种 我是用 script 呢还是用命令行工具上手比较好呢？

[shintendo]

@815979670 最简单的流程：1.安装 vue-cli 2.vue create my-app 创建项目 3.vue add element 添加 element-ui 库，完事。
更简单的流程：1.安装 vue-cli 2.vue ui 打开图形界面 3.图形界面里创建项目，添加插件，插件里找 element，完事

[noobma]

我自己能决定的，肯定是用 angular 一把梭😏

[815979670]

@shintendo 好的 十分感谢回复了我这么多

[littleylv]

非专业前端。
自己做小项目时候基本 PHP + Bootstrap + jQuery 一把梭

[nervdy]

见过几个公司后台全用 Extjs 做的

[luchenwei9266]

@noobma angular 一把梭 +1

[TimPeake]

@df4VW 你说反了吧 JQ 不双向绑定才是 bug 的来源 好不好
1. 一边操作 dom，一边改变数据
2. 只操作数据，剩下的框架机制帮忙搞定
用脚丫子都能想到，相对来说 2 bug 几率会更少

[IGJacklove]

网站这边基本都是 Java 和 go 吧

[shintendo]

@TimPeake 数据绑定≠双向绑定

[murmur]

@shintendo 能明确分开只读和交互区域得用数据绑定就够了，企业开发大量填表单没双绑会爽死

[shintendo]

@murmur 当然，我只是说两者有区别，我自己对学院派的单绑并不感冒

[HolmLoh]

非专业前端
用 semantic vue 做过后台，感觉不是那么好用，可能是我技术问题写出来的效果非常乱
而且 vue 有很多问题：
比如 vue 的异步，本体是不支持发起的，网上搜示例又让用 VueResource，问朋友，朋友又说 VueResource 不好用，让我用 Axios
想做单页，又要找 VueRouter
想做 i18n，又要找 VueI18n
一句话总结就是，集成度非常低，如果是实际开发总感觉非常的不方便

据说 React 在这方面挺有优势的，各方面都有集成，开箱即用，如果你后端用的也是 java，还会有更多有好好用的功能

[HolmLoh]

说错了，不是 react，是 angular

[murmur]

@HolmLoh
1、vue 的 router 是官方提供
2、大家基本都再用 axios，这个跟框架没关
3、单纯的 i18n 靠框架是个很 simple 的想法，i18n 要处理的问题非常多，这其中涉及很多宗教、文化、习惯上的东西

[shintendo]

@HolmLoh 这个不算是问题，只能说三大框架的设计理念不一样。angular 走的是大而全，开箱自带一切，react 是只做最核心的功能，别的都留给开发者自由选择，vue 是介于两者之间，既给你自由选择，又提供一个官方维护的默认选项。

[HolmLoh]

@murmur #42
我的意思是 vue 各种工具集成度非常低...
对我这种非专业前端的人来讲使用会带来很多不便

[HolmLoh]

@shintendo #43
主要还是想表达 vue 不适合像我这样的一部分人，跟青睐像 angular 这种大而全的框架

[faceair]

amis

[gowk]

来了，来了，他们来了

[chuhemiao]

有用 dva 的老铁吗

[agdhole]

@HolmLoh #45 试试 nuxt，集成 router store 和各种插件，支持 spa 和 ssr 模式

[fengbjhqs]

@chuhemiao #48 umi 被迫使用，表示不太香，

[superalsrk]

非创业前端, vue 一把梭就行, 作为一个写后端的, 直接就是套 vue-admin-element 这个 repo, 曾经 20 分钟教会一个算法学会 vue, 不管写的怎么样, 至少能页面能出来, 那就很好了

[superalsrk]

说错了, 那个项目名字应该叫 vue-element-admin

[shylocks]

vue-element-admin+1，非常简单，直接套官方页面改一改就行

[LemonFlower]

公司是 React + 自研 UI 库，自己还是纯 JS 不用库比较舒服

[jinliming2]

……………………………………………………
嗯，前端真乱……

[ochatokori]

@Hanggi #8 angular 确实香 但你没吹到点上 vue 和 react 也有双向绑定，我个人觉得 vue 的双向更舒服

不过现在 ts 这么香

vue+ts 我感觉是没有 angular+ts 香的

[WispZhan]

如果后台是 Java 或者 C#的，推荐用 Angular。起码 ng 借鉴了很多后端的东西。

---

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

不用 ts，非专业前端就 vue，用 ts 就 ng。
专业前端还是 react 吧。

[chenshun00]

后段 Java，angularjs 2 分钟拷贝复制，然后就可以正对接 curd

vue，说实话，我是没有看懂

[zjj19950716]

django-admin ui 还能换皮 局限就是只能内部开放人员用用

[zhw2590582]

哪个方便用哪个，没什么所谓，我才不会一直纠结什么性能，什么语法，我也不会一直盯着他们的文档，只有我需要的时候才去看一下。

[hyy1995]

用 Vue 就行，三大流行框架中最简单的，随便找个 UI 库搭后台系统快得很。Angular 和 React 相对较难，而且我是真的不太懂为什么有人选择 React.js 来开发 PC 端网页。



话说，楼上怎么还扯到单向绑定 /双向绑定了，Vue 直接用 v-model 指令不就是双向绑定了吗？莫非还有其他神奇的操作。。。

[yafoo]

后端开始用 nodejs 开发，感觉很不错。

[hirasawayui]

公司后台管理系统全是专职前端用 react+ts 开发。。。

[kkniub]

这种中台业务直接 antd pro 完事

[murmur]

居然还有人说 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]

有些人对 vue 就是偏见
map、短路、问号表达式实现循环和 if 不叫学习，v-if 和 v-for 就叫学习
className 不叫学习，classname 库不叫学习，class、style 就叫学习
{}书写变量不叫学习，:绑定变量就叫学习
mobx、redux 带了一大堆状态库不叫学习，vuex 最简单状态管理 reducer 都不需要，store 全局变量一把撸叫学习
js 书写样式不叫学习，style lang="xxx"就叫学习
我想把知乎我写的答案复制来，当年 jquery 都可以搞大工程，现在给你 vue 做不出来了，人矫情了还是技术退步了？

[OHyn]

@murmur 哎，我就是先上手了一把 Vue 再上 react 的，这俩的繁琐程度不是一个层次的。vue 大概会 html+css+js 就能直接上。不可能出不了活，顶多就是实现的手段比较辣鸡。react 不学点 es6 还真会蛋疼死。虽然说穿了也不难。

但是，自己入门玩的项目，技术越简单越好。搞太复杂浪费时间，真想多学点，那是以后的事。
看上面有人说 ts 香，为啥要 ts ？就自己一把梭还要 ts ？多人合作防犯傻上 ts 挺好。自己没太大必要。

[April5]

现在后台用 ant-design-pro 二次开发

[HTSdTt3WygdgQQGe]

@murmur 请问啥叫脚手架，有啥好用的脚手架？

[Tlin]

我原先用 angular，后面用 Vue，感觉 Vue 好用多，后面又来倒腾 react，啊啊啊啊啊！！
前端就是这样啊，学习！学习！学习！不断的学习，那些 easyUI，bootstrap 就不用说了必须的
前端累啊，我也弄过 PHP，感觉好点………………

[lihongming]

个人觉得现在前端框架想得太多，不是什么好事。

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

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

难道是前端压抑太久了，好不容易出个 nodejs，就无处不用？

[mrcotter2013]

这个不能称作后端吧，只是前端的 Admin UI，用统一的框架做不就行了，只不过登录身份验证后经路由跳转至不同页面就行了。我们都用 Vue 构建，UI Kit 是 Vuetify。

[manami]

vue—vuetify
react—material-ui
只对 material design 风格的组件感兴趣

[orzorzorzorz]

年纪大了就会乖乖想着用 angular 了，不想用肯定是年龄没到 :doge

[dcoder]

@murmur
对于还没出来的 Vue 3, 怎么评价? 会不会让 Vue 2 用户的学习成本暴增?

[ClarkAbe]

一直坚持传统 HJC，可能是我时间比较多吧，而且老喜欢加些前端黑魔法进去，还有就是尽量精简 js/css，因为服务器带宽太 tm 贵了能省就省

[392039757]

@murmur 太真实了，后端的我就是这样学习的

[cnbattle]

laravel admin,go admin

[recordnow]

@noobma @chenshun00 @luchenwei9266 @Hanggi @HolmLoh

请问用 angular 一把梭的你们，angular 使用什么版本？我觉得 angular 在页面渲染性能并不如 vue 和 react，有点慢的？

[hjsbs]

前端 html,js,css,后端 php?

[darknoll]

后端就不能用 vue/react/angular ？

[shintendo]

@lihongming 不知道你在说什么，“前端框架手往后端伸”想半天也没明白是指什么，ssr ？

[KuroNekoFan]

@lihongming 想争取更多可供发挥的领地是事实，但是 js 生产力比 java 高也是事实啊

[chenshun00]

@murmur 哈哈，我一个兼职前端，不会 vue 太正常了啊，反正我是觉得 angular 太舒服了，一个后台 admin 就是对接下 curd，组件啥的都是完好的，又不需要做的好看，不需要太牛逼的功能，

@recordnow 慢点就慢点呗，题目问的是管理的后台，给用户用的肯定是专业前端上，后台自己用的，不在乎这点速度

[ala2008]

vue 和 react

[noobma]

@recordnow 我是从 7 升级到 8 的，人能感觉到的渲染性能慢了点，那得是慢了很多了，我觉得问题应该不在 angular 自身。。。

[Hanggi]

@hyy1995 你以为 vue 的什么 xx-model 哪儿学的，明显是从 angular 那边抄袭 ng-model 的。不太喜欢 vue 这种这边借鉴一点、那边抄袭一点、别人有啥过些时候就说自己也有。

[murmur]

@Hanggi 开源项目本身就是互相借鉴，互相学习有什么不好？

[geying]

搞前端的同学生活在水深火热中

[hyy1995]

@Hanggi
框架只是工具，何必要分个高低，想学随便学，想换随便换，学习成本可比换语言少太多了。。。

[1239305697]

PHP 是世界上最好的语言

[unco020511]

还在维护公司的 jsp 项目,我说什么了吗

[nnnToTnnn]

umi + antd pro +react 一把索，不要操心七七八八的。 虽然是 react 的深度爱好者，相对与 vue 的同学，我想问一下为啥不使用 angular，angular 项目结构很优雅啊。

[Stevearzh]

如果是不太熟悉前端的后端同学，可以尝试下 ng，开发模式和和 java spring 还是很像的：module, service, ... 包括自带 ts，应该比较便于上手和理解

我自己搞的话我可能还是偏向用 react

[xfriday]

@orzorzorzorz 嗯，我年纪也不小了:doge

[lk920724]

swift ？ [逃

[w292614191]

http://miniui.com/demo/#src=datagrid/datagrid.html

[Allianzcortex]

@Stevearzh 很好奇既然利处都这么明显了为什么还倾向于用 react ？我很确定如果要我自己写东西的话肯定是 angular 优先，但奈何 react 用处最广

[Stevearzh]

@Allianzcortex 因为用 react 的时间最长，比较喜欢这种风格。算是个人偏好，怎么爽怎么来（

[Allianzcortex]

@Stevearzh react 找工作肯定是第一选择，但一个状态管理能搞出 redux 和 mobx 两种，redux 不支持异步又有 thunk 和 saga 两种解决方法，最广泛使用的技术栈要写 action +actiontypes + reducer + creator 一堆堆东西，这种 library 当然有好处，激发社区潜力提供选择性，但比它重的 angular 提供了一整套 framework 解决方案，比它轻的 vue 官方自带 vuex+router 支持基本是事实标准，就，很，hmmmm ( ´◔ ‸◔')