本周学习周报

一、整合之前学习内容

将之前的学习内容进行规整,和老师讨论后大致了解了下一步的学习方向,目前整合过程仍有疏漏,有些之前学到的东西还没统合进来,还需具体补充,下面是进展情况。

1、总体框架构造

目前先按照简单的路由组件跳转在首页导航栏实现完整跳转功能。
在这里插入图片描述
点击工程数据监测系统,可以进入主界面。
点击工程地图,进入地图展示界面。
点击工程详情可以展示工程具体信息。
工程监控则是视频展示界面。

2、工程监控界面

根据Angular Material官方库先制作了简单的四宫格展示界面
本周学习周报_第1张图片
后面准备添加本地视频进行播放。

3、工程地图界面

通过老师推荐如何在搜索引擎中查询的方式,终于成功的把百度地图放在了组件中并成功显示
暂时没有实现事件框添加功能来展示工程信息。
本周学习周报_第2张图片

4.工程详情界面

这里做的就比较混乱了,没有统筹规划好。
学习使用angular框架用ngx-echarts做统计图
本周学习周报_第3张图片
用angular Material 做统计表格
本周学习周报_第4张图片
信息还不完整,后面要多增加些信息展示。
最后尝试了使用按钮跳转功能来展示工程具体信息
例如:
在这里插入图片描述
点击后跳转
本周学习周报_第5张图片
这里用的还是 Material的Card模板,图片本地上传裂开了,没有显示。

二、下周计划

多研究官方文档,了解更多服务、类这些功能的妙用,尝试解决在地图上添加事件的问题。

你可能感兴趣的:(angular)