十步杀一人_千里不留行
当你还不能写出自己满意的程序时,你就不要去睡觉。
展开
-
大屏监控系统实战(16)-项目拾遗
一、概述项目已经算是完结了,但还有一些待优化的地方,我新开一帖,准备慢慢补充一下。二、问题列表及解决方案1.页面样式页面显示的问题,可调整的地方比较多,随着数据的变化,目前页面上已经有几处显示的不完美了,如下图:可以从截图中看出,小毛病还是不少的,这都需要进行样式的微调,自适应不是很好用。1.下面内容显示不全的问题因为大屏最终要全屏显示,所以在非全屏的情况下,下面是...原创 2020-02-07 12:52:55 · 2067 阅读 · 0 评论 -
大屏监控系统实战(15)-打包上线及总结
专栏写到这,代码部分已经完成了,其实是个小小的项目,代码量也不大,但实现了我们想要的目标,那么我们还需要将这个大屏的项目部署到服务器上,我们要做就把完整的流程都做一遍。一、打包方式的技术选型项目是前后端分离开发的,我们在开发阶段是前后端项目分别启动的,现在要上线,有这么几种方案可供选择:服务器上也前后端分别部署 将前端打包后的静态资源拷贝到服务器的nginx上,后端项目单独部署 使...原创 2020-01-25 19:19:20 · 3782 阅读 · 2 评论 -
大屏监控系统实战(14)-24小时得票数量统计曲线制作
一、概述这一章节我们来制作《24小时得票数量统计曲线》,这个跟10分钟投票的增量类似,不过他显示的是每个博主的总得票数,时间范围我设置为24小时,取每个小时博主的总得票数,通过这个监控,可以看到博主中长期的得票走势。10分钟增量统计的是瞬时峰值,而24小时得票数则反映出一种趋势,他的应用场景很多,比如统计店铺一个月每天的营业额,一年每个月的营业额,类似于这样的场景,大家都可以选择这种折线图来实...原创 2020-01-25 17:29:47 · 4379 阅读 · 0 评论 -
大屏监控系统实战(13)-10分钟投票增量曲线制作(二)
因为内容太多,所以我们分成了两部分,接前文大屏监控系统实战(11)-10分钟投票增量曲线制作(一)八、投票网站最近72小时10分钟投票走势和增量数据爬取在SchedulingTest中添加方法如下: private static final String csdnTopNIncrement="http://csdn.sdysit.com/Increment"; pr...原创 2020-01-24 16:32:22 · 5349 阅读 · 0 评论 -
大屏监控系统实战(12)-10分钟投票增量曲线制作(一)
一、概述这一节我们的任务是10分钟投票增量曲线,这个指标非常重要,能监控到每个人投票的实时票数增长情况。做公众号的都知道一个网站:20次幂,它是一个公众号阅读监控、数据分析平台,他提供到分钟级监控,能有效发现阅读刷量行为。当然这个对我们投票没啥参考意义,因为投票会出现瞬时大量行为,毕竟每个人微信、微博和扣扣就能投15票,但我们也跟风做这个增量曲线玩玩。而且,实际上我们也能做到分钟级的监控,但因...原创 2020-01-24 16:30:46 · 4739 阅读 · 0 评论 -
大屏监控系统实战(11)-大屏显示日增投票数量柱状图的制作
一、概述上一节我们制作了前20个博主的排名、票数及名次相对于前一日的升降情况,相信经过对于名次升降字段的处理,我们已经掌握了一些在程序中处理数据的技巧,这章我们继续,来看看如何实现日增投票数量柱状图。最终效果如图所示:二、实现思路我们要做的是得到前20名博主前一日的投票数,那这个就简单了,分别获取昨天和前天的最后一次采集的得票数做个差就好了。三、DAO代码CsdnTopNM...原创 2020-01-22 22:55:57 · 3348 阅读 · 0 评论 -
大屏监控系统实战(10)-大屏展示前20个博主的排名、票数及名次相对于前一日的升降情况
一、概述上一节我们已经把数据爬取到了数据库中并保存了起来,这章就要把数据在大屏上展示出来,先在大屏上展示前20个博主的排名、票数及名次相对于前一日的升降情况。最终实现的效果如下:这个效果相当完美了,我们来一步一步实现它。二、实现思路对于排名、序号、博主名字、实时票数和最新采集时间这五个字段,我们只要取数据库中最近一次采集的201个博主的数据,对他们按名次排序,取前20名拿出来即...原创 2020-01-22 22:11:31 · 2738 阅读 · 0 评论 -
大屏监控系统实战(9)-爬取所有博主实时投票票数并存数据库
一、概述这一节的目标,因为投票网只显示博主的实时投票数,所以我们计划每隔五分钟去爬取投票网站,获取该时段的博主实时票数,并将该时段所有博主的票数持久化到数据库,为后续的大屏展示提供数据支撑。投票网排名地址:http://m234140.nofollow.ax.mvote.cn/action/viewvotewxorderlist.html?voteguid=43ced329-3a4b-0...原创 2020-01-22 21:17:56 · 3342 阅读 · 0 评论 -
大屏监控系统实战(8)-前端请求后端获取数据并显示
一、概述前面我们已经发布了接口,并进行了测试,一切正常后,接下来我们写前端工程。在如何将SpringBoot+Vue前后端分离项目一次打包为一个Jar包运行?这篇中,我们已经将前后端项目都导入到IDEA中了,所以目前我们的前端项目结构是这样的。用红框标注的就是我们要动的一个组件。不要问我是怎么知道要改这个组件的,我不会告诉你,是我打开那个demo页面,然后通过搜索关键字找到的。二、di...原创 2020-01-22 11:05:02 · 6852 阅读 · 0 评论 -
大屏监控系统实战(7)-后端整合MybatisPlus并暴露服务
一、概述我们已经利用HttpClient和Jsoup将投票网站的部分数据进行了爬取,接下来我们就要写一个服务来让数据能被页面拿到,这是个典型的SpringBoot的controller,也比较简单,我们在发布完毕后,再使用postman进行测试。项目中后面会将爬取的数据存到数据库,我偷懒,就用了MybatisPlus来减少代码量,所以也会将MybatisPlus整合到项目中。这是本章的主题。...原创 2020-01-22 09:53:01 · 3472 阅读 · 0 评论 -
大屏监控系统实战(6)-爬虫初探:爬取CSDN博客之星年度总评选投票统计数据
一、介绍我们先来做个简单的,我们的目标是爬取CSDN博客之星年度总评选的首页信息。首页的地址:http://m234140.nofollow.ax.mvote.cn/wxvote/43ced329-3a4b-0a5d-a13c-f088cf8eafef.html电脑浏览器打开的样子如下:我们的目标就是爬取用蓝色框标出来的内容。主要包括:标题、参与博主、累计投票、访问次数及开...原创 2020-01-22 00:12:05 · 2429 阅读 · 0 评论 -
大屏监控系统实战(5)-父工程搭建及前端相关配置
一、概述本文的目的是为了提升项目最终的部署效率,我们的目标是在前端开发完毕后,可以把这些内容直接打包到SpringBoot项目的Jar包中,这样我们将这个Jar部署到服务器上时,就可以直接访问到对应的页面了。否则,我们的前端项目还需要单独部署或者手动拷贝到服务器的nginx目录下面,这都会增加我们的工作量。一切,都是为了个人开发的效率而来。本文以如何将SpringBoot+Vue前后端分离...原创 2020-01-21 17:19:05 · 3611 阅读 · 0 评论 -
大屏监控系统实战(3)-前端工程搭建
一、概述前端的技术栈是:Vue、data-view、axios、webpack包管理、nodejs、vue-cli快速构建工具、postman接口调试工具。本着快速上手的目的,本项目不需要自己手动在系统中安装node.js环境,一切由前端工程的maven插件来管理,能方便不懂nodejs的小伙伴快速上手。各软件版本分别如下:软件 版本 开发工具 IDEA2019.3 ...原创 2020-01-21 16:58:12 · 6265 阅读 · 6 评论 -
大屏监控系统实战(2)-后台工程搭建
一、概述项目的后端技术栈为Java、SpringBoot、MybatisPlus、爬虫Jsoup、HttpClient、Maven项目构建。各软件版本分别如下:软件及环境 版本号 操作系统 Windows10&MacBook Pro 开发工具 IDEA2019.3 数据库工具 Navicat Premium12.0 MySQL 5....原创 2020-01-21 16:02:03 · 5029 阅读 · 2 评论 -
大屏监控系统实战(1)-项目介绍
这个项目的起源非常的偶然,源于今年我有幸入选2019年CSDN博客之星年度总评选,并且排名一直还不错,在前20的行列中,而排名第一的天元浪子大大,用python分析了一波投票情况,我本人对自己也非常感兴趣,但因为我不会用python,而且python画出来的统计图不是动态图,于是我就想用Java做后端,前端用图表组件做个靓靓的大屏监控出来。大概花了两天时间,初见成效。现在简单介绍如下:一、整体...原创 2020-01-21 15:32:27 · 9288 阅读 · 1 评论 -
大屏监控系统实战(4)-如何将SpringBoot+Vue前后端分离项目一次打包为一个Jar包运行?
玩过最新版Dubbo管控台的都知道,人家是个前后端分离的项目,可是一条打包命令能让两个项目整合在一起,生成一个jar包,这样的好处显而易见,部署的时候服务器不需要安装node环境单独部署前端项目,或者也不需要在写完前端代码后,手动打包前端项目再将js文件拷贝到SpringBoot目录下面。其实,我早想这样玩玩了。下面就看怎么玩?一、dubbo-admin简介新版dubbo管控台github...原创 2020-01-16 14:36:16 · 5781 阅读 · 0 评论