今天要學習分享的是全球頂級網站管理后臺模板,文末有驚喜哦。
模板含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小時內與您取得聯系。