苗云卉是一款结合AI和物联网技术的APP，提供苗木知识、植物识别和养护服务。使用vue3、typescript等技术进行开发，实现蓝牙WiFi对接、图片旋转裁剪和Echarts数据可视化等功能，帮助用户轻松管理植物养护。
一、项目描述
苗云卉是一款集苗木知识库、AI、多方位解决养护种植类的不便利的APP，同时还有严格可靠的物联网硬件监控设备，根据植物的环境参数信息，实时给用户推送植物状态。
二、使用技术
vue3、sass、vant-ui、vite、typescript、echarts数据可视化、图片旋转裁剪、蓝牙wifi对接…
三、项目职责
- 参与需求分析、功能板块研讨、前端代码开发；
- 苗云卉一期：
首页广场、关注列表、个人中心、动态广告；
苗云卉二期：植物百科、植物识别、植物养护日志、设备及蓝牙wifi管理、控制盒管理；
封装scss相关样式，封装公用布局组件，登陆成功后的后将用户信息存储到localStorage以及vuex或pinia中，二次封装下拉刷新上拉加载组件、ecahrts配置组件、头像和图片旋转裁剪组件，配置页面路由、keep-alive相关页面，封装axios以及拦截器等… - 日常系统维护、模块变更修改。
四、技术难点
分页随机处理动态组件、递归组件，蓝牙wifi对接、图片的旋转剪切、vant组件的二次封装、echarts数据可视化图表配置等…
五、项目链接
https://cnseedlingscloud.com/app_web/hmmy_community_fe_v2/#/family
六、效果图
-
首页
-
植物识别
-
植物百科
-
设备管理
-
植物养护（递归组件）
-
植物环境参数（echarts数据可视化）
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
