Bootstrap Metronic - 是一个完全响应式管理模板。基于Bootstrap3框架。高度可定制的,易于使用。适合从小型移动设备到大型台式机很多的屏幕分辨率。 感觉大同小异如(免费的-AdminLTE) 注: mvc4系列不会升级用metronic 软件准备:VS2013 2.资源 7个主题演示地址:http://www.keenthemes.com/ preview/metronic/ 3.用途和保障 主要用途:一体化的管理模版,构建管理系统后台,如CMS,HR,OA等管理系统必备。 花俏的软件比界面死板的同等软件价格可卖出高达40% 能合并到所有语言前端,包括主流asp.net,JSP,PHP (源源不断的Bootstrap 和Metronic作为更新技术支持,除非推兔团队解散
DOCTYPE html> <html lang="en" class="no-js"> <head> <meta charset="utf-8" /> <title>Metronic -- BEGIN PAGE LEVEL SCRIPTS --> <script src="~/Content/assets/global/scripts/<em>metronic</em>.js" type="text -- END PAGE LEVEL SCRIPTS --> <script> jQuery(document).ready(function() { <em>Metronic</em>.init(); // init <em>metronic</em> core componets Layout.init(); // init layout QuickSidebar.init(); // init quick 所以我们用递归读取菜单 5.拼接菜单栏 创建Home视图Index.cshtml并应用_Layout.cshtml Bootstrap <em>Metronic</em>并菜单没有提供Ajax模式,我们只能读取数据拼接HTML
六、Metronic Metronic 是一套精美的响应式后台管理模板,基于强大的 Twitter Bootstrap 框架实现。 Metronic 是一个自适应的HTML模版,提供后台管理模版和前端内容网页模版两种风格。 官网:http://www.zi-han.net/theme/hplus/ 与Metronic与INSPINIA非常像,插件非常多,收费998人民币。 与Metronic一样,风格也比较像,个人认为比Metronic还要强大一些,页面规范、精致、细腻、美观大方;功能强大、非常全;在所有我看到过的基于Bootstrap的网站模版中,Metronic是我认为最优秀的之一 Metronic 是一个自适应的HTML模版,提供后台管理模版和前端内容网页模版两种风格。
在前面介绍了一系列的《基于Metronic的Bootstrap开发框架经验总结》的随笔文章,随笔主要是介绍各个知识点的内容,对框架的总体性界面没有很好的阐述,本篇随笔主要介绍这个Bootstrap框架的总体性功能界面 1、《基于Metronic的Bootstrap开发框架》技术特点 1)采用最新最炫的Bootstrap响应式框架技术 整个基于Metronic的Bootstrap开发框架,界面部分采用较新的Bootstrap Metronic是一个国外的基于HTML、JS等技术的Bootstrap开发框架整合,整合了很多Bootstrap的前端技术和插件的使用,是一个非常不错的技术框架。 Enterprise Library代码生成,可以快速生成除界面外的整体性的框架代码,Bootstrap的Web界面代码生成,可以快速生成基于Metronic的Bootstrap的前端界面代码和后台控制器代码 2、《基于Metronic的Bootstrap开发框架》模块界面介绍 2.1 首页图表模块界面 ? 2.2 系统顶栏功能 ? ?
在前面的一篇随笔《基于Metronic的Bootstrap开发框架经验总结(1)-框架总览及菜单模块的处理》介绍了菜单模块的处理,主要介绍如何动态从数据库里面获取记录并构建菜单列表。 <link href="/Content/<em>metronic</em>/font-awesome/css/font-awesome.min.css" rel="stylesheet"/> <link href="/ Content/<em>metronic</em>/simple-line-icons/simple-line-icons.min.css" rel="stylesheet"/> <link href="/Content /<em>metronic</em>/bootstrap/css/bootstrap.min.css" rel="stylesheet"/> 这几种图标,都是支持各种Bootstrap的主题化显示的,如下面几种效果所示。 /global/plugins/font-awesome/css/font-awesome.css", "~/Content/themes/metronic/assets
<%--日期-时间选择-js--%> $(".form_datetime").datetimepicker({ autoclose: true, //选择后自动关闭当前时间控件 isRTL: Metronic.isRTL RTL:right to left(从右向左显示),默认为false,即:从左向右显示 format: "yyyy-mm-dd hh:ii:ss", //时间格式 pickerPosition: (Metronic.isRTL >
git remote -v //查看是否删除成功,如果没有任何返回结果,表示OK git remote add origin https://github.com/developers-youcong/Metronic_Template.git git remote get-url origin //查看远程仓库地址 git remote set-url origin https://github.com/developers-youcong/Metronic_Template.git
git remote -v //查看是否删除成功,如果没有任何返回结果,表示OK git remote add origin https://github.com/developers-youcong/Metronic_Template.git git remote get-url origin //查看远程仓库地址 git remote set-url origin https://github.com/developers-youcong/Metronic_Template.git
我在之前介绍了很多关于Boostrap的框架方面的文章,主要是介绍各种插件的使用居多,不过有时候觉得基于Metronic的Boostrap框架的界面效果不够紧凑,希望对它进行一定的调整,那么我们应该如何进行相应的样式调整呢 CSS文件的内容是在文件 metronic/assets/global/css/components-rounded.css 里面的,因此我们找到并修改对应样式即可。 ?
/docs/php-design-patterns/2018/about/1524 NiuShop开源商城 https://www.niushop.com.cn/authorization.html Metronic 后台模板 https://keenthemes.com/metronic/ http://metronic.org/ 模板分享 https://www.liangjucai.com/category/
在上篇《基于Metronic的Bootstrap开发框架经验总结(1)-框架总览及菜单模块的处理》介绍了Bootstrap开发框架的一些基础性概括,包括总体界面效果,以及布局、菜单等内容,本篇继续这一主题
在上篇《基于Metronic的Bootstrap开发框架经验总结(2)--列表分页处理和插件JSTree的使用》介绍了数据的分页处理,使用了Bootstrap Paginator插件,另外对树形列表,采用了
在前面介绍了很多篇相关的《Bootstrap开发框架》的系列文章,这些内容基本上覆盖到了我这个Bootstrap框架的各个主要方面的内容,总体来说基本达到了一个稳定的状态,随着时间的推移可以会引入一些更好更新的内容进行完善,本篇继续这个系列,主要介绍如何实现Web页面内容的打印预览和保存操作。 1、Web页面打印的问题 在此之前,我一般使用比较好用的LODOP来执行打印的操作,这个在我之前有很多文章都有涉及,这个控件是一个ActiveX的控件,需要下载安装后就可以在页面是进行打印的排版设计,预览,打印等操作
//添加对bootstrap-fileinput控件的支持 css_metronic.Include("~/Content/MyPlugins/bootstrap-fileinput /css/fileinput.min.css"); js_metronic.Include("~/Content/MyPlugins/bootstrap-fileinput/js /fileinput.min.js"); js_metronic.Include("~/Content/MyPlugins/bootstrap-fileinput/js/fileinput_locale_zh.js
在很多系统模块里面,我们可能都需要进行一定的数据交换处理,也就是数据的导入或者导出操作,这样的批量处理能给系统用户更好的操作体验,也提高了用户录入数据的效率。我在较早时期的EasyUI的Web框架上,也介绍过通过Excel进行的数据导入导出操作,随笔文章为《基于MVC4+EasyUI的Web开发框架经验总结(10)--在Web界面上实现数据的导入和导出》,本文基于Bootstrap的框架基础上,再对这个模块进行更新处理,以及Office文档或者图片等附件的查看处理。 1、数据的导入操作 一般系统模块里面,
最近一直很多事情,博客停下来好久没写了,整理下思路,把最近研究的基于Metronic的Bootstrap开发框架进行经验的总结出来和大家分享下,同时也记录自己对Bootstrap开发的学习研究的点点滴滴 1、基于Metronic的Bootstrap开发框架总览 Metronic是一个国外的基于HTML、JS等技术的Bootstrap开发框架整合,整合了很多Bootstrap的前端技术和插件的使用,是一个非常不错的技术框架
几个超级酷炫的前端模板 No 图,只有链接,都很上流,很全面 Kendo UI logo:http://demos.telerik.com/kendo-ui/ METRONIC. theme=metronic 网站小图标制作: 链接:http://app.baidu.com/app/enter?
在各种Web开发过程中,对话框和提示框的处理是很常见的一种界面处理技术,用得好,可以给用户很好的页面体验,Bootstrap开发也一样,我们往往在页面新增、编辑、查看详细等界面使用弹出对话框层的方式进行显示数据,删除则可能使用一个提示确认框,如果操作成功,我们可以使用更丰富的提示框来处理,本篇主要对比说明在Bootstrap开发中用到的这些技术要点。 1、Bootstrap对话框的使用 常规的Bootstrap有几种尺寸的对话框,包括默认状态的小对话框,中等宽度的对话框,和全尺寸的对话框几种,Bootstr
//添加对bootstrap-fileinput控件的支持 css_metronic.Include("~/Content/MyPlugins/bootstrap-fileinput/css/fileinput.min.css "); js_metronic.Include("~/Content/MyPlugins/bootstrap-fileinput/js/fileinput.min.js"); js_metronic.Include
material-dashboard-pro Demo:https://demos.creative-tim.com/material-dashboard-pro/examples/dashboard.html 3、Metronic 更多信息:https://themeforest.net/item/metronic-sensitive-admin-dashboard-template/4021469 Demo:https://keenthemes.com /metronic/ 4、Cork ?