问一下做基于 PC 的管理后台，哪个前端框架效率更高？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 2358 天前的主题，其中的信息可能已经有所发展或是发生改变。

问一下做基于 PC 的管理后台，哪个前端框架效率更高？

项目情况是：

做一个 App 的管理后台，给企业内部使用的，用户数不少
不能只用 Bootstrap 了，客户觉得不高大上
后台有 json 的输出，大部分是 REST
公司没有美工，美工离职后就没有招，所以都是找框架，用默认样式

浏览器要兼容 360 就好了(Chrome 内核），版本都挺新的

大概有 150 个左右的页面吧，CRUD 比较多，各种复杂验证比较多，各种“下一步下一不”的操作比较多。

所以想请教，用哪个框架能够看起来更高大上，开发效率又不低的？

谢谢了

后台

框架

美工

高大上

66 条回复 • 2018-07-05 17:49:46 +08:00

moxiaonai

2018-07-04 19:49:46 +08:00

iview-admin

cdwyd

2018-07-04 20:00:09 +08:00 via Android

bootstrap 哪里不够高大上了，是不会用吧

jiafaner

2018-07-04 20:01:53 +08:00

@cdwyd 因为我们用 bootstrap 没有使用其他的组件，很多表单 /tab 切换等效果看起来不够高大上，领导觉得不好。

不太想用 bootstrap 去配合一些组件的方式组装轮子，所以想找个开发效率高的，功能多的轮子。

forzalianjunting

2018-07-04 20:04:27 +08:00

react + antd

geelaw

2018-07-04 20:14:44 +08:00 via iPhone

没懂，都基于 PC 了为啥还要坚持绕一圈 Web 技术呢？

请自觉 WPF。

gotounix

2018-07-04 20:17:04 +08:00

https://github.com/almasaeed2010/AdminLTE
https://github.com/creativetimofficial/material-dashboard
https://github.com/FairyEver/d2-admin
https://github.com/tabler/tabler

zjfeng

2018-07-04 20:23:02 +08:00

那必须是饿了么的 http://element.eleme.io/#/zh-CN 框架

zjsxwc

2018-07-04 20:27:48 +08:00 via iPhone

这个怎么样？ https://github.com/jgthms/bulma

SergeGao

2018-07-04 20:27:56 +08:00 via Android

elementui 最好

fengbjhqs

2018-07-04 20:28:22 +08:00

要看你们公司人员技能熟练程度

vue 会比较简单，react 比较灵活，

beginor

2018-07-04 20:29:31 +08:00 via Android

ng-zorro http://ng.ant.design

jiafaner

2018-07-04 20:38:04 +08:00

@moxiaonai
@forzalianjunting
@gotounix
@zjfeng
@zjsxwc
@SergeGao
@fengbjhqs
@beginor

感谢，公司大多只有后端，前端方面刚学会 vue，用 vue 做的 App。

这么多选择，经验上用哪个，效率更高，成本更合适？谢谢。

likuku

2018-07-04 20:47:57 +08:00 via iPhone

不愿付出额外成本（招人 /外包），还要获得功能 OK，用户体验 OK，效果酷炫的产品（后台管理当然是产品）…

那就很尴尬了

Torpedo

2018-07-04 20:50:36 +08:00 via Android

@jiafaner vue 还不饿了么的 element 吧

IceBay

2018-07-04 20:54:59 +08:00

@jiafaner #12 考虑成本就选 vue + ElementUI。

jiafaner

2018-07-04 20:55:15 +08:00

@likuku 需要的是功能 OK，体验看起来高大上。

不光说公司现在请不起设计师了，就算有设计师其实也没办法，客户，，，传统领导，靠老板去说服，我们做个差不多就行了。

jiafaner

2018-07-04 20:56:06 +08:00

@IceBay
@Torpedo

Vue 刚学了一个来月，用它做了一个 App，算是刚入门。

ElementUI 稳定吗？

要是稳定，我就试试这个了。

chenqh

2018-07-04 20:56:49 +08:00 via Android

噗，连前端都没有了你们老板还那么多要求

IceBay

2018-07-04 21:00:36 +08:00

@jiafaner #17 大概半个月更新一个小版本，稳不稳定你看下更新日志。
http://element.eleme.io/#/zh-CN/component/changelog

moult

2018-07-04 21:14:21 +08:00

看来楼主是没有见过 BootStrap 的商业主题。
https://wrapbootstrap.com/
直接买个 Admin 后台模板，基本上的功能都能直接套现成样式，绝对高大上。

jiafaner

2018-07-04 21:21:00 +08:00

@IceBay
@moult 感谢

qiayue

2018-07-04 21:25:56 +08:00

给你推荐 2 个基于 jQuery 的，开发还挺方便
http://www.layui.com/
https://l-ui.com/

jiafaner

2018-07-04 21:32:08 +08:00

@qiayue

感谢。

layui 用过，被领导批了，说和他们的某个东西撞脸。

lulu 很赞。

a7a2

2018-07-04 21:32:16 +08:00

bootstrap+react
刚看了一下教程貌似差不多可以成为初级前端了

WilliamLin

2018-07-04 21:45:41 +08:00

vue-element-admin 用起来非常顺手

lzhnull

2018-07-04 21:50:56 +08:00 via Android

lulu ui

wmhx

2018-07-04 22:08:58 +08:00

随便找个主题 https://gitee.com/wmhx/theme , 针对 crud 找个简单的代码生成器 , 分分钟完成.

fengbjhqs

2018-07-04 22:18:52 +08:00

vue + ui，饿了么还不错，其实没有其它选择， react，和 angularjs，对前端要求还是有点高，相比 vue 会比较简单，中文文档，国内的大环境。

agdhole

2018-07-04 22:57:40 +08:00 via Android

vuetify
mdbootstrap

kefengong

2018-07-04 23:56:05 +08:00 via Android

ant-design-pro

icekingcy

2018-07-05 00:09:05 +08:00 via iPhone

去 themeforest 上买个 VUELY

tulongtou

2018-07-05 00:49:58 +08:00 via iPhone

semanticUI

TripleZ

2018-07-05 01:02:08 +08:00 via Android

emmm 没人说 vuetify 的么

chnhyg

2018-07-05 02:44:00 +08:00 via iPhone

收费的 metronic 不错，我自己也在用。

jadec0der

2018-07-05 05:34:40 +08:00 via Android

去 wrapbootstrap.com 选一套 Admin 的买下来，也就百十块钱，不像免费的那么容易撞脸

lolizeppelin

2018-07-05 07:40:56 +08:00 via Android

http://fuse-react-material.withinpixels.com/apps/dashboards/analytics

24 美金连手机适配都做好了

laogui

2018-07-05 07:55:48 +08:00 via Android

https://github.com/PanJiaChen/vue-element-admin 用这套框架做了十几个后台系统了，太方便了，vue 学习成本比 angular 和 react 低多了。

weixiangzhe

2018-07-05 08:02:49 +08:00 via iPhone

这种 angular 合适吧

ygjack

2018-07-05 08:43:09 +08:00

Vue 的会用的话应该比较快，配合 elementUI
React 的话，肯定是 antd 没二选

ft7138

2018-07-05 08:50:33 +08:00

octobercms
laravel

wyds591101

2018-07-05 08:54:14 +08:00

jui 啊，另外 bootstrap 怎么就不高大上了，哈哈哈哈！！！

starmoon1994

2018-07-05 09:05:58 +08:00

vue + iview
各种复杂 table 渲染都能满足
表单校验也非常简洁
组件也蛮丰富的

RorschachZZZ

2018-07-05 09:13:26 +08:00

咱们的情况差不多啊。建议用 vue + ElementUI 来写，简单、适合后端写。也符合你们的情况

stanley0black

2018-07-05 09:13:27 +08:00

vue-element-admin ,基于 vue2 和 element,github 上 star 有 15k,文档还不错

salamanderMH

2018-07-05 09:17:32 +08:00

@geelaw 他这里意思是 PC 端的页面而已

java123

2018-07-05 09:17:37 +08:00

@zjsxwc bulma 很不错

crist

2018-07-05 09:30:51 +08:00

bootstrap 4.1

grewer

2018-07-05 10:02:49 +08:00

bootstrap 4 是好了一点,不过大多人都不知道了
水平高用 react 好点,如果一般的话就用 Vue 吧

yunji3344

2018-07-05 10:20:01 +08:00

为什么没有 extjs

kimown

2018-07-05 10:33:05 +08:00

https://preview.pro.ant.design/#/dashboard/analysis

强力推荐

Blanke

2018-07-05 10:49:50 +08:00

飞冰

yazoox

2018-07-05 10:52:02 +08:00

哎，老了，都听不太懂你们说的啥......

Blanke

2018-07-05 10:54:49 +08:00

类似问题： https://www.v2ex.com/t/464345#reply6

OKOH

2018-07-05 10:55:49 +08:00

Ant Design

Heanes

2018-07-05 11:00:01 +08:00

element 还是不错的，antd 也可以。没美工了还想要高大上。。

codeMan5495

2018-07-05 11:35:35 +08:00

为什么没人说 angular ng-zorro

Anshi

2018-07-05 11:46:35 +08:00

为什么没人说 antd+react 。。。又快又好。。

CtrlSpace

2018-07-05 12:01:10 +08:00

Angular + Ng Alain

shuyu

2018-07-05 12:36:51 +08:00

ant-design-pro

jswh

2018-07-05 14:56:35 +08:00

ice 了解一下

gjx870327

2018-07-05 16:43:04 +08:00

layui 了解一下

xuxiaocool

2018-07-05 16:54:15 +08:00

element ui 强烈推荐啊
给你们用 vue 的前端用，完美。

tangchi695

2018-07-05 17:12:19 +08:00

飞冰拖拽开发

fenglangjuxu

2018-07-05 17:47:44 +08:00

layui

linzy

2018-07-05 17:49:46 +08:00

简单点就 fastadmin