E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
metronic
基于
Metronic
的Bootstrap开发框架经验总结(16)-- 使用插件bootstrap-table实现表格记录的查询、分页、排序等处理
在业务系统开发中,对表格记录的查询、分页、排序等处理是非常常见的,在Web开发中,可以采用很多功能强大的插件来满足要求,且能极大的提高开发效率,本随笔介绍这个bootstrap-table是一款非常有名的开源表格插件,在很多项目中广泛的应用。Bootstrap-table插件提供了非常丰富的属性设置,可以实现查询、分页、排序、复选框、设置显示列、Cardview视图、主从表显示、合并列、国际化处理
伍华聪_开发框架
·
2017-08-06 10:00
基于
Metronic
的Bootstrap开发框架经验总结(16)-- 使用插件bootstrap-table实现表格记录的查询、分页、排序等处理
在业务系统开发中,对表格记录的查询、分页、排序等处理是非常常见的,在Web开发中,可以采用很多功能强大的插件来满足要求,且能极大的提高开发效率,本随笔介绍这个bootstrap-table是一款非常有名的开源表格插件,在很多项目中广泛的应用。Bootstrap-table插件提供了非常丰富的属性设置,可以实现查询、分页、排序、复选框、设置显示列、Cardview视图、主从表显示、合并列、国际化处理
伍华聪
·
2017-08-04 21:00
Vue.js仿
Metronic
高级表格(二)数据渲染
上篇使用Vue.js制作仿
Metronic
高级表格(一)静态设计介绍了需求、原型设计以及静态页面实现,这篇讲解如何使用Vue渲染数据,实现动态展示。
TinyJian
·
2017-04-19 08:15
Vue.js仿
Metronic
高级表格(一)静态设计
Metronic
高级表格是Metonic框架中自行实现的表格,其底层是Datatables,本教程将主要使用Vue实现交互部分,使用Bootstrap做样式库,jQuery做部分用户交互(弹窗)。
TinyJian
·
2017-04-17 10:21
后台管理UI的选择
目录一、EasyUI二、DWZJUI三、HUI四、BUI五、AceAdmin六、
Metronic
七、H+UI八、AdminLTE九、INSPINIA十、LigerUI十一、FineUI十二、其它UI十三
douglas8287
·
2017-02-15 19:18
前端组件库
git.souche.com/souche-vue/sue-pc饿了么VUE2.0架构组件库http://element.eleme.io/#/zh-CNJquery架构组件库基于jquery:http://
metronic
.kp7
大搜车-自娱
·
2016-12-29 13:20
nodejs
使用velocity 代码生成器,告别繁琐的增删改查
velocity代码生成器本文采用velocity模板来生成基于springmvc,springdatajpa,spring的后台架构和前端用的
Metronic
的crud代码。大大的提升了开发速度。
Sirius_KP
·
2016-12-23 15:27
代码生成器
20 个前端开发 Bootstrap 后台管理模板
Metronic
–ResponsiveAdminDashboardTemplate
Metronic
isaresponsiveandmultipurposeadminandfront-endthemebuiltwithBootstrap3.2
ejinxian
·
2016-12-01 12:58
Web前端
Bootstrap 之
Metronic
模板的学习之路 - (6)自定义和扩展
前面我们将
Metronic
的结构和源码大致浏览了一遍,
Metronic
整个文件包有三百多兆,在实际项目中,我们肯定用不到所有文件,这时,我们需要做一些自定义。
ingood
·
2016-09-05 00:00
前端
css
javascript
metronic
基于BootStrap的
Metronic
框架实现页面链接收藏夹功能按钮移动收藏记录(使用Sortable进行拖动排序)
在上篇文章:基于Bootstrap的
Metronic
框架实现页面链接收藏夹功能,介绍了链接收藏夹功能的实现,以及对收藏记录的排序处理。
伍华聪
·
2016-08-29 10:29
基于
Metronic
的Bootstrap开发框架经验总结(14)--条码和二维码的生成及打印处理
在很多项目里面,对条形码和二维码的生成和打印也是一种很常见的操作,在Web项目里面,我们可以利用JS生成条形码和二维码的组件有很多。本文引入两个比较广泛使用的JS组件,用来处理条形码和二维码的生成处理,并介绍如何利用CLODOP组件实现内容的打印输出。生成条形码使用组件JsBarcode,生成二维码使用组件qrcodejs。1、条形码的生成条码的作用一般在一些商品标签上,方便使用条码枪快速、准确录
伍华聪
·
2016-08-28 13:00
基于
Metronic
的Bootstrap开发框架经验总结(14)--条码和二维码的生成及打印处理
在很多项目里面,对条形码和二维码的生成和打印也是一种很常见的操作,在Web项目里面,我们可以利用JS生成条形码和二维码的组件有很多。本文引入两个比较广泛使用的JS组件,用来处理条形码和二维码的生成处理,并介绍如何利用CLODOP组件实现内容的打印输出。生成条形码使用组件JsBarcode,生成二维码使用组件qrcodejs。1、条形码的生成条码的作用一般在一些商品标签上,方便使用条码枪快速、准确录
伍华聪_开发框架
·
2016-08-28 13:12
基于
Metronic
的Bootstrap开发框架经验总结(13)--页面链接收藏夹功能的实现2(利用Sortable进行拖动排序)
在上篇随笔《基于
Metronic
的Bootstrap开发框架经验总结(12)--页面链接收藏夹功能的实现》上,我介绍了链接收藏夹功能的实现,以及对收藏记录的排序处理。
伍华聪
·
2016-08-28 12:00
Bootstrap 之
Metronic
模板的学习之路 - (7)GULP 前端自动化工具
初步了解
Metronic
的结构和应用后,我们就可以在项目中应用起来了。
ingood
·
2016-08-28 00:00
metronic
gulp
Bootstrap 之
Metronic
模板的学习之路 - (5)主题&布局配置
ThemeSetup主题配置
Metronic
comeswith6colorthemes,default,darkblue,blue,grey,light,light2.Tosetupaselectedtheme.Include
ingood
·
2016-08-27 00:00
metronic
bootstrap
Bootstrap 之
Metronic
模板的学习之路 - (4)源码分析之脚本部分
上篇我们将body标签主体部分进行了简单总览,下面看看最后的脚本部门。页面结尾部分(Javascripts脚本文件)我们来看看代码最后的代码,摘取如下:我们发现,所有脚本都在之前,而且,源码结尾也没有标签,这主要是因为以下一些原因:为什么放在最后HTML文件的加载都是从上往下执行的,我们一般习惯将一些对显示效果影响不大的脚本文件放到页面的最后进行加载。这样可以减少页面的加载时间。为什么放在之前只所
ingood
·
2016-08-25 00:00
javascript
metronic
bootstrap
Bootstrap 之
Metronic
模板的学习之路 - (3)源码分析之 body 部分
body的组成结构body部分包含了HEADER、CONTAINER、FOOTER,其中CONTAINER部分又包含了SIDEBAR、CONTENT、QUICKSIDEBAR几个部分。body部分源码折叠后截图如下:Header页面顶部Headercontainsoflogoandtopmenubaranditusedinallpages.页面顶部(或头部)应用于所有的页面,包含logo、顶部菜单
ingood
·
2016-08-24 00:00
css
html5
metronic
bootstrap
Bootstrap 之
Metronic
模板的学习之路 - (1)总览
Metronic
是我最喜欢的模板之一(看一眼就喜欢上的那种),当前售价$28,觉得赞的,不妨支持一下作者。觉得贵的,想必不用我说,你也会找到途径。
ingood
·
2016-08-22 00:00
css
html5
metronic
bootstrap
基于
Metronic
的Bootstrap开发框架经验总结(5)--Bootstrap文件上传插件File Input的使用
Bootstrap文件上传插件FileInput是一个不错的文件上传控件,但是搜索使用到的案例不多,使用的时候,也是一步一个脚印一样摸着石头过河,这个控件在界面呈现上,叫我之前使用过的Uploadify好看一些,功能也强大些,本文主要基于我自己的框架代码案例,介绍其中文件上传插件FileInput的使用。关于Uploadify的控件介绍,可以参考我之前的随笔介绍《基于MVC4+EasyUI的Web
伍华聪_开发框架
·
2016-07-23 15:17
Bootstrap
Metronic
完全响应式管理模板之菜单栏学习笔记
继续上一篇,针对Bootstrap
Metronic
菜单栏整理的笔记分享给大家,供大家参考,具体内容如下1.简介1).环境配置2).提取页面3).动态生成菜单(无限级别树)2.系统环境配置项目需要程序数据支撑
ymnets
·
2016-07-08 09:26
Bootstrap
Metronic
完全响应式管理模板学习笔记
学习使用Bootstrap
Metronic
完全响应式管理模板,具体内容如下1.简介Bootstrap
Metronic
是一个基于Bootstrap3.x的高级管理控制面板主题。
ymnets
·
2016-07-08 08:35
bootstrap-closable-tab tab可关闭组件
我一直不太信任自己的记忆力,所以我把它们都写下来 最近在搭建一套基于SpringMVC+Hibernate+Ehcache+ApacheShiro+WebSocket,前端使用bootstrap模板
metronic
云上太阳
·
2016-07-05 22:00
bootstrap
tab
关闭
tab可关闭
标签关闭
bootstrap-closable-tab tab可关闭组件
我一直不太信任自己的记忆力,所以我把它们都写下来最近在搭建一套脚手架项目,基于SpringMVC+Hibernate+Ehcache+ApacheShiro+WebSocket,前端使用bootstrap模板
metronic
云上太阳
·
2016-07-05 22:00
tab可关闭
标签关闭
bootstrap
tab
关闭
基于
Metronic
的Bootstrap开发框架经验总结(10)--优化Bootstrap图标管理
在前面随笔《基于
Metronic
的Bootstrap开发框架经验总结(4)--Bootstrap图标的提取和利用》中
伍华聪
·
2016-06-28 18:00
能不能对
metronic
继续封装一下呢
按照这篇文章的说法,目前
metronic
的层级还是较低的,只是针对Bootstrap做了很多的用例(最佳实践)。我上一个项目是用easyUI,准确地说,是经过简单封装的easyUI。
慧可
·
2016-05-13 18:00
metronic
后台模板学习 -- 所用外部插件列表
插件名称描述URLjQuery1.11.0js库,不用介绍了http://www.jquery.comjQueryMigrateplugin1.2.1jQuery老版本过渡迁移插件http://www.jquery.comTwitterBootstrapv3.3.4Bootstrap,不用介绍了http://getbootstrap.comSelect2v3.4.6Select2,基于jQuer
慧可
·
2016-05-12 17:00
读
metronic
文档学到的几个知识点
1.RTL 同样的页面,它做了两套。为什么,因为在这个世界上,有些民族,有些语种,是从右向左来的。 2.googlematerialdesign同样的一套东西,又分别做了googlematerial版,那默认版是什么呢?flatdesign版。google的设计师是怎么想的呢?引用一张图,来自知乎:还记得,ipod旋转的马达声吗,就是这个意思。
慧可
·
2016-05-12 15:00
基于BootStrap
Metronic
开发框架经验小结【九】实现Web页面内容的打印预览和保存操作
本篇文章主要介绍如何实现Web页面内容的打印预览和保存操作的相关知识,一起学习吧!1、Web页面打印的问题在此之前,我一般使用比较好用的LODOP来执行打印的操作,这个在我之前有很多文章都有涉及,这个控件是一个ActiveX的控件,需要下载安装后就可以在页面是进行打印的排版设计,预览,打印等操作,还是很方便的一个控件,因此都很适合普通内容的打印,证件的套打等操作。不过随着浏览器技术的更新,这个插件
伍华聪
·
2016-05-12 13:16
基于BootStrap
Metronic
开发框架经验小结【八】框架功能总体界面介绍
1、《基于
Metronic
的Bootstrap开发框架》技术特点1)采用最新最炫的Bootstrap响应式框架技术整个基于
Metronic
的Bootstrap开发框架,界面部分采用较新的
伍华聪
·
2016-05-12 12:42
基于BootStrap
Metronic
开发框架经验小结【七】数据的导入、导出及附件的查看处理
在很多系统模块里面,我们可能都需要进行一定的数据交换处理,也就是数据的导入或者导出操作,这样的批量处理能给系统用户更好的操作体验,也提高了用户录入数据的效率。本文基于Bootstrap的框架基础上,再对这个模块进行更新处理,以及Office文档或者图片等附件的查看处理。1、数据的导入操作一般系统模块里面,都有数据导入和导出操作,因此在界面自动生成的时候,我都倾向于给用户自动生成这些标准的查询、导入
伍华聪
·
2016-05-12 11:40
基于BootStrap
Metronic
开发框架经验小结【六】对话框及提示框的处理和优化
在各种Web开发过程中,对话框和提示框的处理是很常见的一种界面处理技术,用得好,可以给用户很好的页面体验,Bootstrap开发也一样,我们往往在页面新增、编辑、查看详细等界面使用弹出对话框层的方式进行显示数据,删除则可能使用一个提示确认框,如果操作成功,我们可以使用更丰富的提示框来处理,本篇主要对比说明在Bootstrap开发中用到的这些技术要点。1、Bootstrap对话框的使用常规的Boot
伍华聪
·
2016-05-12 11:11
基于BootStrap
Metronic
开发框架经验小结【五】Bootstrap File Input文件上传插件的用法详解
Bootstrap文件上传插件FileInput是一个不错的文件上传控件,但是搜索使用到的案例不多,使用的时候,也是一步一个脚印一样摸着石头过河,这个控件在界面呈现上,叫我之前使用过的Uploadify好看一些,功能也强大些,本文主要基于我自己的框架代码案例,介绍其中文件上传插件FileInput的使用。1、文件上传插件FileInput介绍这个插件主页地址是:http://plugins.kra
伍华聪
·
2016-05-12 11:40
基于BootStrap
Metronic
开发框架经验小结【四】Bootstrap图标的提取和利用
在前面的一篇随笔基于BootStrap
Metronic
开发框架经验小结【一】框架总览及菜单模块的处理,介绍了菜单模块的处理,主要介绍如何动态从数据库里面获取记录并构建菜单列表。
伍华聪
·
2016-05-12 11:46
基于BootStrap
Metronic
开发框架经验小结【三】下拉列表Select2插件的使用
在上篇基于BootStrap
Metronic
开发框架经验小结【二】列表分页处理和插件JSTree的使用,介绍了数据的分页处理,使用了BootstrapPaginator插件,另外对树形列表,采用了JSTree
伍华聪
·
2016-05-12 11:24
基于BootStrap
Metronic
开发框架经验小结【二】列表分页处理和插件JSTree的使用
在上篇基于BootStrap
Metronic
开发框架经验小结【一】框架总览及菜单模块的处理,介绍了Bootstrap开发框架的一些基础性概括,包括总体界面效果,以及布局、菜单等内容,本篇继续这一主题,介绍页面内容常用到的数据分页处理
伍华聪
·
2016-05-12 10:16
基于BootStrap
Metronic
开发框架经验小结【一】框架总览及菜单模块的处理
大家对Bootstrap框架知识了解多少Bootstrap是一个前端的技术框架,很多平台都可以采用,JAVA/PHP/.NET都可以用来做前端界面,整合JQuery可以实现非常丰富的界面效果,目前也有很多Bootstrap的插件能够提供给大家使用,但是在国内很多基于Bootstrap的介绍很多还是停留在教学的基础上,介绍Bootstrap的各种基础知识和简单的使用;本文希望以基于C#的MVC实际项
伍华聪
·
2016-05-12 10:54
Tab的改造
背景:很多后台管理系统为了方便浏览,都需要做多Tab的形式(多页签),而
metronic
这点我觉得很烂。
wzalong
·
2016-05-04 13:44
JavaScript
bootstrap-Responsive Admin Dashboard Template
下载:
Metronic
V4.5.2ResponsiveAdminDashboardTemplatebuildwithTwitterBootstrap3.3.5;
OiteBody
·
2016-03-07 16:09
1、背景
metronic
的介绍:请各位网上搜索一下,据我了解应该是老外开发的一款基于bootstra
wzalong
·
2016-03-01 15:19
关于为什么要开这个博客
最明显的一点就是,过去总以为自己在后端会用一些开源框架,在前端会用jQuery和
metronic
之类的前端框架写出一些酷炫的界面,就已经可以快速适应企业开发了,
大豪。
·
2016-02-28 11:00
网页模板
非常不错的后台网页模板
Metronic
3.8.1http://
metronic
.kp7.cn/http://themeforest.net/item/
metronic
-responsive-admin-dashboard-template
tangzongyun
·
2016-02-21 13:14
后台网页模板
基于
Metronic
的Bootstrap开发框架经验总结(9)--实现Web页面内容的打印预览和保存操作
在前面介绍了很多篇相关的《Bootstrap开发框架》的系列文章,这些内容基本上覆盖到了我这个Bootstrap框架的各个主要方面的内容,总体来说基本达到了一个稳定的状态,随着时间的推移可以会引入一些更好更新的内容进行完善,本篇继续这个系列,主要介绍如何实现Web页面内容的打印预览和保存操作。1、Web页面打印的问题在此之前,我一般使用比较好用的LODOP来执行打印的操作,这个在我之前有很多文章都
伍华聪
·
2016-01-21 10:00
基于
Metronic
的Bootstrap开发框架经验总结(9)--实现Web页面内容的打印预览和保存操作
在前面介绍了很多篇相关的《Bootstrap开发框架》的系列文章,这些内容基本上覆盖到了我这个Bootstrap框架的各个主要方面的内容,总体来说基本达到了一个稳定的状态,随着时间的推移可以会引入一些更好更新的内容进行完善,本篇继续这个系列,主要介绍如何实现Web页面内容的打印预览和保存操作。1、Web页面打印的问题在此之前,我一般使用比较好用的LODOP来执行打印的操作,这个在我之前有很多文章都
伍华聪
·
2016-01-21 10:00
主流开发框架和前台模板
主要的后端架构:Spring+SpringMVC+Mybatis+ApacheShiro前端界面主要使用
MetroNic
模板, 可以参考:http://blog.csdn.net/zoutongyuan
sky_xin
·
2016-01-13 15:00
Metronic
– 模板,基于 Bootstrap 的响应式后台+前台 管理模板
Metronic
是一套精美的响应式后台管理模板,基于强大的TwitterBootstrap框架实现。
u011077966
·
2015-12-22 11:00
模板
bootstrap
AngularJS 监听某数据集渲染完成
/* * Controller文件中的代码 * Setup general page controller */
Metronic
App.controller('simpleManageController
啊莫
·
2015-12-14 17:00
Metronic
V4.5.2 Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.5
TemplateName:
Metronic
-ResponsiveAdminDashboardTemplatebuildwithTwitterBootstrap3.3.5Version:4.5.2Author
lxj521
·
2015-11-24 17:00
UI
template
bootstrap
响应式
metronic
扫描本地页面文件.html或jsp,按照原目录结构,提取页面相关的js.css.img等
做项目的过程中经常会用到一些现有模板,比如
Metronic
模板,因为这些模板都是整套很全面的,有时候大小接近100M,然而我们项目只需要用到其中的一两个页面效果,传统的方式1.是不管大小把所有依赖的资源全部扔到项目中
wu1g119
·
2015-11-14 12:00
MVC4商城项目三:分部视图在导航条上的应用
写了几天发觉大部分时间用在JS上了,本来想写个musicstore,却加了框架,然后又想用后台,然后又想用上bootstrapt,然后又想弄权限设计,然后又想………… 看来是想多了~ 好吧,最近把后台搭起来了,用了
metronic
.bootstrap
·
2015-11-07 11:27
mvc
后台管理-基于 Bootstrap 开发的网站后台管理面板
Metronic
Demo : http://www.keenthemes.com/preview/
metronic
/ Matrix Admin Demo:http://themedesigner.in
·
2015-10-31 11:59
bootstrap
上一页
1
2
3
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他