metronic是款功能非常强大的bootstrap框架模板；这款软件是这Twitter Bootstrap 3.3.5框架上面进行开始的实现的，变迁还是多功能的后台管理，包括了前台的开发模块，也是个响应式的管理模块，并且还拥有许多的颜色、页面模块、地图等进行快速的管理选择；metronic 最新版非常的适合小型的移动设备、大型的台式机进行屏幕分辨率等，需要的朋友赶快将metronic 下载来使用试试吧！
软件功能
Metronic可以用于各种形式的网站程序，如管理员后台，管理仪表，电子商务后台，CMS，CRM，SAAS，公司网站，电商网站，商务网站，信息展示站，博客等。
Metronic的时尚，干净，扁平化的设计，可以让你的网站看起来很友好，很吸引人。
Metronic模板包含了大量的插件和UI元素，并且可以在主流浏览器和平板设备，智能设备正常显示。
浏览器兼容：河东下载iE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome
对比了其他Bootstrap定制的影响式模版，这个功能与插件比较丰富。感觉大同小异如（免费的-AdminLTE）
我很少做前端开发，本文是作为笔记和共同学习的过程。请读者读时勿偏激。可能会颠覆你的前端观念
一体化的管理模版，构建管理系统后台，如CMS,HR,OA等管理系统必备
花俏的软件比界面死板的同等软件价格可卖出高达40%
软件特色
Metronic是一个国外的基于HTML、JS等技术的Bootstrap开发框架整合，整合了很多Bootstrap的前端技术和插件的使用，是一个非常不错的技术框架。
本文以这个为基础，结合我对MVC的Web框架的研究，整合了基于MVC的Bootstrap开发框架，使之能够符合实际项目的结构需要的实际项目。
使用方法
目录
按目录名称可以看出包含了文档（documentation），资源（resources），开始(start)，主题(theme与theme_trl)，说明readme.txt
打开readme我们可以看到我们只需要用theme这个文件夹即可。theme_rtl支持RTL，RTL颠覆我的编程习惯。
可以依次运行theme-->templates-->adminX下的index效果。
然并卵，发现每一个admin对应了admin_material_design，根据readme说明admin_material_design是对应AngularJS版本的，不知道说得对比。
不懂AngularJS所以我们只用到正常版本的adminX
以上是部分截图。右边的设置可以设置布局的方式
把浏览器缩小看看平板下的效果同样非常不错。
基于Metronic的Bootstrap开发框架总览
Metronic是一个国外的基于HTML、JS等技术的Bootstrap开发框架整合，整合了很多Bootstrap的前端技术和插件的使用，是一个非常不错的技术框架。本文以这个为基础，结合我对MVC的Web框架的研究，整合了基于MVC的Bootstrap开发框架，使之能够符合实际项目的结构需要的实际项目。
以下是我整体性项目的总的效果图。
启动菜单区的内容，动态从数据库里面获取，系统顶栏放置一些信息展示，以及提供用户对个人数据快速处理，如查看个人信息、注销、锁屏等操作，内容区域则主要是可视化展示的数据，可以通过树列表控件、表格控件进行展示，一般数据还有增删改查、以及分页的需要，因此需要整合各种功能的处理。另外，用户的数据，除了查询展示外，还需要有导入、导出等相关操作，这些是常规性的数据处理功能。确定好这些规则和界面效果后，我们可以通过代码生成工具进行生成，快速生成这些Web项目的界面效果了。
Bootstrap开发框架菜单展示
整个框架涉及了很多内容，包括常规Bootstrap的各种CSS特性的使用，以及菜单栏、Bootstrap图标管理、系统顶栏、树形控件JSTree、Portlet容器、Modal对话框、Tab控件、、下拉列表Select2、复选框iCheck、多文本编辑控件summernote、文件及图片上传展示fileinput、提示控件bootstrap-toastr和sweetalert、数值调整控件touchspin、视频播放展示控件video-player等等，这些特性在整体性的解决方案里面都有设计，集合这些优秀的插件，能够为我们的框架提供更强大的功能和丰富的界面体验。
本节继续回到框架的开始部分，菜单的处理和展示。一般为了管理方便，菜单分为三级，选中的菜单和别的菜单样式有所区分，菜单可以折叠最小化，效果如下所示。
在Bootstrap，构建菜单是一个相对比较容易的事情，主要是利用了UL和LI，通过样式的处理，就可以实现了菜单的布局设置了，代码如下所示。
但是，我们一般的菜单是动态变化的，也就是需要从数据库里面获取，并设置到前端显示，这样我们就需要在MVC的控制器里面，输出菜单的内容，然后绑定到前端的界面上，实现菜单数据的动态化，同时这也是权限控制的基础处理。
在基类里面，我们可以在用户登陆后，获取菜单的数据放到ViewBag对象里面。
具体代码如下所示，先判断用户是否登陆，如果登陆，则获取用户的菜单数据，存在ViewBag里面待用。
其中，GetMenuString函数就是对菜单的组装处理。数据库中菜单的信息是一个树形结构，如下所示。
我们可以根据数据库的菜单信息，构建一部分界面用到的HTML代码。
例如三级菜单就可以通过代码进行生成。
当然，如果想提高并发量，可以减少菜单的频繁检索，把这部分数据放到MemeryCache里面，如下处理即可。
页面编辑工具Sublime Text的使用
我前面截图，很多是VS环境里面的，不过一般我们编辑视图页面的时候，都是采用Sublime Text这个强大的编辑工具的，丰富的插件、智能语法提示等，会让你用了之后爱不释手，是编辑视图页面非常快速的利器，强烈推荐使用。
VS一般我们用来做文件管理，以及编译等处理就可以了。
常见问题
魁sommes理性？
一个l'origine D'UN Groupe床é恩交易所起价1997，该EST aujourd'hui乐领袖河畔乐月é弗兰çAIS de la TNT等杜卫星，AINSI阙乐SPécialiste de l'univers音频视频éO.
原位éE AU COEUR拉海纳（37），洛杉矶社会éTéEST principalement公关é森特恩法国，en Espagne，金葡萄牙、比利时等去意大利。
一个结构Ré活跃
该conjugue quipes DE L'合奏DESéSES努力AFIN去faciliter UNE的配料疗效等网络d'idéES innovantes河畔乐月é。
联合国Pô乐Recherche et dé联合国
永远要保人DES PRODUITSàLa Pointe德拉TECHNOLOGIE，泰勒EST LA设计杜Pô乐Recherche et D联合国é创力。这就是为什么NOS INGénieurs mettent EN作品风情万种的鲁尔专长AFIN去concevoir DES技术permettant d'améliorer La Laé质量é等简单使用DES PRODUITS创力。
联合国Pô乐设计等通信
这是金心杜Pô乐设计传播该阙硒铬éE l'identitévisuelle德拉马克。策勒CI EST Dé有限PAR圣母é07quipe Cré性太子港Travers的设计产品，设计包装等德拉通信创力。乐Pô乐设计等通信遇到également EN Place des公司d'aide前卫Vente（解决方案营销等运算érationnelles）等4ès-vente（解决方案销售）。
联合国中心D'APPEL
BASéE EN都兰，圣母é07quipe de techniciens等conseillers该ESTàvotreé对策pour vous garantir乐meilleur Conseil前卫Vente et le meilleur服务月ès-vente。
∨ 展开