- 博客(33)
- 资源 (17)
- 收藏
- 关注
原创 JS组件系列——Bootstrap寒冬暖身篇:弹出框和提示框效果以及代码展示
前言:对于Web开发人员,弹出框和提示框的使用肯定不会陌生,比如常见的表格新增和编辑功能,一般常见的主要有两种处理方式:行内编辑和弹出框编辑。在增加用户体验方面,弹出框和提示框起着重要的作用,如果你的系统有一个友好的弹出提示框,自然能给用户很好的页面体验。前面几章介绍了bootstrap的几个常用组件,这章来看看bootstrap里面弹出框和提示框的处理。总的来说,弹出提示主要分为三种:弹出框、确
2016-12-22 15:29:27 731
原创 JS组件系列——两种bootstrap multiselect组件大比拼
前言:今天继续来看看bootstrap的另一个组件:multiselect。记得在项目开始之前,博主项目组几个同事就使用哪些js组件展开过讨论,其中就说到了select组件,由于项目的整体风格使用的bootstrap风格,所以在选用select组件的时候优先考虑和bootstrap结合使用的。其中就找到了两个这种组件,大体样式和功能基本相同,经过一番讨论,项目组决定使用davidstutz的boo
2016-12-22 15:29:06 637
原创 JS组件系列——Bootstrap文件上传组件:bootstrap fileinput
前言:之前的三篇介绍了下bootstrap table的一些常见用法,发现博主对这种扁平化的风格有点着迷了。前两天做一个excel导入的功能,前端使用原始的input type='file'这种标签,效果不忍直视,于是博主下定决心要找一个好看的上传组件换掉它。既然bootstrap开源,那么社区肯定有很多关于它的组件,肯定也有这种常见的上传组件吧。经过一番查找,功夫不负有心人,还是被博主找到了这个
2016-12-22 15:28:55 10798 5
原创 JS组件系列——表格组件神器:bootstrap table
前言:之前一直在忙着各种什么效果,殊不知最基础的Bootstrap Table用法都没有涉及,罪过,罪过。今天补起来吧。上午博主由零开始自己从头到尾使用了一遍Bootstrap Table ,遇到不少使用方面的问题,也做了一部分笔记,在此分享出来供需要使用的园友参考。还记得前两天有园友加群问我Bootstrap Table的使用问题,呵呵,巧了,今天博主也遇到同样的问题了,在此还是要表示抱歉,没有
2016-12-22 15:28:43 615
原创 JS组件系列——表格组件神器:bootstrap table(二:父子表和行列调序)
前言:上篇 JS组件系列——表格组件神器:bootstrap table 简单介绍了下Bootstrap Table的基础用法,没想到讨论还挺热烈的。有园友在评论中提到了父子表的用法,今天就结合Bootstrap table的父子表和行列调序的用法再来介绍下它稍微高级点的用法。bootstrap table系列:JS组件系列——表格组件神器:bootstrap tableJ
2016-12-22 15:28:33 834
原创 JS组件系列——Bootstrap Table 表格行拖拽
前言:之前一直在研究DDD相关知识,好久没更新JS系列文章了。这两天做了一个简单的业务需求,觉得效果还可以,今天在这里分享给大家,欢迎拍砖~~一、业务需求及实现效果项目涉及到订单模块,那天突然接到一个需求,说是两种不同状态的订单之间要实现插单的效果,页面上呈现方式是:左右两个Table,左边Table里面是状态为1的订单,右边Table里面是状态为2订单,左边Table里面的行数据
2016-12-22 15:28:04 2257
原创 JS组件系列——Bootstrap Table 表格行拖拽(二:多行拖拽)
前言:前天刚写了篇JS组件系列——Bootstrap Table 表格行拖拽,今天接到新的需要,需要在之前表格行拖拽的基础上能够同时拖拽选中的多行。博主用了半天时间研究了下,效果是出来了,但是感觉不尽如人意。先把它分享出来,以后想到更好的办法再优化吧。一、效果展示1、拖动前 2、拖动中3、拖动后4、撤销回到拖动前状态
2016-12-22 15:27:51 3945
原创 JS系列——Linq to js使用小结
前言:前面几篇介绍了下C#基础技术中的几个:反射、特性、泛型、序列化、扩展方法、Linq to Xml等,本来还有两三个知识点没有写完,比如委托、多线程、异步等,后面会陆续将它们补起来,以便作为一套完整的系列。之所以有这篇是因为目前BS项目中前端经常需要对Json的数组对象进行筛选、查找、判断是否存在等操作。这时就想到了好用的Linq。博主几年前用过Linq to js,那个时候还觉得那样写很
2016-12-22 15:27:40 412
原创 Json——js对Json的操作
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式。博主记得几年前在华为外包项目中有一个和Android应用交互的需求,Android调用C#的Webservice的接口,就是通过Json这种格式来传递数据的。就是因为这种完全独立于语言的数据格式,所以在系统的前后台被广泛使用。本篇用来记录下前端JS以及后端C#里面JSON的一
2016-12-22 15:25:43 611
原创 Linq to Xml读取复杂xml(带命名空间)
前言:xml的操作方式有多种,但要论使用频繁程度,博主用得最多的还是Linq to xml的方式,觉得它使用起来很方便,就用那么几个方法就能完成简单xml的读写。之前做的一个项目有一个很变态的需求:C#项目调用不知道是什么语言写的一个WebService,然后添加服务引用总是失败,通过代理的方式动态调用也总是报错,最后没办法,通过发送原始的WebRequest请求直接得到对方返回的一个xml文件。
2016-12-22 15:25:28 628
原创 新作的一个bootstrap 登录框,带验证码,带校验~!
这个登陆窗口是双登陆窗口的,对IE8及早期版本不支持,可以根据自己的开发语言更换,我这个是asp的,其中的引用文件可以在网络上自行下载,如找不到可以留下邮箱~!12345678910111213141516171
2016-12-22 15:25:01 17156
原创 JS组件系列——开源免费图表组件:Chart.js
前言:最近被开源免费得有点上火了,各种组件首先想到的就是是开源否、是否免费、是否和bootstrap风格一致。想着以后做报表肯定要用到图表组件的,于是在Bootstrap中文网上面找到了Chart.js,总的来说,这个组件不能说最好,但是对于一般不太复杂的报表是够用了。今天就来看看它如何使用吧。一、组件比较以及选用其实说起报表组件,网上一搜一大把,各种让人眼花缭乱的组件,但貌似比较
2016-12-21 13:19:16 1188
原创 JS组件系列——Form表单验证神器: BootstrapValidator
前言:做Web开发的我们,表单验证是再常见不过的需求了。友好的错误提示能增加用户体验。博主搜索bootstrap表单验证,搜到的结果大部分都是文中的主题:bootstrapvalidator。今天就来看看它如何使用吧。一、源码及API地址介绍它之前,还是给出它的源码以及API的地址吧。bootstrapvalidator源码:https://github.com/nghuu
2016-12-21 13:18:26 1006
原创 JS组件系列——基于Bootstrap Ace模板的菜单和Tab页效果分享(你值得拥有)
前言:最近园子里多了许多谈语言、谈环境、谈逼格(格局)的文章,看看笑笑过后,殊不知其实都是然并卵。提升自己的技术才是王道。之前博主分享过多篇bootstrap组件的文章,引起了很多园友的关注和支持,看样子这种风格还是受到很多园友青睐的。本着不辜负园友们的支持的原则,应群友们的要求,今天来分享下项目中使用Ace模板的菜单样式和基于iframe的Tab页效果。Ace模板地址:http://co
2016-12-21 13:17:41 1846
原创 JS组件系列——Bootstrap Select2组件使用小结
前言:在介绍select组件的时候,博主之前分享过一篇JS组件系列——两种bootstrap multiselect组件大比拼,这两个组件的功能确实很强大,只可惜没有图文结合的效果(也就是将图片放入到select里面随着文字一起显示)。前两天做一个菜单图标选择的功能,就要用到这个图文选择的功能。于是乎又是找啊找。终于不负所望,找到了我们伟大的select2组件。今天分享下这个组件的一些用法和特性。
2016-12-21 13:16:40 2027
原创 JS组件系列——Bootstrap 树控件使用经验分享
前言:很多时候我们在项目中需要用到树,有些树仅仅是展示层级关系,有些树是为了展示和编辑层级关系,还有些树是为了选中项然后其他地方调用选中项。不管怎么样,树控件都是很多项目里面不可或缺的组件之一。今天,博主打算结合自己的使用经历和网上找到的一些不错的树控件在这里做一个分享,希望能帮大家找到最合适的控件。还是那句话:控件没有最好,只有最合适。一、JQuery树形控件Jquery树形控件
2016-12-21 13:14:31 2862
原创 JS组件系列——封装自己的JS组件,你也可以
前言:之前分享了那么多bootstrap组件的使用经验,这篇博主打算研究下JS组件的扩展和封装,我们来感受下JQuery为我们提供$.Extend的神奇,看看我们怎么自定义自己的组件,比如我们想扩展一个$("#id").MyJsControl({})做我们自己的组件,我们该如何去做呢,别急,我们慢慢来看看过程。一、扩展已经存在的组件1、需求背景很多时候,我们使用jquery
2016-12-21 13:13:41 1145
原创 JS组件系列——分享自己封装的Bootstrap树形组件:jqTree
前言:之前的一篇介绍了下如何封装自己的组件,这篇再次来体验下自己封装组件的乐趣。看过博主博客的园友应该记得之前分享过一篇树形菜单的使用JS组件系列——Bootstrap 树控件使用经验分享,这篇里面第一个Jquery Tree,只是用简单样式和js去实现了效果,没有给出一个系统的封装,这篇博主就来试试在此样式的基础上封装一个稍微完整点的树形组件。一、组件效果预览其实效果和之前的
2016-12-21 13:12:41 803
原创 JS组件系列——使用HTML标签的data属性初始化JS组件
前言:最近使用bootstrap组件的时候发现一个易用性问题,很多简单的组件初始化都需要在JS里面写很多的初始化代码,比如一个简单的select标签,因为仅仅只是需要从后台获取数据填充到option里面,可是从后台取数据就需要js的初始化,所以导致页面初始化的时候js的初始化代码里面出现很多重复的代码,看着很闹心。于是想起bootstrap table里面的data属性来,如果能够直接在html里
2016-12-21 13:11:48 439
原创 JS组件系列——Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
前言:最近项目里面需要用到表格的冻结列功能,所谓“冻结列”,就是某些情况下表格的列比较多,需要固定前面的几列,后面的列滚动。遗憾的是,bootstrap table里自带的fixed column功能有一点bug,于是和同事讨论该如何解决,于是就有了这篇文章。一、起因回顾最近项目里面有一个表格需求,该表格列是动态产生的,而且列的数量操作一定值以后就会出现横向滚动条,滚动的时候需要前
2016-12-21 13:10:30 2612 3
原创 JS组件系列——不容错过的两款Bootstrap Icon图标选择组件
阅读目录一、Bootstrap icon picker组件1、组件效果预览2、组件代码示例二、jQuery fontIconPicker组件1、组件效果预览2、组件代码示例三、比较 正文前言:最近好多朋友在群里面聊到bootstrap icon图标的问题,比如最常见的菜单管理,每个菜单肯定需要一个对应的菜单图标,要是有一个可视化的图标
2016-12-21 13:09:35 2348
原创 JS组件系列——Bootstrap右键菜单解决方案:ContextMenu
阅读目录一、ContextMenu介绍二、ContextMenu效果三、ContextMenu代码示例四、总结 正文前言:有段时间没发表随笔了,过个年人都变得懒了。新年刚来上班,今天正好得空,将去年遗留的两个小组件总结记录下。有朋友跟我说:你的bootstrap组件要能够形成一个可以满足一般项目需求的系列组件,才有真正的实用价值。想想说得在理。这不今天来总结下b
2016-12-21 13:08:40 2940 2
原创 JS组件系列——图片切换特效:简易抽奖系统
阅读目录一、组件预览二、代码示例1、试试手气效果代码2、简单游戏机效果代码示例3、单个停止效果代码示例三、总结 正文前言:前两天在网上找组件,无意中发现了我们儿时游戏机效果的“SlotMachine组件”,浏览一遍下来,勾起了博主小时候满满的回忆。于是下定决定要研究下这么一个东西,不得不再次叹息开源社区的强大,原来这些组件已经被封装得这么好了,使用起
2016-12-21 13:07:48 565
原创 JS组件系列——BootstrapTable+KnockoutJS实现增删改查解决方案(一)
阅读目录一、Knockout.js简介1、Knockout.js和MVVM2、最简单的实例3、监控属性4、ko里面常见的data-bind属性5、Json对象和监控属性的转化及关系6、创建自己的data-bind属性二、第一个增删改查实例 正文前言:出于某种原因,需要学习下Knockout.js,这个组件很早前听说过,但一直没尝试使用,这两天学习了下
2016-12-21 13:06:41 855
原创 JS组件系列——BootstrapTable+KnockoutJS实现增删改查解决方案(二)
阅读目录一、效果预览二、代码示例1、表格初始化2、按钮操作三、总结 正文前言:上篇 JS组件系列——BootstrapTable+KnockoutJS实现增删改查解决方案(一) 介绍了下knockout.js的一些基础用法,由于篇幅的关系,所以只能分成两篇,望见谅!昨天就觉得应该快点完成下篇,要不然有点标题党的感觉,思及此,博主心有不安,于是加班赶出
2016-12-21 13:05:51 1649
原创 JS组件系列——BootstrapTable+KnockoutJS实现增删改查解决方案(三):两个Viewmodel搞定增删改查
阅读目录一、时间组件1、效果展示2、源码说明3、代码示例二、自增器组件1、效果展示2、源码说明3、代码示例三、加载效果一、实用型二、炫酷型四、流程图小插件1、效果展示2、源码说明3、代码示例五、按钮提示组件bootstrap-confirmation1、效果展示2、源码说明3、代码示例六、图片分类、过滤组件MuxitUp七、总结
2016-12-21 13:02:42 1078
原创 JS组件系列——Bootstrap组件福利篇:几款好用的组件推荐(二)
阅读目录七、多值输入组件manifest1、效果展示2、源码说明3、代码示例八、文本框搜索组件bootstrap-typeahead1、效果展示2、源码说明3、代码示例九、bootstrap步骤组件1、效果展示2、源码说明3、代码示例十、按钮加载组件ladda-bootstrap1、效果展示2、源码说明3、代码示例十一、开关组件bootstr
2016-12-21 13:01:03 2188
原创 JS组件系列——BootstrapTable 行内编辑解决方案:x-editable
阅读目录一、x-editable组件介绍二、bootstrapTable行内编辑初始方案三、bootstrapTable行内编辑最终方案1、文本框2、时间选择框3、下拉框4、复选框5、“阴魂不散”的select2四、总结 正文前言:之前介绍bootstrapTable组件的时候有提到它的行内编辑功能,只不过为了展示功能,将此一笔带过了,罪过罪过!最近
2016-12-21 12:59:16 3300
原创 JS组件系列——又一款MVVM组件:Vue(一:30分钟搞定前端增删改查)
阅读目录一、MVVM大比拼二、Vue常用网址三、Vue基础入门1、MVVM图例2、第一个Vue实例3、双向绑定四、常用指令1、v-text、v-html指令2、v-model指令3、v-if、v-else指令4、v-show指令5、v-for指令6、v-once指令7、v-bind指令8、v-on指令9、实例一:30分钟搞定增删改查10、实例二:带分页的表格五、总结
2016-12-21 12:57:22 3756
原创 JS组件系列——Bootstrap组件福利篇:几款好用的组件推荐
阅读目录一、时间组件1、效果展示2、源码说明3、代码示例二、自增器组件1、效果展示2、源码说明3、代码示例三、加载效果一、实用型二、炫酷型四、流程图小插件1、效果展示2、源码说明3、代码示例五、按钮提示组件bootstrap-confirmation1、效果展示2、源码说明3、代码示例六、图片分类、过滤组件MuxitUp 七、总结
2016-12-21 12:55:26 1506
原创 数据分页模块系列 完美封装PageModel实现分页模块
先说一下框架分页技术,在我们之前那个高校项目中使用DWZ实现的分页用了自定义标签使用起来也比较方便,除了DWZ很多框架已经给我们做好了分页我们需要做的仅仅是把一些分页参数传给我们的框架,俗话说你用别人的东西就得按着别人的来,得按着别人的框架进行布局了、传参了等等,这样灵活性大大降低,况且感觉使用框架频繁的一些软件一般是一些管理类型的,对界面的美观方便需求并不是很高,工整、能用就可以,然而呢,还有些
2016-12-08 13:17:46 2011
原创 Mybatis物理分页插件(目前mybatis下最好的物理分页)
使用方式:http://my.oschina.net/miemiedev/blog/135516 项目git地址:https://github.com/miemiedev/mybatis-paginator miemiedev还提供了一系列针对mybatis的插件,项目首页:https://github.com/miemiedev 简单示例: 在Maven中加入依赖:
2016-12-08 13:13:11 4610 1
原创 用JS获取Html标签属性
用JS获取Html标签属性有两种方法:如Web开发JS代码:var ka=document.getElementByI d("link");alert(ka.getAttribute("id"));alert(ka.id);两种方法都能弹出a标签的ID属性,但从各浏览器兼容上来说用ka.id的方式更好,但对于自定义属性blogname,则就要用getAttr
2016-12-02 09:31:49 3195
工资管理系统(Servlet+mysql5+jdk1.8+jsp+tomcat8)
2024-01-25
editorAnnotate.zip
2020-08-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人