10 个 GitHub 上超火和超好看的管理后台模版,后台管理项目有着落了

本文推荐了GitHub上10个超火且美观的管理后台模板,包括vue-element-admin、iview-admin等,适合快速搭建企业级中后台产品原型。详细介绍了每个模板的特点和链接,帮助开发者找到合适且高效的后台模版。
摘要由CSDN通过智能技术生成

大家好,我是你们的 超级猫,一个不喜欢吃鱼、又不喜欢喵 的超级猫 ~

前言

一般人没事的时候刷刷朋友圈、微博、电视剧、知乎,而有些人是没事的时候刷刷 GitHub ,看看最近有哪些流行的项目。

久而久之,这差距就越来越大,因此总会有开源信息的不对称,有哪些优秀的前端开源项目值得学习的也不知道。

初步前端与高级前端之间,最大的差距可能就是信息差造成的。

超级猫从 2016 年加入 GitHub,到现在的 2020 年,快整整 5 个年头了。

从 2018 年开始,我就养成了每天逛 GitHub 的习惯,一般在早上上班前或者中午午休的时候都会逛一下。

看看每天都开源了哪些好的前端项目,还有用到的主流前端技术栈又是哪些,值得我去学习的。

因此也收藏了不少好的开源项目,在此推荐给大家,每周会有一到三篇精华文章推送。

希望你在浏览、学习了超级猫推荐的这些开源项目的过程中,你能学习到更多编程知识、提高编程技巧、找到编程的乐趣。

公众号:前端GitHub,专注于挖掘 GitHub 上优秀的前端开源项目,抹平你的前端信息不对称,涵盖 JavaScript、Vue、React、Node、小程序、Flutter、Deno、HTML、CSS、数据结构与算法 等等。

平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目


以下为【前端GitHub】的第 8 期精华内容。

今天给大家带来的是 GitHub 上 10 个超火和超好看管理后台模版,希望你在这里面找到写 省时省力的模版!

喵~  喵~ 喵~ 正文开始了,上车坐稳扶好了~


Web 开发中几乎的平台都需要一个后台管理,但是从零开发一套管理后台模版并不容易,幸运的是有很多开源免费的管理后台模版可以给开发者使用。

那么有哪些优秀的开源免费的管理后台模版呢?

我在 GitHub 上收集了一些优秀的管理后台模版,而且是还在不断更新和维护的项目,并总结得出 Top 10。

1. vue-Element-Admin

vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。

它使用了最新的前端技术栈,内置了 i18n 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。

同时配套了系列教程文章,如何从零构建后一个完整的后台项目。

  • 手摸手,带你用 vue 撸后台 系列一(基础篇)

  • 手摸手,带你用 vue 撸后台 系列二(登录权限篇)

  • 手摸手,带你用 vue 撸后台 系列三 (实战篇)

  • 手摸手,带你用 vue 撸后台 系列四(vueAdmin 一个极简的后台基础模板)

  • 手摸手,带你用 vue 撸后台 系列五(v4.0新版本)

  • 手摸手,带你封装一个 vue component

  • 手摸手

vip-admin Html v1.0.0.zip 更新时间:2017-01-06 更新日志: 1.该模板最大化保留了原生layui的基础样式,整合行成的一套后台模板。 2.该模板集合了layui插件、datatables插件。 3.该模板使用layui基础样式中的按钮、表单、表格、和选项卡 4.datatables表格和layui表格深度整合,使用更加方便、美观、人性化。 5.扩展了欢迎页面、登录页面。 vip-admin Html v1.0.1.zip 更新时间:2017-02-16 更新日志: 1.优化datatables表格,添加排序图标,点击升序降序更加美观;表格全选优化,全选后所有选中项添加背景颜色,使之选中更加明显。 2.添加echearts图表插件,展示了基本的柱状图和饼图示例。 vip-admin Html v1.1.0.zip 更新时间:2017-02-27 更新日志: 1.登录页面添加头部标题 2.新增tree table 页面 3.新增404页面 4.新增tips提示页面 5.js功能: 具体操作请查看 js/table-tool.js getIds(table对象,获取input为id的属性); deleteAll(ids,请求url,操作成功跳转url,操作失败跳转url); UnixToDate(时间戳,显示年月日时分,加8小时显示正常时间区); 6.该版本已兼容手机浏览 vip-admin Html v1.5.0.zip 更新时间:2017-03-20 1.更新layui框架为最新版1.0.9_rts版本。 2.优化css,样式更加接近vip-admin管理系统v1.0.5。 3.新增效果:导航栏点击栏目右侧添加相应tab选项卡,点击已经生成过的选项卡直接跳转到该选选项卡 4.新增导航栏收缩按钮 5.修改已知BUG vip-admin Html v1.5.1.zip 更新时间:2017-03-21 1.修改浏览器窗口resize时不断闪烁BUG。 感谢:Clannad- vip-admin Html v1.6.0.zip 更新时间:2017-04-25 1.优化CSS、JS 2.新增新的登录、注册页面。 3.新增主题功能,提供默认、纯白、蓝白三种主题配置。 4.导航栏添加图标。 5.修改已知BUG。 vip-admin Html v1.7.0.zip 更新时间:2017-05-21 1.优化主题样式细节。 2.标签新增双击关闭当前标签功能。 3.标签新增右键功能。 4.新增js功能。 详细可查看【frame/static/js】文件夹内的js vip_nav.js 【主页菜单js】 具体功能: 1) main方法 main(请求地址,过滤ID,是否展开,携带参数); 2) top_left方法 top_left(请求地址,过滤ID,是否展开,携带参数); vip_tab.js 【子页面操作父页面选项卡js】 具体功能: 1) add方法 add(操作对象,标签标题,url地址); 2) getThisTabId方法 getThisTabId(); // 返回当前展示页面父级窗口标签的lay-id 3) del方法 del(标签lay-id); vip_table.js 【表格js,该js属于整合】 具体功能: 1) deleteAll方法 deleteAll(ids,请求的url,操作成功跳转url,操作失败跳转url); 2) unixToDate方法 unixToDate(时间戳,是否只显示年月日时分,8); // 返回正常时间 3) getIds方法 getIds(表格对象,每条数据的属性id); // 返回需要的 ids 5.修改已知BUG。 vip-admin Html v1.8.0.zip 更新时间:2017-08-26 1.更新layui-v1.0.9为layui-v2.0.2版本。 2.右键增加关闭全部标签按钮。 3.更新欢迎页面。 4.更新data-table页面和tree-table页面为layui自带table组件。 5.新增js功能。 详细可查看【frame/static/js】文件夹内的js vip_table.js 1) getFullHeight方法 getFullHeight(); // 返回子页面整体高度,用于table组件设置全屏高度 6.修改已知BUG。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值