爱意满满的作品展示区。
outmanone

据说最近股市又开始热闹了 :),用 Java 多线程 + Vue 搞了一个 A 股大屏,看能不能找个好工作。

  •  
  •   outmanone · Feb 18, 2019 · 10855 views
    This topic created in 2821 days ago, the information mentioned may be changed or developed.
    随着这几年 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
    47 replies  •  2019-03-02 16:20:18 +08:00
    wu67
    wu67
    Feb 18, 2019
    1
    方便贴一下源码吗, 想学习一波
    AngryPanda
    AngryPanda
    Feb 18, 2019
    2
    NB
    AngryPanda
    AngryPanda
    Feb 18, 2019❤️1
    3
    「这其实引出了另外一个比较重要的问题,那就是为什么非得要使用 Web 技术来开发 UI,除了跨平台,无忧升级之外还有其他优势吗?是的,还有,那就是后端技术和前端彻底分离了,前后端可以使用完全不同的架构,语言来开发,后端的服务可以微服务化,分布式部署,以满足强并发的需求。比如后端不再局限于 C++,可以用 Java, Python, Golang 开发各种微服务 API 供前端调用」

    不用 Web 技术构建 UI,也能做到后面说的这些啊。难道我的理解不对?
    outmanone
    outmanone
    OP
    Feb 18, 2019
    4
    @AngryPanda 目前跨平台的 UI,开发都不如 WEB 方便。
    outmanone
    outmanone
    OP
    Feb 18, 2019
    5
    @wu67 还没有做完,做完了,就开源。还有敲击股票代码,显示详情没有做完。
    boss1024
    boss1024
    Feb 18, 2019
    6
    赞一个 收藏了
    coreos
    coreos
    Feb 18, 2019
    7
    看了下 就几个是绿的。
    神奇的国度啊
    ArcherD
    ArcherD
    Feb 18, 2019
    8
    这个全部都展示出来了。内存和 cpu 占用有点大。应该可以只展示和更新屏幕上能看到的。
    vtwoextb
    vtwoextb
    Feb 18, 2019
    9
    NB

    赞一个
    wanglufei
    wanglufei
    Feb 18, 2019 via iPhone
    10
    韭菜生生不息
    shujun
    shujun
    Feb 18, 2019
    11
    可以搞一个汇总 dashboard。看起来比较直观。
    今天全线上涨,神奇的国度啊

    不管你们服不服,反正我是服了
    shujun
    shujun
    Feb 18, 2019
    12
    开源出来大家一起搞着玩
    RX03
    RX03
    Feb 18, 2019 via Android
    13
    求开源+1
    zdb1115
    zdb1115
    Feb 18, 2019
    14
    求开源+1
    cnmb10086
    cnmb10086
    Feb 18, 2019 via Android
    15
    打板敢死队是时候出动了😂😂😂
    dabaibai
    dabaibai
    Feb 18, 2019
    16
    不知道是按涨幅排序 还是按啥排序 看的脑壳疼
    dremy
    dremy
    Feb 18, 2019 via iPhone
    17
    求 API
    mingyun
    mingyun
    Feb 18, 2019
    18
    春天到了
    chaoxuanxiaok
    chaoxuanxiaok
    Feb 18, 2019
    19
    满堂红,看着极为赏心悦目
    airfling
    airfling
    Feb 19, 2019
    20
    可以加个排序,就好了
    FloatK
    FloatK
    Feb 19, 2019
    21
    厉害了,楼主,赞一个
    pumpkimn
    pumpkimn
    Feb 19, 2019
    22
    Nb 收藏了.
    lovezww2011
    lovezww2011
    Feb 19, 2019
    23
    你的股票接口,用的哪家的?
    anjiannian
    anjiannian
    Feb 19, 2019
    24
    求 API + 1
    outmanone
    outmanone
    OP
    Feb 19, 2019
    25
    @lovezww2011 API 就是新浪的股票 API,免费的那个,当然就是不够稳定。http://hq.sinajs.cn/list=
    ddzzhen
    ddzzhen
    Feb 19, 2019 via Android
    26
    不错
    SunFarrell
    SunFarrell
    Feb 19, 2019
    27
    目前跨平台的 UI,开发都不如 WEB 方便?我 QT 不服
    outmanone
    outmanone
    OP
    Feb 19, 2019
    28
    @SunFarrell 看好你!!
    ucanuup
    ucanuup
    Feb 19, 2019
    29
    打开怎么就一张 gif 图片
    Paaranoia
    Paaranoia
    Feb 19, 2019
    30
    插个眼
    a592974776
    a592974776
    Feb 19, 2019
    31
    年后首次 2000+绿票,可喜可贺
    ZiLong
    ZiLong
    Feb 19, 2019
    32
    firefox 无法看到数据,只看到$符号飘来飘去,chrome 无问题
    edsheeran
    edsheeran
    Feb 19, 2019 via iPhone
    33
    中國的事故,不是股市
    simon4761
    simon4761
    Feb 19, 2019
    34
    666,求开源+1
    MrFat
    MrFat
    Feb 19, 2019
    35
    想问一下你这个项目的股票数据是跟随大盘实时更新的吗?
    还是只是每天做一次汇总展示
    outmanone
    outmanone
    OP
    Feb 19, 2019
    36
    @MrFat 交易时间,每隔 10 秒刷新一次,由于用的新浪免费接口,不能保证完全实时,因为每次获取数据时,估计会有错误发生。非交易时间,用最后一次获取到的数据。
    askfm
    askfm
    Feb 19, 2019
    37
    不明觉厉
    hosea
    hosea
    Feb 19, 2019
    38
    chrome..打开只看到一张$ gif..
    haihongblog
    haihongblog
    Feb 19, 2019
    39
    这个显示的结果,个人感觉没多少做交易的人是这么看数据的
    fromdark
    fromdark
    Feb 19, 2019
    40
    两只跌了一年的股开始疯涨,抓紧时间一波热度,抢在割韭菜前溜。
    lovezww2011
    lovezww2011
    Feb 20, 2019
    41
    股票代码 id 从哪里获取的?
    bmos
    bmos
    Feb 20, 2019
    42
    插眼
    zzcflying
    zzcflying
    Feb 21, 2019
    43
    这个做的牛逼
    kn007
    kn007
    Feb 21, 2019
    44
    期待作品
    lovezww2011
    lovezww2011
    Feb 22, 2019
    45
    模仿楼主的页面,我也做了一个股票看板。用 python 做的,演示: https://stock.mypython.me/ 源码: https://github.com/geeeeeeeek/py_stock/
    outmanone
    outmanone
    OP
    Feb 22, 2019
    46
    @lovezww2011 python 的话,用 tushare 的接口要好很多,可以做很多好玩的东西。http://tushare.org/
    kn007
    kn007
    Mar 2, 2019
    47
    hmm,域名卖掉了!?还是?
    今天想上去看看,发现不大对。。

    兄弟开源了么
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   4250 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 101ms · UTC 07:56 · PVG 15:56 · LAX 23:56 · JFK 02:56
    ♥ Do have faith in what you're doing.