- 博客(29)
- 收藏
- 关注
RSS订阅原创 疫情数据分析平台（十一）：与可视化分工结合
负责可视化的同学在前端用echarts画出了各种可视化图，由于是前端echarts实现，故传给我的图并非静态，需要我在前端进行处理： 这些图是对于某一省份，点击后跳转呈现的可视化图表。对于前端，需要实现跳转、图表展现以及从后端请求数据体现在图表中。首先是跳转： 在中国地图中编写该函数，利用vue的跳转方法直接跳转。之后只需要在点击事件中添加该函数即可。跳转到具体页面，需要记录参数：通过watch监视参数的变化，传入该页面声明的变量。之后就是在对应页面请求数据：以上分别是请求数据和初
2022-06-08 20:56:28
309
1
原创 疫情数据分析平台（十）：部署生产环境及优化
基本把框架搭起来，并且把后端同学做好的工作连接上后，我作为前端便可以考虑上传云服务器进行部署，之后的功能可以增量迭代。首先把项目部署，之后的内容都是重复且简单的。我们使用的服务器是阿里云，1M小水管，对于我们这个大数据分析平台，涉及海量的数据及图表，服务器带宽实在难顶。实际也是如此，不过我们项目经费不足（完全自费），也租不起更好的服务器，只得将就。但是面对1M传输带宽，我仍有办法将其优化。首次部署后，我发现主要问题如下：面对如上问题，我都有办法能够优化。首先是接口请求数据十分缓慢，通过实际抓包，我发现几个后
2022-06-01 21:44:30
220
原创 疫情数据分析平台（九）：新闻推送网页
疫情数据平台中，有一部分页面能够推送相应的新闻内容。设计时，设计成可以通过导航栏跳转，或者通过首页相应的板块跳转。对于新闻，我的设想是设计新闻栏目一条一条呈现，首先的新闻图片放在轮播图上，每一条新闻可以点击跳转到外部链接。由于主要功能并非新闻，数据分析和可视化也不涉及新闻。因此我的工作只需要把后端传输过来的新闻列表贴出来。展示到相应位置即可。首先是主页上的新闻部分：同时获取后端数据，由于后端获取的新闻链接，只给出了对应的id号，需要我们自己手动拼接网址：自己手动构造对应的新闻链接。效果如下： 新
2022-05-31 20:53:35
295
原创 疫情数据分析平台（八）：数据可视化展示
该项目疫情数据分析平台其中一大功能便是数据可视化。我们数据可视化分为若干部分，其中疫情地图由我来完成，而其他内容由其他成员完成。绘制好数据可视化的图表后，将通过后端传入前端。由于绘制的图表为动态，格式为html，即绘制成一个网页文件。面对这种情况，和后端沟通后，采取了这样的一种传输方式：前端首先根据用户选择图表类型及地区，将用户想要看的图表以名字的形式传入后端，后端给出对应的文件名字传回前端，前端根据这一文件名再次请求对应的文件接口（已经通过后端生成对应的网址），而前端获得该地址后则可以通过网址显示对应内容
2022-05-31 20:14:20
1467
原创 疫情数据分析平台（七）：数据排行榜
网站中有这么一个功能，根据现存确诊的情况进行数据排行，并显示在页面中。由于我在本次项目前端开发主要采用eltab来承载ui，所以数据排行被设计在一个表格中，然后显示在一个eltab中。数据则是从后端获取，不过后端传过来的数据是杂乱的，即未排序的，因此需要我在前端用JavaScript进行数据排序。首先获取数据，用axios方法：var _this=this this.$axios.get('/user/world_data_dead').then(resp=>{ if
2022-05-31 19:58:46
190
原创 疫情数据分析平台（六）：地区出入政策页面
我们这个项目疫情数据分析平台旨在提供直观的数据展示以及数据支持的决策，其中根据各地区的疫情防控政策，展示并且提示能够给予用户出行建议。对于前端来说，该功能的实现主要在于页面设计、获取后端传过来的数据、显示在页面上这三个方面。我们先来看页面设计：我的思路是，由于后端传过来的数据是双向的，即包含某市到某市的出入政策，在本地查看接口格式：可以看到后端传来的json数据包含四个参数：出入的省市，同时数据中包含出入的政策及健康码，我们对健康码的展示也是必要的。针对这样的数据形式，我考虑的是让用户进
2022-05-26 19:55:14
228
原创 疫情数据分析平台（五）：中国疫情地图绘制
中国疫情地图相比世界疫情地图承载更多功能，因此其技术实现的难度也更高，相比世界地图echarts的绘制，中国疫情地图包含大量同步异步函数的使用，同时包含下钻（点击省份进入各省地图）和返回（回到中国地图），以及一些预想好的点击事件，其难度相对较高。中国地图并非使用像世界地图在echarts中直接调用。而是采用自定义地图，首先找到自定义的地图数据（json格式），包括中国地图以及各省份地图：数字代表各省的adcode前缀，如北京adcode为110000.一开始我采取的方法是在页面加载时将.
2022-05-25 17:39:14
1086
原创 疫情数据分析平台（四）：世界疫情地图绘制
我同时兼任前端开发以及数据可视化中的疫情地图绘制，这部分内容属于我们项目中放在首页最醒目位置的内容，也是我们比较核心的功能之一。疫情地图绘制我将利用echarts的地图控件实现世界地图的绘制，功能包括世界地图国家板块、视觉映射效果（疫情严重与否体现在颜色深浅）、疫情数据的展示等。在开发疫情地图过程中，数据取自后端，但并不像一般页面中获取——渲染——展示这一简单流程即可实现。由于地图绘制和数据获取在同一生命周期且数据获取（axios请求数据）的时间不确定，取决于接口大小、网络速度等问题，因此需要引入大量异
2022-05-25 16:58:51
720
原创 疫情数据分析平台（三）：前端开发
针对上一期的ui设计稿，我们继续将其实现为具体的前端界面，依然是比较前期的ui代码实现，不涉及具体数据的引入和渲染。首先开发头部导航栏，命名为header_nav（实际上由于尝试了两种设计，实际命名为header_nav2），按照之前ui设计稿的设想，我们需要四个导航选项以及一个标题<div> <div> <a class="header_title" href="/">疫情数据分析平台</a> </div> <
2022-05-25 16:25:28
396
原创 疫情数据分析平台（二）：ui布局和展现
在前端中，有一个非常重要的前期工作：ui设计。一般公司企业开发中，ui设计由专业的ui设计师完成，再递交给前端开发工程师完成代码实现，但是该项目中我同时担任ui设计，需要对我们项目的平台进行一个可视化的设计。在代码开发前，我必须设想ui的大致样式，随后再进行开发。市面上有很多可以用来设计ui的软件，包括adobe的Photoshop、adobe的xd等，这里使用adobe的xd进行设计，其优势在于简单易上手，无需多余的学习成本。经过项目组讨论，决定该平台网站尽量直观和明显，于是希望在首页便承载疫情地
2022-05-02 20:57:59
476
原创 疫情数据分析平台前端（一）：vue平台搭建
本次疫情数据分析平台项目开发中，我负责前端，包括前端ui、前端数据处理以及疫情地图的绘制和展现。该项目以网站为载体，呈现各种数据可视化和预测的结果，数据处理量大，与后端交互频繁，前端数据转换相对较多，因此选择能够轻易实现各种数据绑定以及包含大量插件的vue框架进行开发。在此我选择使用vue-cli和webpack结合进行创建项目，由于npm在国内连接不稳定，改用cnpm镜像进行各类依赖的安装：...
2022-05-02 20:40:28
1041
原创 疫情数据分析平台项目
旨在实现一个疫情大数据监控及可视化网站，能够实现实时疫情数据监控、疫情新闻推送、疫情趋势分析等功能。通过爬虫（python）获取网络新冠疫情数据，经过大数据分析处理后，在网站上进行基础的数据展示以及数据可视化。该平台可为用户提供疫情相关的数据、舆情分析、新闻，并为用户行为及决策提供参考。...
2022-02-22 21:18:27
1703
原创 FlaxEngine学习笔记（十二）：input模块（4）
2021SC@SDUSC接着上一篇博客input.cpp文件后续的部分进行分析： const auto axisMappings = stream.FindMember("AxisMappings"); if (axisMappings != stream.MemberEnd()) { auto& axisMappingsArray = axisMappings->value; if (axisMappingsArray.IsArray
2021-12-25 21:58:40
281
原创 FlaxEngine学习笔记（十一）：Input模块（3）
2021SC@SDUSC本次代码分析观察主要涉及InputDevice.h和VirtualInput.h两大文件，他们是输入设备和虚拟输入的头文件。首先是VirtualInput.h：可以看到主要是对“friendly name”这一行为名称的定义和操作，简而言之就是对一些自定义的操作进行绑定和设置，在之后的编辑行为中有所涉及。/// <summary>/// Maps keyboard, controller, or mouse inputs to a "friendly
2021-12-25 21:52:30
1683
原创 python爬虫：爬取pixiv图片
自从接触python以后就想着爬pixiv，之前因为梯子有点问题就一直搁置，最近换了个梯子就迫不及待试了下。爬虫无非request获取html页面然后用正则表达式或者beautifulsoup之类现成工具截取我们想要的页面，pixiv也不例外。首先我们来实现模拟登陆，虽然大多数情况不需要我们实现模拟登录，但如果你是会员之类的，登录和不登录网页就有区别。思路是登录时抓包抓到post请求，看pixiv构建的post的数据表格是什么格式，我们根据这个格式构建form，然后调用post方法去请求，再保存到s
2021-12-20 23:04:40
10967
1
原创 FlaxEngine学习笔记（十）：Input模块（2）
2021SC@SDUSC上一次的博客主要了解了在输入input这个功能，即游戏的正常玩家交互（键盘、鼠标、控制器）功能的一些预设变量enum。接下来继续这一模块的具体代码：2.keyboard部分：包含Keyboard.h和KeyboardKeys.h两个部分Keyboard.h：代表了简单的硬件——键盘设备，在input中作为键盘原生映射输入API_CLASS(NoSpawn) class FLAXENGINE_API Keyboard : public InputDevice{DE
2021-12-06 17:21:56
2220
原创 FlaxEngine学习笔记（九）：input模块
2021SC@SDUSC上次的input模块是在engine中的对input模块功能的整合和初始化，这次我将观察input模块的具体功能，包括其具体的代码实现。input模块主要由这几部分代码组成，包括cpp和cs。1.Enum.h：这一部分的内容主要涉及鼠标光标的输入：API_ENUM() enum class CursorLockMode{ /// <summary> /// The default mode. /// </summ.
2021-12-06 16:58:16
2876
原创 FlaxEngine学习笔记（八）：CommandLine模块2和Input模块
2021SC@SDUSC接着之前的commandLine模块，我们继续分析接下来的内容。parse函数，其作用是对命令行的命令进行语义分析，并执行。bool CommandLine::Parse(const Char* cmdLine){ Options.CmdLine = cmdLine; int32 length = StringUtils::Length(cmdLine); if (length == 0) return false;
2021-11-23 21:41:52
650
原创 FlaxEngine学习笔记（七）：CommandLine模块
2021SC@SDUSC这一次我们来观察CommandLine模块的代码，顾名思义这一模块的内容是对命令行的命令进行解析。首先来看CommandLine.h：struct OptionsData { /// <summary> /// The command line. /// </summary> const Char* CmdLine = nullptr; /// <su
2021-11-15 22:07:19
2720
原创 FlaxEngine学习笔记（六）：Screen模块
2021SC@SDUSC这次我们来看screen模块和commandLine模块，顾名思义，这两个模块是负责屏幕检测和命令行检测的。1.Screen模块由screen.cpp和screen.h组成，先观察screen.h：API_PROPERTY() static bool GetIsFullscreen();//获取全屏模式API_PROPERTY() static void SetIsFullscreen(bool value);//设置全屏模式API_PROPERTY() s
2021-11-07 14:30:30
2551
原创 FlaxEngine学习笔记（五）：GameplayGlobals模块
2021SC@SDUSC这次我们观察GameplayGlobals模块的代码，我们先来看GameplayGlobals.h文件的代码，其作为GameplayGlobals.cpp文件的头文件，主要定义了一些类和结构体API_CLASS(NoSpawn) class FLAXENGINE_API GameplayGlobals : public BinaryAsset首先定义API类中的二进制流的素材：public: /// <summary> /// T
2021-10-31 17:02:12
1585
原创 FlaxEngine学习笔记（四）：时间模块
2021SC@SDUSC现在我们来看Time类，在游戏引擎中，为了便于制作者在开发游戏时设计时间轴、时刻等内容，time类的引入是很有必要的。同时，在游戏引擎内对时间进行规划也是很重要的。先来看其命名空间：namespace{ bool FixedDeltaTimeEnable; float FixedDeltaTimeValue; float MaxUpdateDeltaTime = 0.1f;}首先是deltaTime的定义：在大多数游戏引擎中，主要有四种时
2021-10-24 16:33:18
716
原创 Springboot+MySQL+jdbcTemplate实现后端分页
最近在写一个博客系统，前端用的是vue，后端springboot框架，数据库用的是MySQL，后端dao层使用的是jdbcTemplate。博客系统的展示页面需要进行分页，使用element-ui的分页组件：<el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="1000"></el-pagination>此时分页就有两种方法：前端分页和后端
2021-10-18 20:12:14
613
原创 FlaxEngine学习笔记（三）：系统初始化和引擎服务类
2021SC@SDUSC我们继续观察代码void Engine::OnPause(){ LOG(Info, "App paused"); Pause(); RenderTargetPool::Flush(true);}void Engine::OnUnpause(){ LOG(Info, "App unpaused"); Unpause(); Time::OnBeforeRun();}void Engine::OnExit(){
2021-10-17 19:48:18
119
原创 FlaxEngine学习笔记（二）：引擎初始化及相关变量、函数
2021SC@SDUSC本次博客开始我将正式深入源码进行分析与学习。首先我们聚焦到FlaxEngine的engine，它是为整个引擎提供资源整合以及系统支援的代码部分，我们进入到GitHub的对应页面，可以看到如下图的文件目录：可见全部为C、C++、C#语言。我们对文件做适当分类：1.全局变量相关：可以看到全局变量定义了引擎用到的对系统整体起作用的变量1）FolderStartupFolder 启动文件夹 TemporaryFolder 临时文件夹 P..
2021-10-10 18:58:25
337
原创 FlaxEngine学习笔记（一）：综述
本学期围绕一个项目，小组对该项目的源码进行分析观察。我们小组选择的是Flax Engine，一款开源的游戏引擎。在该引擎之前，我只接触过untiy，在下载部署FlaxEngine后发现编辑界面上两者十分相似，这省去了初期的繁琐学习成本。设计开发一款游戏引擎，它需要囊括渲染系统、物理引擎、GUI前端系统、脚本系统等，是个十分复杂并且需要全面考虑的工程。因此，我们需要先从引擎的架构开始分析。在《游戏引擎架构》一书中，作者Jason Gregory将整体架构整理成这样一张图，从下到上，代表着从游戏系统
2021-09-29 19:55:50
669
原创 Unity学习笔记（二）：第三人称移动和镜头控制（2）
关于untiy中的public和private，public引入的对象可以在inspector直接拖拽中引入，而private引入的对象不会出现在inspector界面，建立引入需要使用GameObject.Find（"组件所在物体名字"）.GetComponent<组件名>()，这样返回对应的组件。同时此处GameObject相当于一个反射，反射该脚本所在GameObject...
2021-09-15 22:14:54
644
原创 Unity学习笔记（一）：第三人称镜头和人物移动
凭借一腔热情，想着大学做点什么事，就想着做个游戏出来。之前没有接触过unity等各类引擎，学习了一段时间发现有许多地方挺复杂的，开个专栏记录一下学到的东西。基本目标是做一个RPG式的游戏，涉及的东西有很多：人物移动和镜头、战斗系统构建、UI构建等，先从基本的开始学起。关于第三人称镜头和人物移动，我们的目标是实现一个玩家能够随意移动镜头观察环境，同时人物在静止时不会受到镜头方向影响，而移动时会受到影响的移动系统，就是比较常见的第三人称移动系统。第一种实现方式，我主要模仿了油管主Brac...
2021-09-15 13:38:53
2379
原创 山东大学众智科学与网络化产业期末考试题（回忆版）
给出一个二分均衡图，即若两个人参加同一个社团，则两人之间有边a）画出投影图b）说明是否有一个投影图对应多个二分均衡图2.简要说明pagerank和计算pagerank贝叶斯公式 黄车概率百分之十，白车概率百分之九十，实际是黄车目击者说是黄车的概率百分之八十，实际是白车目击者说是白车的概率百分之八十，现在有辆肇事车辆且目击者说是黄车，求问是黄车的概率 算清仓价格9 7 45 9 411 10 83.博弈论，收益矩阵，算纳什均衡4.柠檬市场 好车、中等、柠檬 卖
2021-09-15 12:39:49
821
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人