据说最近股市又开始热闹了 ：），用 Java 多线程 + Vue 搞了一个 A 股大屏，看能不能找个好工作。
outmanone 2019-02-18 16:52:32 +08:00 9637 次点击这是一个创建于 2428 天前的主题，其中的信息可能已经有所发展或是发生改变。
随着这几年 Web 大前端的发展，特别是单页 Web 应用（ single page web application，SPA ）的进步，加上各种前端框架（ Vue，React ）的推波助澜，如果现在有人告诉你，通达信的所有功能都可以全部移植到 Web 页面上，并实现跨平台运行，那么不要怀疑，这早已可以实现，只是横跨两种行业的隔阂拖延了这种事情的发生; 或许已经发生，你还并不知道而已，比如广发证券的跨平台 Web 终端，就是一种尝试。
由于目前 Web 底层的协议已经越发成熟，HTTP2，Websocket，这些协议也被各种现代浏览器所支持，使得数据推送变得更加流畅，一个股票终端要求的实时性应运而解。一旦把一个股票终端的所有功能迁移到 Web 上面，就间接实现了股票终端的跨平台运行，这里的跨平台特指计算机操作系统（ OS) 的跨平台，之后目标客户无须安装任何软件，就可以在 Windows，MACOS，Linux 任何可以运行浏览器的机器上登陆股票终端，甚至在智能电视上也没有问题。
一旦满足了股票终端的实时性要求，那么股票终端的其他功能，其实更容易被 Web 技术实现，或者说用现有的 Web 技术来实现其他功能，反而更有优势，软件的开发与迭代速度更快，软件的自动升级优势会展现的淋漓尽致，你终于不用打电话提醒用户升级终端了：）
虽然上面说了那么多 Web 技术，但终究只是 UI 层面的东西，一个股票终端的 UI 层被 Web 技术替换后，后端我们该采用什么技术来满足 UI 层的需求呢？这其实引出了另外一个比较重要的问题，那就是为什么非得要使用 Web 技术来开发 UI，除了跨平台，无忧升级之外还有其他优势吗？是的，还有，那就是后端技术和前端彻底分离了，前后端可以使用完全不同的架构，语言来开发，后端的服务可以微服务化，分布式部署，以满足强并发的需求。比如后端不再局限于 C++，可以用 Java, Python, Golang 开发各种微服务 API 供前端调用，然后使用 Service Mesh 来对多语言微服务进行管理；前后端的通讯仍然依赖 HTTP1/HTTP2 , Websocket 这些现有技术，最终实现前后端架构的解耦。
程序员的世界里面有一句经典名言：Talk is cheap，Show me the code. 现在引入我们今天的主角：A 股大屏。为了将上面提到的技术应用于实践，我模仿股票终端的某些功能，开发出了终端 Web 化的第一个版本，目前已经可以做到：1，少量的统计； 2，定时刷新全市场所有股票价格。（你可以从这里访问 http://aiworkroom.com ，但建议是在电脑或者更大的屏幕上面查看） 后续功能会慢慢放出，敬请期待。由于是实验性质，所有股票行情的 API 均来自网上公开数据，后端采用 Java 开发，多线程定时获取行情数据，采用 Websocket 推送到浏览器；前端 UI 是使用 Vue 开发的 SPA。
以上内容来源于我的微信文章： https://mp.weixin.qq.com/s/nvD810hYCZhiGZG0oRkitQ
大屏访问地址： http://aiworkroom.com
由于目前 Web 底层的协议已经越发成熟，HTTP2，Websocket，这些协议也被各种现代浏览器所支持，使得数据推送变得更加流畅，一个股票终端要求的实时性应运而解。一旦把一个股票终端的所有功能迁移到 Web 上面，就间接实现了股票终端的跨平台运行，这里的跨平台特指计算机操作系统（ OS) 的跨平台，之后目标客户无须安装任何软件，就可以在 Windows，MACOS，Linux 任何可以运行浏览器的机器上登陆股票终端，甚至在智能电视上也没有问题。
一旦满足了股票终端的实时性要求，那么股票终端的其他功能，其实更容易被 Web 技术实现，或者说用现有的 Web 技术来实现其他功能，反而更有优势，软件的开发与迭代速度更快，软件的自动升级优势会展现的淋漓尽致，你终于不用打电话提醒用户升级终端了：）
虽然上面说了那么多 Web 技术，但终究只是 UI 层面的东西，一个股票终端的 UI 层被 Web 技术替换后，后端我们该采用什么技术来满足 UI 层的需求呢？这其实引出了另外一个比较重要的问题，那就是为什么非得要使用 Web 技术来开发 UI，除了跨平台，无忧升级之外还有其他优势吗？是的，还有，那就是后端技术和前端彻底分离了，前后端可以使用完全不同的架构，语言来开发，后端的服务可以微服务化，分布式部署，以满足强并发的需求。比如后端不再局限于 C++，可以用 Java, Python, Golang 开发各种微服务 API 供前端调用，然后使用 Service Mesh 来对多语言微服务进行管理；前后端的通讯仍然依赖 HTTP1/HTTP2 , Websocket 这些现有技术，最终实现前后端架构的解耦。
程序员的世界里面有一句经典名言：Talk is cheap，Show me the code. 现在引入我们今天的主角：A 股大屏。为了将上面提到的技术应用于实践，我模仿股票终端的某些功能，开发出了终端 Web 化的第一个版本，目前已经可以做到：1，少量的统计； 2，定时刷新全市场所有股票价格。（你可以从这里访问 http://aiworkroom.com ，但建议是在电脑或者更大的屏幕上面查看） 后续功能会慢慢放出，敬请期待。由于是实验性质，所有股票行情的 API 均来自网上公开数据，后端采用 Java 开发，多线程定时获取行情数据，采用 Websocket 推送到浏览器；前端 UI 是使用 Vue 开发的 SPA。
以上内容来源于我的微信文章： https://mp.weixin.qq.com/s/nvD810hYCZhiGZG0oRkitQ
大屏访问地址： http://aiworkroom.com
 | 1 wu67 2019-02-18 17:48:57 +08:00 方便贴一下源码吗, 想学习一波 |
 | 2 AngryPanda 2019-02-18 17:51:13 +08:00 NB |
