摘要: 写在前面: 在做表格的时候,难免会碰到做统计的时候。由于在项目中涉及到做统计的功能比较简单,之后也就没有过多的去研究更复杂的,这里简单记录下。 这次就直接先上图:一个简单的例子 看到效果图还是很好的,也比较的简单,下面看一下具体的代码实现,这里也就直接上代码了。 好啦,基本的用法都在代码中做了简单的 阅读全文
posted @ 2018-09-01 16:56 蚊蚊蚊蚊蚊170624 阅读(12865) 评论(0) 推荐(0)
摘要: 写在前面: bootstrap进度条的样式还是很好看的,直接拿demo来用就可以。 下面看个简单的例子的代码吧 效果图显示: 由于bootstrap进度条控制其进度是靠width的,故我们只需要动态改变它的width就可以了。如果使用jquery来改变则通过改变css的属性就可以了 如果要想在进度条 阅读全文
posted @ 2018-09-01 15:04 蚊蚊蚊蚊蚊170624 阅读(464) 评论(0) 推荐(0)
摘要: 写在前面: 表格在项目中是使用比较多的,bootstrap-table插件也是非常好用,而且表格页面也比较好看。这里也简单的记录下。 下面直接看demo吧,代码中都注释了,有些用法,这里没有用到,需要用到的可以在网上查查。例子有很多的。 这样一个table就出来了,下面是它的效果图: 用法也还是很方 阅读全文
posted @ 2018-08-08 16:24 蚊蚊蚊蚊蚊170624 阅读(1728) 评论(0) 推荐(0)
摘要: 写在前面: bootstrap本身提供了它自己的模态框,但是感觉并不太友好,当需要在页面点击一个按钮打开一个窗口页面时,使用原有的bootstrap的模态框,会把所有的代码全部写在一个jsp页面,显得比较不好分离。所以最后还是选择使用了基于bootstrap的一个对话框插件bootstrap-dia 阅读全文
posted @ 2018-08-07 17:21 蚊蚊蚊蚊蚊170624 阅读(1093) 评论(0) 推荐(0)
摘要: 写在前面: 在这次的项目中,没有再使用liger-ui做为前端框架了,改为了Bootstrap,这次也好接触下新的技术,在学习的过程中发现,Bootstrap的一些组件基本都是采用class的形式,就是给一个它定义好的样式,就会给你展现出一个好看的组件出来,这个比liger-ui的界面做的要好,但是 阅读全文
posted @ 2018-08-06 11:40 蚊蚊蚊蚊蚊170624 阅读(19415) 评论(0) 推荐(1)
摘要: 写在前面: 页面发送ajax请求到后台,后台返回对应的json格式数据给前台页面进行数据展示,如果json数据中含有日期时间,就需要对日期进行处理 下面是相关的代码部分 这里需要实现JsonValueProcessor 没有用过其他的用法,也就没有去过多的深究,仅仅做个记录吧~~~ 阅读全文
posted @ 2018-08-04 16:46 蚊蚊蚊蚊蚊170624 阅读(1303) 评论(0) 推荐(0)
摘要: 写在前面: 在做一些添加功能的时候,表单的提交前的验证是必不可少的,jquery的validate插件就还可以,对于基本的需求已经够了。这里记录下基本的用法。 还是写个简单的demo吧 jquery表单的验证还是比较简单的,这里的用法也只是简单的写了个demo,如果要验证radio与checkbox 阅读全文
posted @ 2018-08-04 12:22 蚊蚊蚊蚊蚊170624 阅读(373) 评论(0) 推荐(0)
摘要: 写在前面: 最近在项目中使用了Criteria的分页查询,当查询的数据没有重复的记录还好,但是当数据有关联并出现重复记录的时候,就要去重,那么就会出现查询的记录数与实际的不一致的问题。这里也记录一下解决的办法。 这里只是拿学生Student表与班级来举例,没有经过测试 1.查询全部的数据,不进行分页 阅读全文
posted @ 2018-08-03 16:30 蚊蚊蚊蚊蚊170624 阅读(3560) 评论(0) 推荐(0)
摘要: 写在前面: 最近在搭建项目前台页面框子的时候,把iframe设置成了固定的高度,导致不同的电脑尺寸访问的时候,高度差异较大,故查了下,将iframe设置成自动适应屏幕高度的方式,这里记录下。 还是直接上代码吧 黄色标记的代码部分就是主要的。首先将iframe的高度设置成100%,然后在iframe加 阅读全文
posted @ 2018-07-07 09:02 蚊蚊蚊蚊蚊170624 阅读(7715) 评论(0) 推荐(1)
摘要: 写在前面: 在项目首页会用到图片由小变大的动画效果,一开始直接使用的是css3,给图片添加相关样式即可,可是ie不兼容,故使用jquery的animate方法来实现。 1.使用jquery的animate实现 2. 使用css3实现 这里就不上效果图了,对比下来css3呈现的效果更炫,但是为了更好的 阅读全文
posted @ 2018-07-03 14:59 蚊蚊蚊蚊蚊170624 阅读(4109) 评论(1) 推荐(0)