垃圾投放规范

猿急送>西安前端兼职程序员>雨落花香溢漫天>

案例列表

基本信息

案例ID：189003

技术顾问：雨落花香溢漫天 - 5年经验 - 22

联系沟通

微信扫码，建群沟通

项目名称：垃圾投放规范

所属行业：企业服务 - 安全服务

->查看更多案例

案例介绍

项目描述：用智能摄像头实时监测，对车牌号，和投放点人脸抓拍数据上报，通过PC客户端界面处理信息，实现垃圾投放规范化。
项目构建：
1.考虑多业务组合实现定制，采用基于Vue前端微服务化方式以达到灵活构建应用，将业务化分区块按需引入。项目采用BS架构和CS架构两种方式，涉及客户端的调用以及Java服务调用。
2.框架采用公司自主研发的微服务框架，该框架的组件是基于iView的二次封装。
3. vue全家桶+ES6+Sass+Axios+webpack构建的单页面应用。
功能实现：
1.担任报警处理和报警统计两部分模块的前端开发。编写多应用公用的复杂报警弹窗组件（弹窗模块涉及客户端和web调用切换）
2.整套框架采用css3属性var，配合localstorage提供两种皮肤切换风格；页面国家化采用i18n插件；使用deep实现组件样式自定义；
3.前端兼容两种方式，对于CS方式，前端嵌套客户端，采用QTweb方式进行通信；对于BS方式，前端采用websocket方式与客户端实现通信；
4.报警统计，使用数据可视化方式，使用三方包vue-echars提供的组件，针对需求样式和功能进行配置。
5.违规人脸抓拍图功能，通过坐标在场景图绘制给定人脸位置。为解决场景图变形带来精确度的差异，采用canvas绘制图片，在对图片进行处理，在导出为base64。
6.根据树不同功能，使用Ztree.js，实现树组件的二次封装。