| 3 AngryPanda 2019-02-18 17:55:48 +08:00  1 「这其实引出了另外一个比较重要的问题，那就是为什么非得要使用 Web 技术来开发 UI，除了跨平台，无忧升级之外还有其他优势吗？是的，还有，那就是后端技术和前端彻底分离了，前后端可以使用完全不同的架构，语言来开发，后端的服务可以微服务化，分布式部署，以满足强并发的需求。比如后端不再局限于 C++，可以用 Java, Python, Golang 开发各种微服务 API 供前端调用」 不用 Web 技术构建 UI，也能做到后面说的这些啊。难道我的理解不对？ |
 | 4 outmanone OP @AngryPanda 目前跨平台的 UI，开发都不如 WEB 方便。 |
 | 6 boss1024 2019-02-18 18:17:42 +08:00 赞一个 收藏了 |
 | 7 coreos 2019-02-18 18:44:37 +08:00 看了下 就几个是绿的。 神奇的国度啊 |
 | 8 ArcherD 2019-02-18 18:54:09 +08:00 这个全部都展示出来了。内存和 cpu 占用有点大。应该可以只展示和更新屏幕上能看到的。 |
 | 9 vtwoextb 2019-02-18 18:59:39 +08:00 NB 赞一个 |
 | 10 wanglufei 2019-02-18 19:08:52 +08:00 via iPhone 韭菜生生不息 |
 | 11 shujun 2019-02-18 19:15:39 +08:00 可以搞一个汇总 dashboard。看起来比较直观。 今天全线上涨，神奇的国度啊 不管你们服不服，反正我是服了 |
