关于后端程序员写前端用啥框架更好

author author     2023-04-11     125

关键词:

前端框架好不好用还是要具体情况具体分析,我这边给你推荐11个前端常用的框架,你可以按需使用。

1、vue-element-admin

一个基于vue2.0和Element的控制面板UI框架,这是使用vue技术栈开发的前端程序员的首选管理系统模板,模板已经非常成熟了,并且有相关的社区和维护人员,开发时遇到问题也不要慌。

2、AdmimLTE

非常流行的基于Bootstrap 3.x的免费的后台UI框架,这是一个非常老牌的后台管理系统模板,每个页面都是单独的html网页,适合前端入门新手来做项目。

3、ant-design-pro

这个就不多说了,选择react技术栈的童鞋们必然离不开这个优秀的开箱即用的中台前端/设计解决方案,文档齐全,组件丰富,一键生成模板,更支持开启复制粘贴模式哦。

4:ng2-admin

这是基于 Angular 2, Bootstrap 4 和 Webpack的后台管理面板框架,要说前面已经有了react和vue技术栈的模板,那怎么能少的了ng的?虽然在国外用的比较多,国内较少使用,但丝毫不影响ng作为前端框架三大巨头之一的地位呀。

5:Gentelella

Gentelella 是一个可免费使用的 Bootstrap 管理界面模版,使用群体比较广泛。这个模版使用默认的 Bootstrap 3的样式,还有一系列功能强大的 jQuery 插件和工具,可快速创建管理界面模版或者后台的 Dashboard。

6:iview-admin

iView admin 是基于 iView 的 Vue 2.0 控制面板。搭配使用 iView UI 组件库形成的一套后台集成解决方案 。

7:blur-admin

BlurAdmin 是一款使用 AngularJs + Bootstrap实现的单页管理端模版,视觉冲击极强的管理后台,各种动画效果。

8:vue-manage-system

vue-manage-system,一个基于 Vue.js 和 element-ui的后台管理系统模板,挺喜欢这个界面的UI,简约清晰不累赘,多功能的后台框架模板,适用于绝大部分的后台管理系统开发。

9:material-dashboard

基于 Bootstrap 4 和 Material 风格的控制面板。Material Dashboard 是一个开源的 Material

Bootstrap Admin,其设计灵感来自谷歌的 Material Design 。

10:d2-admin

D2Admin 是一个完全 开源免费 的企业中后台产品前端集成方案,基于 vue.js 和 ElementUI 的管理系统前端解决方案 ,小于 60kb的本地首屏 js 加载,已经做好大部分项目前期准备工作

11:vuestic-admin

vuestic-admin管理台仪表盘是一个响应式的仪表盘模板,采用Bootstrap4和Vue.js构建。这个精美的管理台模板提供了自定义元素组件,如地图,聊天,个人资料卡,图标,进度条等,以及用于登录和注册的预建页面。

