今天要学习分享的是全球顶级网站管理后台模板,文末有惊喜哦。
模板含Bootstrap4, Angular8 , React三个版本,为下一代网站而生。模板从2013年发布,到现在一直更新,已经服务全球上百万开发者。模板为HTML, CSS, JavaScript ,可以和任何开发后台绑定,用于管理端的用户界面。使用管理模板,可以节约大量开发时间,不需要前端设计编码,只需要模块组合,便捷高效。代码规范整洁,已经在全世界大量开发人员中使用。
模板通过w3c、blazing Performance性能兼容性测试,模块化的js代码,是前端人员学习的典范。
多种管理后台布局,适合于国际国内
模板都是基于最新的Bootstrap4开发,下载包内十几套布局的管理模板,还有各种功能模块界面。后期不不停的更新新的布局。
现在提供12种布局,还有多种布局ComingSoon
两年前,整个模板完全进行了一次重写。支持anglar8、react、bootstrap多个版本,有视频使用教程,包含预编译的多个应用界面。
第六代模板
支持多种前端编译框架:gulp、webpack、yarn,有完善的英文使用帮助文档
支持webpack、gulp
经典
上下
精简左侧
现代
简洁
左侧滑出
左侧弹出
卡片式
上面导航
tab导航
页内导航
经典2
pc、pad、phone多端都有极致的用户体验。
代码结构清晰明了,doc目录内容很多
如果有兴趣了解学习这个模板,可以点赞、关注、评论,然后私信我哟。
预览效果 https://keenthemes.com/metronic/
|步骤|流程|卡片|列表|好书|美文|尽在读喜爱。
我们会持续的分享好的工具,好的软件、好的网站,欢迎转发+评论+关注。
欢迎关注免费领取学习资料哟!
PI
来源:快舔包我很肥
框架
WebAPI Contrib:帮助你提高 ASP.NET Web API 能力的开源项目集合。
应用框架(Application Frameworks)
应用模板(Application Templates)
人工智能(Artificial Intelligence)
程序集处理(Assembly Manipulation)
资源(Assets)
认证和授权(Authentication and Authorization)
自动构建(Build Automation)
缓存(Caching)
CLI
CLR
CMS
代码分析和度量(Code Analysis and Metrics)
编译器(Compiler)
压缩(Compression)
持续集成(Continuous Integration)
加密(Cryptography)
数据库(Database)
数据库驱动(Database Drivers)
反编译(Decompilation)
部署(Deployment)
DirectX
分布式计算(Distributed Computing)
文档(Documentation)
电子商务和支付(E-Commerce and Payments)
环境管理(Environment Management)
ETL
游戏(Game)
地理信息系统(Gis)
Git工具(Git Tools)
图形(Graphics)
GUI
HTML 和 CSS(HTML and CSS)
HTTP
IDE
图像处理(Image Processing)
安装工具(Install Tools)
国际化(Internationalization)
互操作(Interoperability)
IoC
日志(Logging)
机器学习和数据科学(Machine Learning and Data Science)
Markdown 处理(Markdown Processors)
邮件(Mail)
数学(Mathematics)
多媒体(Media)
度量(Metrics)
微框架(Micro Framework)
杂项(Misc)
MVVM
Office
ORM
包管理(Package Management)
Profiler
推送通知(Push Notifications)
队列(Queue)
响应式编程(Reactive Programming)
计划调度(Scheduling)
SDK 和 API 客户端(SDK and API Clients)
搜索(Search)
序列化(Serialization)
状态机(State machines)
静态网站生成(Static Site Generators)
风格指南(Style Guide)
模板引擎(Template Engine)
测试(Testing)
交易(Trading)
Visual Studio 插件(Visual Studio Plugins)
Web 框架(Web Frameworks)
Web 服务器(Web Servers)
WebSocket
Windows 服务(Windows Services)
通讯框架(Communication Frameworks)
其他列表(Other Lists)
看完本文有收获?请转发分享给更多人!!!欢迎大家点赞,留言讨论,喜欢这篇文章可以分享给更多人,关注我每天更新分享有关程序员、科技、编程之类的文章!!!爱你们,,么么哒,,让我们一起愉快的玩耍把!!!
光年后台管理模板(Light Year Admin)是一个基于Bootstrap v3.3.7的后台HTML模板。作为后端开发人员,自己在做一些简单系统时,经常为了后台的模板烦恼,因此今天向大家介绍一个对后端开发人员比较友好的管理模板,模板的作者本人也是一名开发人员,因此结合后端人员一些特点而开发的一套基于Bootstrap的管理模板,界面真的非常漂亮,而且功能也能满足大多数人需求!
https://gitee.com/yinqi/Light-Year-Admin-Template
https://gitee.com/yinqi/Light-Year-Admin-Using-Iframe
作者考虑到不同人群的开发习惯和方式,一共分为两半版本,一种是自带tab标签页的iframe版,另一种则是普通的页面版,可根据自己需要和业务需求选择不同的版本。
网站主题切换,有默认白色,黑色,和渐变蓝绿色的半透明三种。另外:logo、顶部和侧边栏可单独调整颜色(黑色和半透明主题时选择白色不变)。
增加主题切换,增加了很多css,如果你不需要有主题切换功能,可将多余的内容删除掉。
主题切换并没有存到cookie中,大家根据自己实际情况,做cookie存储或者其他方式。
// 读取cookie中的主题设置 var the_logo_bg=$.cookie('the_logo_bg'), the_header_bg=$.cookie('the_header_bg'), the_sidebar_bg=$.cookie('the_sidebar_bg'), the_site_theme=$.cookie('the_site_theme'); console.log(the_logo_bg); if (the_logo_bg) $('body').attr('data-logobg', the_logo_bg); if (the_header_bg) $('body').attr('data-headerbg', the_header_bg); if (the_sidebar_bg) $('body').attr('data-sidebarbg', the_sidebar_bg); if (the_site_theme) $('body').attr('data-theme', the_site_theme); // 设置主题配色 setTheme=function(input_name, data_name) { $("input[name='"+input_name+"']").click(function(){ $('body').attr(data_name, $(this).val()); $.cookie('the_'+input_name, $(this).val()); }); } setTheme('site_theme', 'data-theme'); setTheme('logo_bg', 'data-logobg'); setTheme('header_bg', 'data-headerbg'); setTheme('sidebar_bg', 'data-sidebarbg');
项目在Light Year Admin的基础上整理修改而来,用到了开源项目Bootstrap-Multitabs来实现多标签页,稍微做了一些修改。
普通版:
iframe版本:
一共有两个版本,这里我们选择带有tab的iframe版本的进行截图演示:
以上是部分页面的截图,已经包括了很多功能在里面,包括列表、表单、分步表单、主体配色、多级菜单、模态框、确认框、提示、登录、404等!另附两张普通版中的暗色系以及彩色系主题:
LightYearAdmin管理模板对后端人员可以说非常的友好了,笔者认为从配色、样式、布局、操作等方面都非常友好,如果你正好缺一款属于适合的模板,不妨试试看!
PS:相关文件在Gitee上都可以下载,这是纯静态模板,适合任何后端语言进行配合开发!大家也可以多多支持模板作者!谢谢!
*请认真填写需求信息,我们会在24小时内与您取得联系。