| 12 shujun 2019-02-18 19:16:00 +08:00 开源出来大家一起搞着玩 |
 | 13 RX03 2019-02-18 19:21:41 +08:00 via Android 求开源+1 |
 | 14 zdb1115 2019-02-18 19:59:48 +08:00 求开源+1 |
 | 15 cnmb10086 2019-02-18 20:16:41 +08:00 via Android 打板敢死队是时候出动了 |
 | 16 dabaibai 2019-02-18 20:33:00 +08:00 不知道是按涨幅排序 还是按啥排序 看的脑壳疼 |
 | 17 dremy 2019-02-18 20:36:10 +08:00 via iPhone 求 API |
 | 18 mingyun 2019-02-18 21:53:52 +08:00 春天到了 |
 | 19 chaoxuanxiaok 2019-02-18 23:26:28 +08:00 满堂红，看着极为赏心悦目 |
 | 20 airfling 2019-02-19 08:35:45 +08:00 可以加个排序，就好了 |
 | 21 FloatK 2019-02-19 08:52:35 +08:00 厉害了，楼主，赞一个 |
 | 22 pumpkimn 2019-02-19 09:26:16 +08:00 Nb 收藏了. |
 | 23 lovezww2011 2019-02-19 09:46:53 +08:00 你的股票接口，用的哪家的？ |
 | 24 anjiannian 2019-02-19 10:12:57 +08:00 求 API + 1 |
| 25 outmanone OP @lovezww2011 API 就是新浪的股票 API，免费的那个，当然就是不够稳定。http://hq.sinajs.cn/list= |
 | 26 ddzzhen 2019-02-19 12:29:15 +08:00 via Android 不错 |
 | 27 SunFarrell 2019-02-19 12:41:26 +08:00 目前跨平台的 UI，开发都不如 WEB 方便？我 QT 不服 |
| 28 outmanone OP @SunFarrell 看好你！！ |
 | 29 ucanuup 2019-02-19 12:47:28 +08:00 打开怎么就一张 gif 图片 |
 | 30 Paaranoia 2019-02-19 13:05:33 +08:00 插个眼 |
 | 31 a592974776 2019-02-19 13:09:59 +08:00 年后首次 2000+绿票，可喜可贺 |
 | 32 ZiLong 2019-02-19 15:57:56 +08:00 firefox 无法看到数据,只看到$符号飘来飘去,chrome 无问题 |
 | 33 edsheeran 2019-02-19 16:06:46 +08:00 via iPhone 中的事故，不是股市 |
 | 34 simon4761 2019-02-19 17:29:18 +08:00 666，求开源+1 |
 | 35 MrFat 2019-02-19 17:38:50 +08:00 想问一下你这个项目的股票数据是跟随大盘实时更新的吗？ 还是只是每天做一次汇总展示 |
| 36 outmanone OP @MrFat 交易时间，每隔 10 秒刷新一次，由于用的新浪免费接口，不能保证完全实时，因为每次获取数据时，估计会有错误发生。非交易时间，用最后一次获取到的数据。 |
 | 37 askfm 2019-02-19 18:00:15 +08:00 不明觉厉 |
 | 38 hosea 2019-02-19 18:53:17 +08:00 chrome..打开只看到一张$ gif.. |
 | 39 haihongblog 2019-02-19 18:58:41 +08:00 这个显示的结果，个人感觉没多少做交易的人是这么看数据的 |
 | 40 fromdark 2019-02-19 21:15:54 +08:00 两只跌了一年的股开始疯涨，抓紧时间一波热度，抢在割韭菜前溜。 |
| 41 lovezww2011 2019-02-20 15:14:59 +08:00 股票代码 id 从哪里获取的？ |
 | 42 bmos 2019-02-20 21:54:04 +08:00 插眼 |
 | 43 zzcflying 2019-02-21 15:12:21 +08:00 这个做的牛逼 |
 | 44 kn007 2019-02-21 17:36:59 +08:00 期待作品 |
| 45 lovezww2011 2019-02-22 11:04:21 +08:00 模仿楼主的页面，我也做了一个股票看板。用 python 做的，演示： https://stock.mypython.me/ 源码： https://github.com/geeeeeeeek/py_stock/ |
| 46 outmanone OP @lovezww2011 python 的话，用 tushare 的接口要好很多，可以做很多好玩的东西。http://tushare.org/ |
| 47 kn007 2019-03-02 16:20:18 +08:00 hmm，域名卖掉了！？还是？ 今天想上去看看，发现不大对。。 兄弟开源了么 |
Select Language