js前端
文章平均质量分 54
wilson_m
这个作者很懒,什么都没留下…
展开
-
Springboot+Mybatis+Jquery实现自定义二级联动
本篇博客主要实现一个自定义的二级联动,说到二级联动举一个简单的例子就理解了二级联动的意思。比如我们网购添加收货地址的时候,我们首先选择省份,然后选择对应省份里的市,我们选择了陕西省,选择市的时候,只会出现陕西省下的市,如西安市,而不会出现山东省的烟台市。 在这里以前后台进行交互查询,实现一个根据学校实现选择学院的二级联动功能。共分为以下几个步骤:建立二级联动select原创 2018-01-23 16:50:28 · 6006 阅读 · 1 评论 -
【ECharts-DataGrid】鼠标单击事件显示详细信息
一、功能描述       在ECharts中可以直观的显示对数据库中信息的统计结果,但是ECharts处理只能看到数据的处理结果而不能看到,统计出来的数据详细信息。 &原创 2018-08-04 17:35:25 · 4327 阅读 · 0 评论 -
【ECharts】SSM框架动态传值之饼状图
一、介绍      通过ECharts饼状图展示数据库中的数据信息,通过ajax发送请求从后台获取数据,将数据通过js在ECharts展示出来。主要实现在数据库表中,查询有多少个项目培训类型,参与每一个项目的有多少人,将这些数据通过饼状图的形式展现出来。二、java后台代码//dao层 @Select("sele原创 2018-08-14 16:41:22 · 3701 阅读 · 4 评论 -
【ECharts中的事件和行为】
ECharts 中的事件和行为在 ECharts 的图表中用户的操作将会触发相应的事件。开发者可以监听这些事件,然后通过回调函数做相应的处理,比如跳转到一个地址,或者弹出对话框,或者做数据下钻等等。在 ECharts 3 中绑定事件跟 2 一样都是通过 on 方法,但是事件名称比 2 更加简单了。ECharts 3...原创 2018-08-01 16:10:52 · 1516 阅读 · 0 评论 -
SQL语句count统计函数Echarts展示数据信息
count统计非空 进行对数据表中的某一个属性的查询和统计,运用group by进行分组后,使用count进行统计。 比如,通过统计下面表中的学时信息。 使用了如下的SQL语句: select trainHours as groupitemnum,count(trainHours)as groupnum from enchangetrain group by原创 2017-12-18 21:21:29 · 4487 阅读 · 0 评论 -
【ECharts】x轴文字显示不完全+滚动显示
一、功能介绍      通过ECharts柱状图展示数据时,由于x轴数据过多,会导致柱状图中的宽度太小,从而导致柱状图中x轴坐标显示不完全。如果x轴左边显示完全,由于柱状图中x轴横坐标过长,会导致文字重叠,从而无法使用户直观的查看x轴上的横坐标数据。   &am原创 2018-08-22 14:54:13 · 9023 阅读 · 0 评论 -
【EasyUI DataGrid】实现跨页保持多选checkbox状态
       为了实现对EasyUi DataGrid的批量操作,需要对多行的数据进行选中,经过测试发现一个问题:进行多选的时候,经过翻页,上一页的数据选择状态被清空。然而在实际中这是不符合要求的,我们经过翻页上一页数据的选中状态应该仍然保持选中,而不是被清除。  &原创 2018-08-11 18:26:53 · 4321 阅读 · 1 评论 -
