这是一个创建于 2969 天前的主题，其中的信息可能已经有所发展或是发生改变。
小弟从嵌入式 c 开始，慢慢的学了点 go 语言做后台服务，现在前端搞不定。 我想做一个网页表格显示数据，数据每 5s 自动更新一次数据，求赐教
- 表格的行与列是动态的，根据数据库 /或者 api 获取的配置，展现的行与列的数目可动态调整
- 表格的行与列可能有点多，能否做的页面滚动时（左右上下滚动），表格的首行 /首列锁定不动，类似于 excel 的首行首列冻结
- 鼠标放在某一个单元时，可以半透明的展示此单元格的更多信息，比如单元格名称，描述，参考信息等，数据从后台 API 读取
- 表格数据从后台服务器读取，数据每个一段时间更新一次
 | 1 blessyou 2017-11-01 08:02:06 +08:00 via Android 这个肯定可以搞定的 |
 | 2 y835L9DyC5XD09kq 2017-11-01 08:11:23 +08:00 via iPhone Django ～ |
 | 3 glacier2002 OP @blessyou 求方法赐教,用什么框架,有没有例程? |
| 4 glacier2002 OP @kangkang 后台已经用 golang 的 beego 框架写了 |
 | 5 meszyouh 2017-11-01 08:16:48 +08:00 用 vue 吧 简单暴力 |
 | 6 coolair 2017-11-01 08:24:16 +08:00 via iPhone 楼主看看 layui 的 table |
| 7 blessyou 2017-11-01 08:24:22 +08:00 via Android @glacier2002 你要找现成的 vue 的 elment ui 就有一个 table 系列组件 应该符合你要求 |
| 8 glacier2002 OP |
| 9 glacier2002 OP @coolair 好的，谢谢 |
 | 10 askfilm 2017-11-01 08:56:15 +08:00  2 这就是一个 定时 ajax 就能解决的问题， 你们偏要把问题复杂化， 强行各种框架..... |
 | 11 alwayshere 2017-11-01 09:04:01 +08:00 如果不会写 ajax 的话，用 meta refresh 简单暴力 |
 | 12 anteros 2017-11-01 09:18:52 +08:00 @askfilm 这你就不懂了，大部份程序员最佩服的不是将问题简化，而是将一个简单的问题，复杂到其他人看不懂，这也是他们最骄傲的品质。 |
 | 13 zbl430 2017-11-01 09:22:54 +08:00 这就是一个 定时 ajax 就能解决的问题， 你们偏要把问题复杂化， 强行各种框架..... +11111 |
| 14 blessyou 2017-11-01 09:33:54 +08:00 我倒要看看，楼上的各位怎么用一个 ajax 定时做到楼主描述的功能，你们以为楼主不会用 ajax ？ |
 | 15 raslan 2017-11-01 09:34:06 +08:00 有大佬详给个关键词吗？有几种实现方式？如果数据较多 ajax 请求较频繁，会不会卡？ |
 | 16 yulitian888 2017-11-01 09:40:47 +08:00 表格的行与列是动态的，根据数据库 /或者 api 获取的配置，展现的行与列的数目可动态调整 --可以上 Vue+Element，或者 jquery+各种插件 表格的行与列可能有点多，能否做的页面滚动时（左右上下滚动），表格的首行 /首列锁定不动，类似于 excel 的首行首列冻结 --同上 鼠标放在某一个单元时，可以半透明的展示此单元格的更多信息，比如单元格名称，描述，参考信息等，数据从后台 API 读取 --同步加载（全部表格数据，含“更多信息”）之后，js 判断条件显示 --用 ajax 异步加载“更多信息”，但是注意鼠标悬停是很容易在鼠标晃动时连续发出大量 ajax 请求的 表格数据从后台服务器读取，数据每个一段时间更新一次 --setTimeout 定时请求数据，但是对服务器可能造成较大压力，因为网站访客可能很多人都在一起请求 --关键字，服务器端推送 /长连接 /推送，如 signalR 等框架可提供 |
| 17 glacier2002 OP @wampyl 服务端,我测试过压力, 并发量还能够承受预期 |
| 18 glacier2002 OP |
| 19 zbl430 2017-11-01 11:59:45 +08:00 |
 | 20 whypool 2017-11-01 12:14:28 +08:00 setInterval(function () { $.ajax(); }, 3000); |
| 21 glacier2002 OP @yulitian888 非常感谢如此详细的分析 鼠标放在某一个单元时，可以半透明的展示此单元格的更多信息，比如单元格名称，描述，参考信息等，数据从后台 API 读取 --同步加载（全部表格数据，含“更多信息”）之后，js 判断条件显示 --用 ajax 异步加载“更多信息”，但是注意鼠标悬停是很容易在鼠标晃动时连续发出大量 ajax 请求的 后台的 api 接口其实是把更多信息反馈回来了，只是在表格显示，只显示其中一部分。 待鼠标晃动时，调用缓存的数据就好了。 |
 | 22 hnpyhyz 2017-11-01 12:45:14 +08:00 看到题目首先想到的就是 ajax, 进来看框架名字花了眼... |
 | 23 gwind 2017-11-01 23:47:18 +08:00 估计需要 1 年时间入坑。想快速完成任务(HTML/CSS 应该已经具备)，可以试试了解下： - JQuery 实现最简单（ JS 语法都不需要学习，看看实例改改就行） - ReactJS (NodeJS/npm 需要了解下，JS/ES6 需要好好学习下）可以比较流行 /彻底解决需求 |
| 24 glacier2002 OP |
Select Language