参考技术A 各大前端框架可以按照“封装度”的标准来区分。 设计刚出的一套网页皮肤,封装度为0。层层封装到可以直接用后台语言写页面,封装度为10。那么我是这样来区分前端框架的。
1级——纯html+css 放5年前,基本就是用Dreamweaver刚排出来的页面或者网页查看源代码扒下来的皮肤。不涉及到js,就是纯页面皮肤。
2级—— bootstrap系列 bootstrap的出现是一个里程碑事件。发源于twitter,引入了不少html5/css3的特性。由于它对响应式的支持以及良好的体验,给人一种耳目一新的感觉。其源码,不管是css还是js都值得学习一下,看后经常会有“原来还可以这样做”这种恍然大悟的感觉。不过归根结底是一套ui皮肤+少量js组成的框架,属于封装度偏低的框架。
3~4级—— metronic/adminLTE系列 基于bootstrap或者其他1级框架,然后集成了各种jQuery插件、富文本编辑器等js库,组成的一个大杂烩工具包和案例库。皮肤基本是基于bootstrap自定义的一套主题。案例比较详尽,开发的时候找到需要的组件把前端代码复制粘贴,再稍微调试一下就能达到良好的视觉效果。根据集成的第三方库的多少,基本可以划分到3~4级封装度这样的范围。这个级别的框架的代码更多的是属于粘合剂,将各种不同的第三方库的前端代码粘合起来。
5级—— jQuery-ui 这里要单独把jQuery-ui拿出来讲,并不是因为它的封装度有多高,而是我认为它是一个分界点。jQuery以下级别的框架,代码以css为主,自身的js代码少,框架量级更轻,更灵活,更适合互联网web产品。jQuery以上级别的框架,属于前端的重度封装,通过框架暴露的接口进行开发,开发人员甚至不需要太多前端知识,只需要详细查看框架的开发文档即可。jQuery以上级别的框架更适合传统管理软件的开发。
6~7级—— easy-ui/DWZ easy-ui基于jQuery-ui,不过具有更丰富的组件库。貌似商业版收费很高。听说某大型国企花了大价钱购买下来使用。DWZ是国产框架中我认为综合表现还不错的,完全免费,有问题可以在他们的QQ群里提。其余的之前还用过金蝶的operamasks-ui,不过现在好像已经不更新了。这一类级别的框架还有一个另外的称呼——“富客户端框架”,意思就是重度js框架。使用起来开发效率很高,当年也是一度百花齐放,框架辈出。
8级—— extjs系列 extjs属于前端框架领域中的庞然大物,封装程度很高,具有自成体系的元素选择引擎和浏览器兼容方案,js写法上也有自己的方式。组件很多很全。只看extjs的官方文档和示例几乎不必学习任何其他的前端知识就可以做出“很漂亮”的前端页面。当然页面很容易“撞衫”。使用时间长了,会对其产生严重依赖,离开extjs,几乎不会写前端页面了。
9级——vaadin/GWT 最后一级,也是封装度最高的一级,也就是所谓的使用后台语言写前端。如果说之前的八级至少前端和后端还是相对分离的,后台程序在java中写,前台程序在html或者js中写;那么这一级别的框架简直会颠覆你的认知!只需在后台使用java写好了类和对象,并设置好相关的属性,网页的元素是自动通过后台对象生成的。这当然有好处,妈妈再也不用担心我不会写js和css了。然而就学一下html/css/js真的那么难吗?个人认为,尽管GWT有google的这么强悍的背书,但是这种9级封装的本质上把前后台耦合得更紧密。一个人做一个项目还可以考虑,但是一个团队前后台分离、模块化开发的时候,使用这种框架是一种灾难!所以我是极度不建议使用9级封装框架的。本回答被提问者采纳
参考技术B 前端比后端会轻松,当然是相对的,也不排除那种必须加班的,而且前端接触UI,测试比较多,接触的妹子相比较后端机会还是很多的,而且最近HTML5比较火,一线城市的前端待遇和很好,是个好行业 参考技术C bootstrap

php开发小程序用啥框架

您好,PHP开发小程序可以使用Laravel框架,Laravel是一个强大的PHP框架,它提供了一系列的功能,可以帮助开发者更快捷地开发出高质量的应用程序。Laravel框架具有强大的路由功能,可以帮助开发者更好地管理应用程序的URL,从而... 查看详情

你还,java写api用啥框架

嗯,还真有几个第一个:Swagger号称世界最流行的API框架第二个:SosoApi有开源版本也有收费版本的第三个:Jsondoc和Swagger类似第四个:apidoc目前就知道这么多。没有详细介绍,第一个和第二个我都有用过,效果也还算可以。有知... 查看详情

新手学python用啥软件

...对于React、Vue这些主流前端框架都支持。5、PycharmPycharm是程序员常常使用的开发工具,简单、易用,并且能够设置不同的主题模式,根据自己的喜好来设置代码风格。6、IPython如何进行交互式编程?没错,就是通过IPython。IPytho 查看详情

node学习1(代码片段)

