Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
今天要學習分享的是全球頂級網(wǎng)站管理后臺模板,文末有驚喜哦。
模板含Bootstrap4, Angular8 , React三個版本,為下一代網(wǎng)站而生。模板從2013年發(fā)布,到現(xiàn)在一直更新,已經(jīng)服務(wù)全球上百萬開發(fā)者。模板為HTML, CSS, JavaScript ,可以和任何開發(fā)后臺綁定,用于管理端的用戶界面。使用管理模板,可以節(jié)約大量開發(fā)時間,不需要前端設(shè)計編碼,只需要模塊組合,便捷高效。代碼規(guī)范整潔,已經(jīng)在全世界大量開發(fā)人員中使用。
模板通過w3c、blazing Performance性能兼容性測試,模塊化的js代碼,是前端人員學習的典范。
多種管理后臺布局,適合于國際國內(nèi)
模板都是基于最新的Bootstrap4開發(fā),下載包內(nèi)十幾套布局的管理模板,還有各種功能模塊界面。后期不不停的更新新的布局。
現(xiàn)在提供12種布局,還有多種布局ComingSoon
兩年前,整個模板完全進行了一次重寫。支持anglar8、react、bootstrap多個版本,有視頻使用教程,包含預(yù)編譯的多個應(yīng)用界面。
第六代模板
支持多種前端編譯框架:gulp、webpack、yarn,有完善的英文使用幫助文檔
支持webpack、gulp
經(jīng)典
上下
精簡左側(cè)
現(xiàn)代
簡潔
左側(cè)滑出
左側(cè)彈出
卡片式
上面導(dǎo)航
tab導(dǎo)航
頁內(nèi)導(dǎo)航
經(jīng)典2
pc、pad、phone多端都有極致的用戶體驗。
代碼結(jié)構(gòu)清晰明了,doc目錄內(nèi)容很多
如果有興趣了解學習這個模板,可以點贊、關(guān)注、評論,然后私信我喲。
預(yù)覽效果 https://keenthemes.com/metronic/
|步驟|流程|卡片|列表|好書|美文|盡在讀喜愛。
我們會持續(xù)的分享好的工具,好的軟件、好的網(wǎng)站,歡迎轉(zhuǎn)發(fā)+評論+關(guān)注。
歡迎關(guān)注免費領(lǐng)取學習資料喲!
PI
來源:快舔包我很肥
框架
WebAPI Contrib:幫助你提高 ASP.NET Web API 能力的開源項目集合。
應(yīng)用框架(Application Frameworks)
應(yīng)用模板(Application Templates)
人工智能(Artificial Intelligence)
程序集處理(Assembly Manipulation)
資源(Assets)
認證和授權(quán)(Authentication and Authorization)
自動構(gòu)建(Build Automation)
緩存(Caching)
CLI
CLR
CMS
代碼分析和度量(Code Analysis and Metrics)
編譯器(Compiler)
壓縮(Compression)
持續(xù)集成(Continuous Integration)
加密(Cryptography)
數(shù)據(jù)庫(Database)
數(shù)據(jù)庫驅(qū)動(Database Drivers)
反編譯(Decompilation)
部署(Deployment)
DirectX
分布式計算(Distributed Computing)
文檔(Documentation)
電子商務(wù)和支付(E-Commerce and Payments)
環(huán)境管理(Environment Management)
ETL
游戲(Game)
地理信息系統(tǒng)(Gis)
Git工具(Git Tools)
圖形(Graphics)
GUI
HTML 和 CSS(HTML and CSS)
HTTP
IDE
圖像處理(Image Processing)
安裝工具(Install Tools)
國際化(Internationalization)
互操作(Interoperability)
IoC
日志(Logging)
機器學習和數(shù)據(jù)科學(Machine Learning and Data Science)
Markdown 處理(Markdown Processors)
郵件(Mail)
數(shù)學(Mathematics)
多媒體(Media)
度量(Metrics)
微框架(Micro Framework)
雜項(Misc)
MVVM
Office
ORM
包管理(Package Management)
Profiler
推送通知(Push Notifications)
隊列(Queue)
響應(yīng)式編程(Reactive Programming)
計劃調(diào)度(Scheduling)
SDK 和 API 客戶端(SDK and API Clients)
搜索(Search)
序列化(Serialization)
狀態(tài)機(State machines)
靜態(tài)網(wǎng)站生成(Static Site Generators)
風格指南(Style Guide)
模板引擎(Template Engine)
測試(Testing)
交易(Trading)
Visual Studio 插件(Visual Studio Plugins)
Web 框架(Web Frameworks)
Web 服務(wù)器(Web Servers)
WebSocket
Windows 服務(wù)(Windows Services)
通訊框架(Communication Frameworks)
其他列表(Other Lists)
看完本文有收獲?請轉(zhuǎn)發(fā)分享給更多人!!!歡迎大家點贊,留言討論,喜歡這篇文章可以分享給更多人,關(guān)注我每天更新分享有關(guān)程序員、科技、編程之類的文章!!!愛你們,,么么噠,,讓我們一起愉快的玩耍把!!!
光年后臺管理模板(Light Year Admin)是一個基于Bootstrap v3.3.7的后臺HTML模板。作為后端開發(fā)人員,自己在做一些簡單系統(tǒng)時,經(jīng)常為了后臺的模板煩惱,因此今天向大家介紹一個對后端開發(fā)人員比較友好的管理模板,模板的作者本人也是一名開發(fā)人員,因此結(jié)合后端人員一些特點而開發(fā)的一套基于Bootstrap的管理模板,界面真的非常漂亮,而且功能也能滿足大多數(shù)人需求!
https://gitee.com/yinqi/Light-Year-Admin-Template
https://gitee.com/yinqi/Light-Year-Admin-Using-Iframe
作者考慮到不同人群的開發(fā)習慣和方式,一共分為兩半版本,一種是自帶tab標簽頁的iframe版,另一種則是普通的頁面版,可根據(jù)自己需要和業(yè)務(wù)需求選擇不同的版本。
網(wǎng)站主題切換,有默認白色,黑色,和漸變藍綠色的半透明三種。另外:logo、頂部和側(cè)邊欄可單獨調(diào)整顏色(黑色和半透明主題時選擇白色不變)。
增加主題切換,增加了很多css,如果你不需要有主題切換功能,可將多余的內(nèi)容刪除掉。
主題切換并沒有存到cookie中,大家根據(jù)自己實際情況,做cookie存儲或者其他方式。
// 讀取cookie中的主題設(shè)置 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); // 設(shè)置主題配色 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的基礎(chǔ)上整理修改而來,用到了開源項目Bootstrap-Multitabs來實現(xiàn)多標簽頁,稍微做了一些修改。
普通版:
iframe版本:
一共有兩個版本,這里我們選擇帶有tab的iframe版本的進行截圖演示:
以上是部分頁面的截圖,已經(jīng)包括了很多功能在里面,包括列表、表單、分步表單、主體配色、多級菜單、模態(tài)框、確認框、提示、登錄、404等!另附兩張普通版中的暗色系以及彩色系主題:
LightYearAdmin管理模板對后端人員可以說非常的友好了,筆者認為從配色、樣式、布局、操作等方面都非常友好,如果你正好缺一款屬于適合的模板,不妨試試看!
PS:相關(guān)文件在Gitee上都可以下載,這是純靜態(tài)模板,適合任何后端語言進行配合開發(fā)!大家也可以多多支持模板作者!謝謝!
*請認真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。