【Echarts】List、Map数据结构传值+前台调试bug数据展示
一、功能描述       本篇博客要实现对项目中所涉及到的参与5个培训项目人数和人次信息,将该信息进行Echarts数据展示。   &nbs原创 2018-08-27 17:18:47 · 3097 阅读 · 0 评论 -
【EasyUI】EasyUI中的一些js处理
一、easyui中datagrid刷新$('#aa1').datagrid('reload');二、datagrid复选框对datagrid添加复选框,从而进行批量操作。<table id="aa1" class="easyui-datagrid" data-options=" checkbox:true, ...原创 2018-08-20 20:10:55 · 762 阅读 · 0 评论 -
【EasyUI DataGrid DetailView】表格嵌套子表格
一、功能描述在做项目的时候,要求能够对某一行的数据进行折叠显示,用来查看该行的详细信息。拟通过采用easyui的detailview创建表格分组,大致的效果图如下所示: 二、使用方法     本篇博客承接以前的一篇博客:https://blog.csdn.net/wilson_m/article/details/813原创 2018-08-23 18:58:36 · 6692 阅读 · 8 评论 -
Springboot+ECharts图表显示数据库信息
一 功能介绍 1 信息检索 用户在前台页面中输入信息,后台获取用户输入的信息进行数据库信息的检索和查询。 2 信息查询 前台通过获取用户查询到的数据以ECharts中的柱状图的形式将数据进行更加直观的显示。二 数据库查询 1 以#传参原创 2017-12-14 16:31:17 · 20650 阅读 · 12 评论 -
springboot+mybatis+easyui 前台实现数据库信息的增删改操作
前台展示详细信息的增删改操作 本次的内容承接上次博客的后续。前驱博客链接: http://blog.csdn.net/wilson_m/article/details/78864579 因为信息在前台进行显示的时候,显示的数据是从数据库中的视图中获取到的数据信息,而不是在数据库中的表进行获取到的。通过创建视图实现了几张表的拼接。 在前台进行页原创 2017-12-25 17:01:25 · 4345 阅读 · 0 评论 -
js实现将时间戳转换为日期
在js中时间戳为13位,通过一个js转换函数将时间戳转换为某种格式的日期。JS代码如下:function changeDate(datetimes){ var date = new Date(datetimes); Y = date.getFullYear() + '-'; M = (date.getMonth()+1 < 10 ? '0'...原创 2018-03-10 17:48:36 · 3052 阅读 · 0 评论 -
js实现input的赋值
input框赋值如下所示,是一个文本框的html代码,实际开发中,要涉及到将数据库中的数据取出然后放入input框中。<input id="name1" name="teacherName" type="text" />通过以下js代码可以实现对input文本框进行赋值,以下方法分别针对不同的情况,但是前两种是通用的。 $('#nam...原创 2018-03-10 17:36:20 · 192017 阅读 · 7 评论 -
js实现根据出生日期计算年龄
$.ajax({ url: "/getteacherinfomation", type: "post", data: {"teacherNoInfo":teacherNoInfo}, datatype: "json", success: function (data) { ...原创 2018-03-10 17:45:15 · 9274 阅读 · 2 评论 -
前台读取数据库信息加a标签显示超链接
本篇博客所要实现的功能为:用户双击前台某一行的某个信息的时候,弹出一个对话框显示出该行的详细信息,如果有网址,要以超链接的方式打开。所要实现的功能如下图所示: 如上图所示,通知网址一栏是个连接,要有超链接的功能。从数据库显示信息的前台代码如下:$(function(){ $('#tt').datagrid('resize',{ plain ...原创 2018-03-20 21:42:07 · 2992 阅读 · 0 评论 -
EasyUI实现下拉列表补全以及数据关联功能
最近在开发项目的时候,使用EasyUI框架,实现下拉列表自动选取或者自动补全的功能,同时也要对数据进行关联,也就是联动,类似于省市县的功能,选择省份,出现对应的市。一、下拉别表补全功能&lt;input class="easyui-combobox" name="earId" style="width:90%" data-options=&原创 2018-06-03 11:16:49 · 1636 阅读 · 0 评论 -
easyui datagrid中自定义按钮列
在多数时候我们要在表格的某一列(通常是最后一列)作为操作列。前台datagrid代码如下&lt;table id="dg" title="三农快讯" class="easyui-datagrid" style="width:auto;height:100%" toolbar="#toolbar&q原创 2018-06-29 17:57:24 · 11580 阅读 · 0 评论 -
s:if 判断 s:property
使用<s:if>来判断两个参数是否相等。比如通过js来实现前台信息的置顶功能。 代码如下所示: <div class="wen"> <a href="system/layout/addMoreNewsskx.action?id=<s:property value='kxid'&g...原创 2018-07-02 11:42:28 · 1107 阅读 · 0 评论 -
easyui框架实现datagrid多表头设置
easyui中datagrid多表头的设置原创 2017-12-14 22:47:50 · 5344 阅读 · 0 评论 -
【@JsonFormat】时间戳/字符串日期格式化
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;在从数据库读取数据显示在前提展示时,数据库中存储的date日期在前台显示为时间戳。为此,需要将时间戳转换为日期。通常用两种方法将时间戳转换为日期。函数法&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp原创 2018-03-07 20:20:03 · 20168 阅读 · 0 评论 -
【js】js获取select中的value值和文本值
&lt;select id="testSelect"&gt; &lt;option value ="zhangsan"&gt;张三&lt;/option&gt; &lt;option value ="lisi"&gt;李四&lt;/option&原创 2018-08-23 19:01:07 · 20462 阅读 · 1 评论