响应式后台管理 (非响应式后台模板有哪些)

响应式后台管理,后台管理平台开发流程详细步骤

Metronic介绍

Metronic是一套基于Twitter Bootstrap 3.3.4框架开始的多功能响应式后台管理和前台开发模板。Metronic可用于任意类型的网页应用:用户管理面板、数据图表管理、商城后台、CMS、CRM、SAAS和一些基本的前端模板包括商业网站、商城、企业网站、作品展示、博客等。Metronic的时尚、简洁、直观的metro扁平化分格设计,让你的项目看起来更吸引人,用户体验更好。Metronic集成了大量的插件和UI元素,支持目前流行的各种PC浏览器、平板电脑和手机。

文章演示的是Metronic4.7.5版本,而Metronic其实有两个分支,一个是不再更新的4,最新版本是4.7.5,另一个是持续更新的5,目前最新版本是5.7.1(感兴趣或想*载下**最新版本Metronic的同学可以添加我们后台模版讨论群(698067589)赶紧加入学习吧。)。

响应式后台管理,后台管理平台开发流程详细步骤

_documentation目录

响应式后台管理,后台管理平台开发流程详细步骤

打开index.html

响应式后台管理,后台管理平台开发流程详细步骤

文档中对首页模板、字体样式、主题和布局、顶部菜单栏、左侧菜单栏、横向菜单栏、layout_blank_page.html(包含基本布局的空页面)、BootStrap插件、Jquery的插件等等还有版本更新的日志进行了一下简单的说明。可以从头到尾仔细的看一下。

我们这里重点看下8. New Page

响应式后台管理,后台管理平台开发流程详细步骤

我们看下layout_blank_page.html

响应式后台管理,后台管理平台开发流程详细步骤

这个页面是以来js和css最少的一个空页面。我们可以从这里进行开发。

Metronic4.7.5一共包含7个不同风格的模版,除了普通版本外,还拥有Angular版本。同样Metronic5.7.1也有Angular版本。

响应式后台管理,后台管理平台开发流程详细步骤

特么。。。老婆来了,算了,就这样吧。对Metronic最新版感兴趣的可以留言。