整理出了demo版本,不涉及公司的真实数据和核心算法逻辑。数据都是我随便生成的。
然后去除正式项目中的权限逻辑,自动生成地图逻辑,和自动生成定位点/入库点逻辑。更改复用逻辑。
添加后端demo(聊天示例,rmtp示例,table示例)
前端使用说明:
npm install 之后
npm run serve
http://localhost:8080/#/apartmentArea
后端使用说明:
1. cd 进去behind
2. chat文件夹是聊天demo,ffmpeg文件夹是rmtp的demo,最后 table文件夹 是3d交互的逻辑demo和生成demo的demo。
3. 只有table文件夹有数据库
调用高德api在数据大屏界面增加查看当前区域拥堵情况 /data5
监控调参,不再有花屏的现象了。 对数据大屏的理解进行了改动。路径 /data2 /data3 /data4
新增后端 behind/ffmpeg后端转flv.rar 由于rmtp协议不能在web端直接进行呈现。因此在该后端在2000会暴露一个视频转接的url.
路径:data
新加上了移动端适配
一些后端示例,像是聊天功能,table功能我放在behind文件夹下面
这里满足用户最基本的功能,复现桌面c++的基本功能
停车时间标签是为了更直观的看到各个车子停车的时间
监控功能是桌面c++的功能,在这个web端的应用我也将其搬了过来
这里的dashboard提供可视化管理表格,这里是我随便用echarts做了一下,这里的样式优化空间是很大的.
扫描视角的想法我是在8.6号下午跟杨经理聊天的时候他提到的有一些报警和报错并不能很直观的显示出来,这里的扫描视角gif图片上虽然呈现的不多,但是我的源码上给样式等级设置了三个样式,根据传入的type级别分成info,warning,error等级。并且对应着3d场景的具体坐标
当时构思的时候,我觉得如果把整个楼做一个出来会有臃肿的情况出现,并且楼层之间的显示不直观,因此我设计了一个右上角的gui按钮,点击右上角就可以切换楼层。楼层和楼层之间做了一些简单的效果用以区别不同的楼层
以车作为第一人称的效果说实话可能用处并不大,但是我觉得可以加上去,只属于锦上添花的内容吧,没准以后会有用
安全门功能是桌面c++的功能,直接把他搬了过来
数据大屏还是起到一个直观看数据的作用吧,里面是一个3d模型和一个vr数据,可以转着浏览内部的信息。并且给出一些直观数据
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。