2020-2-15技术积累-时间插件-前端获取后端数据生成表格
2024-04-04 07:57:39
1.一种时间插件的用法
WdatePicker使用方法
https://blog.csdn.net/wuyan1001/article/details/78561363
https://blog.csdn.net/xm393392625/article/details/81705419
https://blog.csdn.net/u014362882/article/details/99562876
适用于不同的时间类型
2.Javascript中获取时间new Date()详细介绍
https://blog.csdn.net/zhanggaofeixy/article/details/52153110
3.前台如何通过JQuery获取后台的JSON数据，并输出到表格中
https://bbs.csdn.net/topics/390977089
<style>.table{width:100%;max-width: 100%;}.table>thead>tr{background: #edf7ff;}.table>thead>tr>th {white-space: nowrap;padding: 8px;line-height: 1.42857143;}.table>tbody>tr:nth-child(odd){background: #fff;}.table>tbody>tr:nth-child(even){background: #f7f7f7;}.table>tbody>tr:hover{background: #e3ecfc;}.table-cont{/**make table can scroll**/max-height: 500px;overflow: auto;/** add some style**//*padding: 2px;*/background: #ddd;margin: 20px 10px;border: 1px solid #ddd;}
</style>
测试按钮
<th>宽度</th><th>厚度</th><th>板坯宽度</th><th>板坯厚度</th><th>板坯长度</th><th>板坯重量</th><th>板坯校重</th><th>成品重量</th><th>取样标示</th><th>装钢温度</th><th>在炉时间</th><th>出钢温度</th><th>RDT</th><th>FDT</th><th>热卷箱标识</th><th>道次</th><th>换辊分摊</th><th>待温待时间</th><th>故障时间</th><th>计划轧制节奏</th><th>轧制节奏</th><th>轧制系数</th><th>预算成材率</th><th>计划成材率</th><th>计划燃耗</th><th>计划电耗</th><th>成材率</th><th>燃耗</th><th>电耗</th></tr></thead><tbody><tr><td>委托编号</td><td>交易日</td><td>账户编号</td><td>账户名称</td><td>组合编号</td><td>组合名称</td><td>自定义订单编号</td><td>证券代码</td><td>证券名称</td><td>交易所</td><td>价格类型</td><td>委托价格</td><td>委托数量</td><td>委托金额</td><td>买卖方向</td><td>订单状态</td><td>组合开平标志</td><td>组合投机套保标志</td><td>备兑标志</td><td>报单类型</td><td>今成交数量</td><td>今成交金额</td><td>撤成\废单数量</td><td>剩余数量</td><td>订单总费用</td><td>报单日期</td><td>委托时间</td><td>最后修改时间</td><td>撤销时间</td><td>撤单编号</td><td>操作员编号</td><td>操作员名称</td><td>柜台委托编号</td><td>订单IP</td></tr><tr><td>委托编号</td><td>交易日</td><td>账户编号</td><td>账户名称</td><td>组合编号</td><td>组合名称</td><td>自定义订单编号</td><td>证券代码</td><td>证券名称</td><td>交易所</td><td>价格类型</td><td>委托价格</td><td>委托数量</td><td>委托金额</td><td>买卖方向</td><td>订单状态</td><td>组合开平标志</td><td>组合投机套保标志</td><td>备兑标志</td><td>报单类型</td><td>今成交数量</td><td>今成交金额</td><td>撤成\废单数量</td><td>剩余数量</td><td>订单总费用</td><td>报单日期</td><td>委托时间</td><td>最后修改时间</td><td>撤销时间</td><td>撤单编号</td><td>操作员编号</td><td>操作员名称</td><td>柜台委托编号</td><td>订单IP</td></tr><tr><td>委托编号</td><td>交易日</td><td>账户编号</td><td>账户名称</td><td>组合编号</td><td>组合名称</td><td>自定义订单编号</td><td>证券代码</td><td>证券名称</td><td>交易所</td><td>价格类型</td><td>委托价格</td><td>委托数量</td><td>委托金额</td><td>买卖方向</td><td>订单状态</td><td>组合开平标志</td><td>组合投机套保标志</td><td>备兑标志</td><td>报单类型</td><td>今成交数量</td><td>今成交金额</td><td>撤成\废单数量</td><td>剩余数量</td><td>订单总费用</td><td>报单日期</td><td>委托时间</td><td>最后修改时间</td><td>撤销时间</td><td>撤单编号</td><td>操作员编号</td><td>操作员名称</td><td>柜台委托编号</td><td>订单IP</td></tr><tr><td>委托编号</td><td>交易日</td><td>账户编号</td><td>账户名称</td><td>组合编号</td><td>组合名称</td><td>自定义订单编号</td><td>证券代码</td><td>证券名称</td><td>交易所</td><td>价格类型</td><td>委托价格</td><td>委托数量</td><td>委托金额</td><td>买卖方向</td><td>订单状态</td><td>组合开平标志</td><td>组合投机套保标志</td><td>备兑标志</td><td>报单类型</td><td>今成交数量</td><td>今成交金额</td><td>撤成\废单数量</td><td>剩余数量</td><td>订单总费用</td><td>报单日期</td><td>委托时间</td><td>最后修改时间</td><td>撤销时间</td><td>撤单编号</td><td>操作员编号</td><td>操作员名称</td><td>柜台委托编号</td><td>订单IP</td></tr><tr><td>委托编号</td><td>交易日</td><td>账户编号</td><td>账户名称</td><td>组合编号</td><td>组合名称</td><td>自定义订单编号</td><td>证券代码</td><td>证券名称</td><td>交易所</td><td>价格类型</td><td>委托价格</td><td>委托数量</td><td>委托金额</td><td>买卖方向</td><td>订单状态</td><td>组合开平标志</td><td>组合投机套保标志</td><td>备兑标志</td><td>报单类型</td><td>今成交数量</td><td>今成交金额</td><td>撤成\废单数量</td><td>剩余数量</td><td>订单总费用</td><td>报单日期</td><td>委托时间</td><td>最后修改时间</td><td>撤销时间</td><td>撤单编号</td><td>操作员编号</td><td>操作员名称</td><td>柜台委托编号</td><td>订单IP</td></tr><tr><td>委托编号</td><td>交易日</td><td>账户编号</td><td>账户名称</td><td>组合编号</td><td>组合名称</td><td>自定义订单编号</td><td>证券代码</td><td>证券名称</td><td>交易所</td><td>价格类型</td><td>委托价格</td><td>委托数量</td><td>委托金额</td><td>买卖方向</td><td>订单状态</td><td>组合开平标志</td><td>组合投机套保标志</td><td>备兑标志</td><td>报单类型</td><td>今成交数量</td><td>今成交金额</td><td>撤成\废单数量</td><td>剩余数量</td><td>订单总费用</td><td>报单日期</td><td>委托时间</td><td>最后修改时间</td><td>撤销时间</td><td>撤单编号</td><td>操作员编号</td><td>操作员名称</td><td>柜台委托编号</td><td>订单IP</td></tr><tr><td>委托编号</td><td>交易日</td><td>账户编号</td><td>账户名称</td><td>组合编号</td><td>组合名称</td><td>自定义订单编号</td><td>证券代码</td><td>证券名称</td><td>交易所</td><td>价格类型</td><td>委托价格</td><td>委托数量</td><td>委托金额</td><td>买卖方向</td><td>订单状态</td><td>组合开平标志</td><td>组合投机套保标志</td><td>备兑标志</td><td>报单类型</td><td>今成交数量</td><td>今成交金额</td><td>撤成\废单数量</td><td>剩余数量</td><td>订单总费用</td><td>报单日期</td><td>委托时间</td><td>最后修改时间</td><td>撤销时间</td><td>撤单编号</td><td>操作员编号</td><td>操作员名称</td><td>柜台委托编号</td><td>订单IP</td></tr><tr><td>委托编号</td><td>交易日</td><td>账户编号</td><td>账户名称</td><td>组合编号</td><td>组合名称</td><td>自定义订单编号</td><td>证券代码</td><td>证券名称</td><td>交易所</td><td>价格类型</td><td>委托价格</td><td>委托数量</td><td>委托金额</td><td>买卖方向</td><td>订单状态</td><td>组合开平标志</td><td>组合投机套保标志</td><td>备兑标志</td><td>报单类型</td><td>今成交数量</td><td>今成交金额</td><td>撤成\废单数量</td><td>剩余数量</td><td>订单总费用</td><td>报单日期</td><td>委托时间</td><td>最后修改时间</td><td>撤销时间</td><td>撤单编号</td><td>操作员编号</td><td>操作员名称</td><td>柜台委托编号</td><td>订单IP</td></tr><tr><td>委托编号</td><td>交易日</td><td>账户编号</td><td>账户名称</td><td>组合编号</td><td>组合名称</td><td>自定义订单编号</td><td>证券代码</td><td>证券名称</td><td>交易所</td><td>价格类型</td><td>委托价格</td><td>委托数量</td><td>委托金额</td><td>买卖方向</td><td>订单状态</td><td>组合开平标志</td><td>组合投机套保标志</td><td>备兑标志</td><td>报单类型</td><td>今成交数量</td><td>今成交金额</td><td>撤成\废单数量</td><td>剩余数量</td><td>订单总费用</td><td>报单日期</td><td>委托时间</td><td>最后修改时间</td><td>撤销时间</td><td>撤单编号</td><td>操作员编号</td><td>操作员名称</td><td>柜台委托编号</td><td>订单IP</td></tr><tr><td>委托编号</td><td>交易日</td><td>账户编号</td><td>账户名称</td><td>组合编号</td><td>组合名称</td><td>自定义订单编号</td><td>证券代码</td><td>证券名称</td><td>交易所</td><td>价格类型</td><td>委托价格</td><td>委托数量</td><td>委托金额</td><td>买卖方向</td><td>订单状态</td><td>组合开平标志</td><td>组合投机套保标志</td><td>备兑标志</td><td>报单类型</td><td>今成交数量</td><td>今成交金额</td><td>撤成\废单数量</td><td>剩余数量</td><td>订单总费用</td><td>报单日期</td><td>委托时间</td><td>最后修改时间</td><td>撤销时间</td><td>撤单编号</td><td>操作员编号</td><td>操作员名称</td><td>柜台委托编号</td><td>订单IP</td></tr><tr><td>委托编号</td><td>交易日</td><td>账户编号</td><td>账户名称</td><td>组合编号</td><td>组合名称</td><td>自定义订单编号</td><td>证券代码</td><td>证券名称</td><td>交易所</td><td>价格类型</td><td>委托价格</td><td>委托数量</td><td>委托金额</td><td>买卖方向</td><td>订单状态</td><td>组合开平标志</td><td>组合投机套保标志</td><td>备兑标志</td><td>报单类型</td><td>今成交数量</td><td>今成交金额</td><td>撤成\废单数量</td><td>剩余数量</td><td>订单总费用</td><td>报单日期</td><td>委托时间</td><td>最后修改时间</td><td>撤销时间</td><td>撤单编号</td><td>操作员编号</td><td>操作员名称</td><td>柜台委托编号</td><td>订单IP</td></tr><tr><td>委托编号</td><td>交易日</td><td>账户编号</td><td>账户名称</td><td>组合编号</td><td>组合名称</td><td>自定义订单编号</td><td>证券代码</td><td>证券名称</td><td>交易所</td><td>价格类型</td><td>委托价格</td><td>委托数量</td><td>委托金额</td><td>买卖方向</td><td>订单状态</td><td>组合开平标志</td><td>组合投机套保标志</td><td>备兑标志</td><td>报单类型</td><td>今成交数量</td><td>今成交金额</td><td>撤成\废单数量</td><td>剩余数量</td><td>订单总费用</td><td>报单日期</td><td>委托时间</td><td>最后修改时间</td><td>撤销时间</td><td>撤单编号</td><td>操作员编号</td><td>操作员名称</td><td>柜台委托编号</td><td>订单IP</td></tr><tr><td>委托编号</td><td>交易日</td><td>账户编号</td><td>账户名称</td><td>组合编号</td><td>组合名称</td><td>自定义订单编号</td><td>证券代码</td><td>证券名称</td><td>交易所</td><td>价格类型</td><td>委托价格</td><td>委托数量</td><td>委托金额</td><td>买卖方向</td><td>订单状态</td><td>组合开平标志</td><td>组合投机套保标志</td><td>备兑标志</td><td>报单类型</td><td>今成交数量</td><td>今成交金额</td><td>撤成\废单数量</td><td>剩余数量</td><td>订单总费用</td><td>报单日期</td><td>委托时间</td><td>最后修改时间</td><td>撤销时间</td><td>撤单编号</td><td>操作员编号</td><td>操作员名称</td><td>柜台委托编号</td><td>订单IP</td></tr></tbody>
</table>
| 序列号 | 生产日期 | 板坯号 | 卷号 | 钢种 |
|---|
window.onload = function(){var tableCont = document.querySelector('#table-cont');function scrollHandle (e){console.log(this);var scrollTop = this.scrollTop;this.querySelector('thead').style.transform = 'translateY(' + scrollTop + 'px)';}tableCont.addEventListener('scroll',scrollHandle);
}function testButton(){//alert('yes');$.ajax({type: "POST", //默认值: "GET")。请求方式 ("POST" 或 "GET")， 默认为 "GET"url: "test.php", //当前页地址。发送请求的地址data: {test:'6666'},success: function (data) {console.log(data);console.log('yes');},async: true, //true为异步请求，false为同步请求error: function () {alert("请求失败");}});}
2020-2-15技术积累-时间插件-前端获取后端数据生成表格相关推荐
- Hbuilder X 前端获取后端数据
Hbuilder X 前端获取后端数据 1.创建appUser.js文件 // 如果没有通过拦截器配置域名的话,可以在这里写上完整的URL(加上域名部分) let getAppUserUrl = '/ ...
- python的前端和后端_python前端和后端数据交互，tornado框架入门，初学小试牛刀！...
Python前端和后端是如何交互的,怎么用tornado框架快速搭建前端和后端数据交互? 前端与后端的数据交互,最常用的就是GET.POST,比较常用的用法是:提交表单数据到后端,后端返回json 前 ...
- 【学习笔记】Web前端到后端数据的交互
[学习笔记]Web前端到后端数据的交互
- Datatables——一款前端好用的表格插件,本地json模拟数据实现表格分页查询
在做管理后台功能时,经常需要用到表格展示数据,从数据库查询返回的数据,返回集合或数组到前台,然后前台将数据渲染成表格,方便直观展示数据,通常还需要结合分页.查询.排序.Datatables是一款符合上 ...
- 【前后端记录】前端接收后端数据并用div元素渲染 ,mybatis修改用户数据。
一个很小的点但折腾了很久,为了把后端的数据解析出来查了很多资料,原功能是想显示登录的用户信息,但进行token认证和security整合过于麻烦,直接建了一个数据表来显示至页面. 效果是这样: 当然, ...
- 前端获取后端传来的session_用java编写一个web程序，登陆后，把用户信息放在session中，前端怎样获取session的值？...
客户端获取服务器端数据的方式,无非两种: 1. 模板 类似的jsp,thymeleaf之类的,原理就是后台在输出html文本的时候直接把模板里的表达式替换.如果使用jsp就用EL和JSTL表达式,th ...
- vue 大数据 渲染_技术专栏 | DMap——实战Vue百万条数据渲染表格组件开发
作者:TalkingData 李志刚 本文由TalkingData原创,转载请获取授权. 李志刚:近几个月在开发一个基于Vue的数据可视化分析辅助应用---DMap(谛听),一套为数据分析师和数据科学 ...
- 普通文件下载 + 前端获取后端返回的文件流并下载
参考资料 前端接受后端文件流并下载的几种方法 ajax 请求二进制流 图片 文件 XMLHttpRequest 请求并处理二进制流数据 之最佳实践 ajax请求二进制流进行处理(ajax异步下载文件) ...
- MVC框架中的前端与后端数据传递及实例
一.MVC框架 MVC代表Model.View.Controller,即模型.视图.控制器.其中: View(视图):就是人机交互界面,可以给用户显示业务逻辑数据,同时也可以 接收用户输入的数据. M ...
最新文章
- The expression except (OSError, e)
- tf.boolean_mask()的详细用法
- 《对马岛之魂》：“取巧”成功的佳作
- 根据条件动态修改element 组件深层次样式
- 在CDI应用程序中使用@Alternative
- WEB服务器技术名词
- 60-100-240-使用-DataSource-JDBC相关-JDBC读取各种数据源
- cglib和jdk动态代理以及 按指定顺序排列list
- notepad++反向查找/向上查找
- 计算机控制技术课程解释与问题答疑
- Unity3D 显示FPS
- 千亿市值今天解禁 美团点评“心里没谱”
- Java中计算1--n的累加和
- Ubuntu上,tftpd-hpa 启动失败的解决方法.
- 开启元认知，不断提升自己！
- 开20个人，拿10个人的工资给大家涨薪！！
- matplotlib显示opencv图像有色差
- Java读取文本txt
- 自定义combobox控件(拼音过滤)
- 杜德伟杀人和彩虹QQ抢劫