现在的前端新项目几乎被 Vue、react、angular 占据,我想知道各位公司 /自己个人的后台还在用什么技术构建页面?
我先来: 后端使用 layui 框架构建 大部分还是 dom 操作,不太友好,介于 layui 的更新速度,想学习一个现代一些的后端页面构建技术,但不知道大家后端都在用那个多一些?
![]() | 1 cuzfinal 2019-12-18 14:27:55 +08:00 非专业前端 vue 一把梭就行了 |
2 yannxia 2019-12-18 14:28:11 +08:00 后端如果是 Java,那稳妥被 Spring 霸屏了。 |
3 yannxia 2019-12-18 14:29:26 +08:00 咦看错问题咧,后端好像只有 CSS 偷工减料用 BT,其他的怎么爽怎么来。 |
![]() | 4 leosirius666a 2019-12-18 14:31:03 +08:00 reareareareareareareact |
![]() | 5 murmur 2019-12-18 14:33:12 +08:00 spring 随便加一个前端就可以了,依托杰途易易的大山,随便上个 bootstrap easyui 这些都不会太差,vue 什么也是不错的 |
![]() | 6 815979670 OP |
7 MiBAO 2019-12-18 14:36:47 +08:00 要数据操作方便还是 VUE 吧。上手也快写起来也方便。不过 react angular 也是不错的选择。总的来说都会比直接操作 DOM 方便。我之前公司就是用 layui 直接操作 DOM 的 现在回想起来可真是够麻烦的 = = |
![]() | 8 Hanggi 2019-12-18 14:37:39 +08:00 不是吹,一般网站项目可能会觉得 React 之类的上手简单,容易开发。但是如果是网站管理后台之类的,用 Angular 是真香。 因为后台管理界面通常有大量的数据绑定和交互,这时候双向绑定的优势就很明显了。 框架嘛,无所谓,来点 Material 自己撸就好了。 |
![]() | 9 shintendo 2019-12-18 14:37:47 +08:00 @815979670 vue 不就是框架吗,原生 vue 是什么鬼,bt 是指 bootstrap ? 楼主可能没有分清 js 框架和 ui/css 框架? |
![]() | 12 hive 2019-12-18 14:46:35 +08:00 ![]() Ant Design / iVIew GitHub 有各种轮子 |
![]() | 13 loading 2019-12-18 14:46:57 +08:00 via Android ![]() layui 封装得有点怪,太不自由了,可能我已经不是初学者了。 |
![]() | 16 p8YFk4f3E8SJ3aEv 2019-12-18 14:49:00 +08:00 ![]() vue-element-admin |
![]() | 18 niceyoo 2019-12-18 14:52:09 +08:00 iview |
![]() | 21 murmur 2019-12-18 14:58:29 +08:00 @815979670 node 只用很少的命令行,会用 npm 安装依赖就可以了,不想用直接在 webstorm 里双击就可以 |
22 x66 2019-12-18 14:58:38 +08:00 vue-cli 一把梭 |
![]() | 23 InkAndBanner 2019-12-18 14:59:20 +08:00 但是 react 中类的概念感觉比较让 java 端好上手诶 |
24 df4VW 2019-12-18 15:03:09 +08:00 双向绑定是很多稀奇古怪 bug 的来源 |
![]() | 25 815979670 OP @shintendo 我看好多框架都是 先从 npm 安装搞起,,然后 node 启动 locahost:8080 调试页面,我以为是从开发到上线部署全程需要 node 参与 所以一直没有学他 |
![]() | 26 jry 2019-12-18 15:07:48 +08:00 via iPhone 封装了个 Vue 云后台,不用学前端,只要后端给 json 就行。https://uniadmin.jiangruyi.com |
![]() | 27 shintendo 2019-12-18 15:14:11 +08:00 ![]() @815979670 那是框架自带的命令行工具,用来一键创建项目 /安装依赖 /热更新 /打包这些事情,本身是用 node 写的,但你作为使用者不需要会 node |
![]() | 28 815979670 OP @shintendo 好的 那么像 element-ui 这种 我是用 script 呢还是用命令行工具上手比较好呢? |
![]() | 29 shintendo 2019-12-18 15:33:42 +08:00 @815979670 最简单的流程:1.安装 vue-cli 2.vue create my-app 创建项目 3.vue add element 添加 element-ui 库,完事。 更简单的流程:1.安装 vue-cli 2.vue ui 打开图形界面 3.图形界面里创建项目,添加插件,插件里找 element,完事 |
![]() | 30 noobma 2019-12-18 15:38:21 +08:00 我自己能决定的,肯定是用 angular 一把梭 |
![]() | 32 U7Q5tLAex2FI0o0g 2019-12-18 15:47:31 +08:00 非专业前端。 自己做小项目时候基本 PHP + Bootstrap + jQuery 一把梭 |
33 nervdy 2019-12-18 15:56:03 +08:00 见过几个公司后台全用 Extjs 做的 |
![]() | 34 luchenwei9266 2019-12-18 16:04:04 +08:00 @noobma angular 一把梭 +1 |
![]() | 35 |
![]() | 36 IGJacklove 2019-12-18 16:29:04 +08:00 网站这边基本都是 Java 和 go 吧 |
![]() | 40 HolmLoh 2019-12-18 17:02:21 +08:00 ![]() 非专业前端 用 semantic vue 做过后台,感觉不是那么好用,可能是我技术问题写出来的效果非常乱 而且 vue 有很多问题: 比如 vue 的异步,本体是不支持发起的,网上搜示例又让用 VueResource,问朋友,朋友又说 VueResource 不好用,让我用 Axios 想做单页,又要找 VueRouter 想做 i18n,又要找 VueI18n 一句话总结就是,集成度非常低,如果是实际开发总感觉非常的不方便 据说 React 在这方面挺有优势的,各方面都有集成,开箱即用,如果你后端用的也是 java,还会有更多有好好用的功能 |
![]() | 41 HolmLoh 2019-12-18 17:03:22 +08:00 说错了,不是 react,是 angular |
![]() | 42 murmur 2019-12-18 17:08:22 +08:00 @HolmLoh 1、vue 的 router 是官方提供 2、大家基本都再用 axios,这个跟框架没关 3、单纯的 i18n 靠框架是个很 simple 的想法,i18n 要处理的问题非常多,这其中涉及很多宗教、文化、习惯上的东西 |
![]() | 43 shintendo 2019-12-18 17:12:07 +08:00 @HolmLoh 这个不算是问题,只能说三大框架的设计理念不一样。angular 走的是大而全,开箱自带一切,react 是只做最核心的功能,别的都留给开发者自由选择,vue 是介于两者之间,既给你自由选择,又提供一个官方维护的默认选项。 |
![]() | 46 faceair 2019-12-18 17:19:33 +08:00 amis |
![]() | 47 gowk 2019-12-18 17:24:29 +08:00 via Android 来了,来了,他们来了 |
![]() | 48 chuhemiao 2019-12-18 17:29:28 +08:00 有用 dva 的老铁吗 |
51 superalsrk 2019-12-18 18:08:19 +08:00 非创业前端, vue 一把梭就行, 作为一个写后端的, 直接就是套 vue-admin-element 这个 repo, 曾经 20 分钟教会一个算法学会 vue, 不管写的怎么样, 至少能页面能出来, 那就很好了 |
52 superalsrk 2019-12-18 18:09:09 +08:00 说错了, 那个项目名字应该叫 vue-element-admin |
53 shylocks 2019-12-18 18:19:21 +08:00 vue-element-admin+1,非常简单,直接套官方页面改一改就行 |
![]() | 54 LemonFlower 2019-12-18 18:23:01 +08:00 公司是 React + 自研 UI 库,自己还是纯 JS 不用库比较舒服 |
55 jinliming2 2019-12-18 18:23:49 +08:00 via iPhone …………………………………………………… 嗯,前端真乱…… |
56 ochatokori 2019-12-18 18:25:34 +08:00 via Android @Hanggi #8 angular 确实香 但你没吹到点上 vue 和 react 也有双向绑定,我个人觉得 vue 的双向更舒服 不过现在 ts 这么香 vue+ts 我感觉是没有 angular+ts 香的 |
57 WispZhan 2019-12-18 18:33:59 +08:00 如果后台是 Java 或者 C#的,推荐用 Angular。起码 ng 借鉴了很多后端的东西。 --- 一起 ng2 刚出来,一堆水 ts 的。 现在大流是 ts,说实话,用 vue+ts 能有 ng+ts 香? 不用 ts,非专业前端就 vue,用 ts 就 ng。 专业前端还是 react 吧。 |
58 chenshun00 2019-12-18 19:18:27 +08:00 后段 Java,angularjs 2 分钟拷贝复制,然后就可以正对接 curd vue,说实话,我是没有看懂 |
59 zjj19950716 2019-12-18 19:29:49 +08:00 via iPhone django-admin ui 还能换皮 局限就是只能内部开放人员用用 |
![]() | 60 zhw2590582 2019-12-18 19:38:36 +08:00 via iPhone 哪个方便用哪个,没什么所谓,我才不会一直纠结什么性能,什么语法,我也不会一直盯着他们的文档,只有我需要的时候才去看一下。 |
![]() | 61 hyy1995 2019-12-18 20:36:24 +08:00 用 Vue 就行,三大流行框架中最简单的,随便找个 UI 库搭后台系统快得很。Angular 和 React 相对较难,而且我是真的不太懂为什么有人选择 React.js 来开发 PC 端网页。 话说,楼上怎么还扯到单向绑定 /双向绑定了,Vue 直接用 v-model 指令不就是双向绑定了吗?莫非还有其他神奇的操作。。。 |
![]() | 62 yafoo 2019-12-18 20:47:25 +08:00 via Android 后端开始用 nodejs 开发,感觉很不错。 |
![]() | 63 hirasawayui 2019-12-18 21:03:08 +08:00 公司后台管理系统全是专职前端用 react+ts 开发。。。 |
64 kkniub 2019-12-18 21:21:39 +08:00 这种中台业务直接 antd pro 完事 |
![]() | 65 murmur 2019-12-18 23:44:00 +08:00 ![]() 居然还有人说 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 了 |
![]() | 66 murmur 2019-12-18 23:51:03 +08:00 ![]() 有些人对 vue 就是偏见 map、短路、问号表达式实现循环和 if 不叫学习,v-if 和 v-for 就叫学习 className 不叫学习,classname 库不叫学习,class、style 就叫学习 {}书写变量不叫学习,:绑定变量就叫学习 mobx、redux 带了一大堆状态库不叫学习,vuex 最简单状态管理 reducer 都不需要,store 全局变量一把撸叫学习 js 书写样式不叫学习,style lang="xxx"就叫学习 我想把知乎我写的答案复制来,当年 jquery 都可以搞大工程,现在给你 vue 做不出来了,人矫情了还是技术退步了? |
![]() | 67 OHyn 2019-12-19 00:23:14 +08:00 @murmur 哎,我就是先上手了一把 Vue 再上 react 的,这俩的繁琐程度不是一个层次的。vue 大概会 html+css+js 就能直接上。不可能出不了活,顶多就是实现的手段比较辣鸡。react 不学点 es6 还真会蛋疼死。虽然说穿了也不难。 但是,自己入门玩的项目,技术越简单越好。搞太复杂浪费时间,真想多学点,那是以后的事。 看上面有人说 ts 香,为啥要 ts ?就自己一把梭还要 ts ?多人合作防犯傻上 ts 挺好。自己没太大必要。 |
68 April5 2019-12-19 00:31:20 +08:00 现在后台用 ant-design-pro 二次开发 |
69 HTSdTt3WygdgQQGe 2019-12-19 01:11:29 +08:00 via Android @murmur 请问啥叫脚手架,有啥好用的脚手架? |
![]() | 70 Tlin 2019-12-19 01:19:15 +08:00 我原先用 angular,后面用 Vue,感觉 Vue 好用多,后面又来倒腾 react,啊啊啊啊啊!! 前端就是这样啊,学习!学习!学习!不断的学习,那些 easyUI,bootstrap 就不用说了必须的 前端累啊,我也弄过 PHP,感觉好点……………… |
![]() | 71 lihongming 2019-12-19 02:54:58 +08:00 via iPhone 个人觉得现在前端框架想得太多,不是什么好事。 最理想的架构是前端纯界面,后端纯 api,中间通过 json 或 xml 交换数据,各司其职。这样后端不用关心前端到是什么( js ios android ),前端也不用关心后端用什么语言,架构最清晰。 但很多 js 前端框架不这么想,手拼命往后端伸,导致学习成本上升(学习者不得不学一些用不着的东西)。甚至还有“要想充分发挥 react 的强大功能,就得用 nodejs”这样的论调。 难道是前端压抑太久了,好不容易出个 nodejs,就无处不用? |
![]() | 72 mrcotter2013 2019-12-19 06:22:05 +08:00 这个不能称作后端吧,只是前端的 Admin UI,用统一的框架做不就行了,只不过登录身份验证后经路由跳转至不同页面就行了。我们都用 Vue 构建,UI Kit 是 Vuetify。 |
![]() | 73 manami 2019-12-19 06:55:12 +08:00 via Android ![]() vuevuetify reactmaterial-ui 只对 material design 风格的组件感兴趣 |
![]() | 74 orzorzorzorz 2019-12-19 07:06:20 +08:00 via Android 年纪大了就会乖乖想着用 angular 了,不想用肯定是年龄没到 :doge |
![]() | 76 ClarkAbe 2019-12-19 08:34:32 +08:00 via Android 一直坚持传统 HJC,可能是我时间比较多吧,而且老喜欢加些前端黑魔法进去,还有就是尽量精简 js/css,因为服务器带宽太 tm 贵了能省就省 |
![]() | 78 cnbattle 2019-12-19 08:48:38 +08:00 via Android laravel admin,go admin |
![]() | 79 recordnow 2019-12-19 08:50:45 +08:00 @noobma @chenshun00 @luchenwei9266 @Hanggi @HolmLoh 请问用 angular 一把梭的你们,angular 使用什么版本?我觉得 angular 在页面渲染性能并不如 vue 和 react,有点慢的? |
![]() | 80 hjsbs 2019-12-19 08:51:05 +08:00 前端 html,js,css,后端 php? |
81 darknoll 2019-12-19 08:54:36 +08:00 后端就不能用 vue/react/angular ? |
![]() | 82 shintendo 2019-12-19 09:18:43 +08:00 @lihongming 不知道你在说什么,“前端框架手往后端伸”想半天也没明白是指什么,ssr ? |
![]() | 83 KuroNekoFan 2019-12-19 09:32:06 +08:00 @lihongming 想争取更多可供发挥的领地是事实,但是 js 生产力比 java 高也是事实啊 |
84 chenshun00 2019-12-19 09:33:59 +08:00 |
85 ala2008 2019-12-19 09:36:28 +08:00 vue 和 react |
![]() | 86 noobma 2019-12-19 09:49:42 +08:00 @recordnow 我是从 7 升级到 8 的,人能感觉到的渲染性能慢了点,那得是慢了很多了,我觉得问题应该不在 angular 自身。。。 |
![]() | 87 Hanggi 2019-12-19 10:26:02 +08:00 @hyy1995 你以为 vue 的什么 xx-model 哪儿学的,明显是从 angular 那边抄袭 ng-model 的。不太喜欢 vue 这种这边借鉴一点、那边抄袭一点、别人有啥过些时候就说自己也有。 |
89 geying 2019-12-19 10:51:54 +08:00 搞前端的同学生活在水深火热中 |
![]() | 91 1239305697 2019-12-19 11:06:13 +08:00 PHP 是世界上最好的语言 |
![]() | 92 unco020511 2019-12-19 11:07:55 +08:00 还在维护公司的 jsp 项目,我说什么了吗 |
93 nnnToTnnn 2019-12-19 11:10:40 +08:00 ![]() umi + antd pro +react 一把索,不要操心七七八八的。 虽然是 react 的深度爱好者,相对与 vue 的同学,我想问一下为啥不使用 angular,angular 项目结构很优雅啊。 |
![]() | 94 Stevearzh 2019-12-19 11:27:02 +08:00 ![]() 如果是不太熟悉前端的后端同学,可以尝试下 ng,开发模式和和 java spring 还是很像的:module, service, ... 包括自带 ts,应该比较便于上手和理解 我自己搞的话我可能还是偏向用 react |
![]() | 95 xfriday 2019-12-19 11:31:55 +08:00 @orzorzorzorz 嗯,我年纪也不小了:doge |
![]() | 96 lk920724 2019-12-19 11:42:12 +08:00 swift ? [逃 |
![]() | 97 w292614191 2019-12-19 11:44:44 +08:00 |
![]() | 98 Allianzcortex 2019-12-19 11:48:05 +08:00 @Stevearzh 很好奇既然利处都这么明显了为什么还倾向于用 react ?我很确定如果要我自己写东西的话肯定是 angular 优先,但奈何 react 用处最广 |
![]() | 99 Stevearzh 2019-12-19 12:01:46 +08:00 @Allianzcortex 因为用 react 的时间最长,比较喜欢这种风格。算是个人偏好,怎么爽怎么来( |
![]() | 100 Allianzcortex 2019-12-19 12:12:34 +08:00 via iPhone @Stevearzh react 找工作肯定是第一选择,但一个状态管理能搞出 redux 和 mobx 两种,redux 不支持异步又有 thunk 和 saga 两种解决方法,最广泛使用的技术栈要写 action +actiontypes + reducer + creator 一堆堆东西,这种 library 当然有好处,激发社区潜力提供选择性,但比它重的 angular 提供了一整套 framework 解决方案,比它轻的 vue 官方自带 vuex+router 支持基本是事实标准,就,很,hmmmm ( ') |