什么是前端和后端后端的主要工作后端为前端程序员暴露API接口;后端也要操作数据库;优化后端业务的性能;前端的主要工作绘制网页的页面(HTML)写CSS样式美化页面、写JS做网页交互(更多的是网页的特效)借助于XHR(?.get$... 查看详情

关于前端和后端数据交互问题

作者:NimoChu链接:https://www.zhihu.com/question/26532621/answer/33144979来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。重新修改答案后整理了一份《前后端数据交互方法》在此介绍几种常用的前后... 查看详情

前端与后端本地化策略比较

...rJS+Bootstrap移动前端-AngularJS+Ionic以及后来的ApacheCordova端口关于上面的简要说明,我必 查看详情

写代码用啥软件

...JavaScript开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScriptIDE”等。与IntelliJIDEA同源,继承了IntelliJIDEA强大的JS部分的功能。不过,我的粉丝说这个有点卡,但是功能... 查看详情

写javaweb程序,用啥开发工具?

eclipse最方便的,插件众多,可以完成很多工作,包括git、svn、maven等等,其他工具就看自己的喜好了。参考技术AMyEclipse~~这个用的太多了相信我兄弟,有自动挡咱千万不玩手动挡~追问和SpringSourceToolSuite哪个更好用追答嘿嘿你一... 查看详情

小程序开发用啥语言?

...用微信提供的小程序前端规范,结合企业自己开发的应用后端来制作的。小程序开发使用的语言本质上就是JS+CSS+HTML5,不过不能直接用HTML标签,微信提供一个组件库,没有DOM和其他浏览器上的API;网络、Canvas等也重新包装过。... 查看详情

ssm框架前端与后端如何联系

参考技术ASSM后端如何获取前端参数:可以使用HttpRequest对象中的getParameter来获取可以将参数写在方法里面,不过参数要与前端标签中name属性值一致如果接收的参数比较多,那么可以将参数封装为一个对象注意:以下爆红,因为... 查看详情

纯后端如何写前端?我用了低代码平台(代码片段)

...没什么机会写前端。我是3y,一年CRUD经验用十年的markdown程序员 查看详情

关于nodejs的思考

 对于NodeJS来说传统程序员比较陌生,初看以为是什么前端框架,其实并不是前端框架。传统的Javascript只能跑在浏览器中,但是一位叫RyanDahl的开发者灵感一来,为什么Javascript不能运行在服务端呢?然后经过思考后他决定将Ja... 查看详情

什么是前端,后端,终端,有什么区别?

...是你在浏览网页app看到的一切东西,都是前端。后端就是程序员在背后做的一切努力,对数据等东西的处理。而终端就是你使用来浏览这些东西的设备。展开来说的话,就比较长。前端:前端就是展现给用户浏览的部分。我们通... 查看详情

微信小程序都能用啥语言开发呢

...重新包装过。【点击查看APP开发的真正报价】2、支持的后端开发语言有:其实理论上后端用什么语言都可以,只要能够从服务器上获取到数据,例如:PHP、Java或者Python来开发。一般对于企业而言,都是采用php程序开发微信小程... 查看详情

关于作者

公众号关注我的公众号「Java面典」了解更多Java相关知识点开源项目moreco:SpringBoot+SpringCloud搭建的Java后端微服务框架,实现功能模块组件化,模块实现正真意义的低耦合、高内聚。moreco-admin:Sea.js+Vue.js搭建的微服务前端开发框... 查看详情

使后端验证与前端验证保持同步

...42:47【问题描述】:很多像Laravel这样的框架没有提供任何关于如何进行前端验证的建议。从后端框架来看,这是可以理解的。但是提前提供javascript验证会非常好,这样用户在填写表单时可以立即查看是否有问题。我知道如何使... 查看详情

web后端架构2022年10个最佳web开发后端框架

...发后端框架在不浪费任何时间的情况下,这里列出了程序员可以为web开发学习的10个最佳后端框架。虽然在特定的技术堆栈或编程语言(如Java开发人员)中有很多选择& 查看详情

关于前后端分离与不分离

...接口。 前后端分离的优势以前的Web项目基本就是后端程序员又弄前端,又弄后端。近几年,许多大中小型公司开始吧前后端的界限分的越来越明确,前端工程师只管前端的事,后端工程师只管后端的事,让两边的工程师更加... 查看详情