lora 设备管理系统:该项目用于管理 kfc 各个门店设备情况,包含 Dashboard 页面以及可以实时查看各个门店设备的页面。项目使用 vue3+vite 构建,ui 库使用了 element-plus
主要技术:vue3、vite、element-plus、pinia、vue-router、vite-plugin-svg-icons
1 使用 vite-plugin-svg-icons 插件封装图标组件,以便在项目中使用 svg 图标。
2 使用 pinia 进行全局状态的管理,存储 kfc 全国的门店信息以及其他公共状态。 3 使用 element-plus 组件库构建界面
4 封装公共的设备信息组件,根据路由的不同来显示不同设备的具体状况
AI 预估移动端:用户根据 AI 给出的未来 14 天各门店产品销售预估情况进行核准,前端根据用户的输入的核准值,将值根据 AI 预估当天的值 进行百分比划分,最后得到实际销售和 AI 预估的差距
主要技术:react、react-native、taro、taro-ui、mobx-react
1. 因为是多家品牌使用,在 taro 的配置项中写入了多家品牌的配置,最后通过 npm:品牌的启动方式来供多品牌使用。
2. 使用 HOC 封装方便简洁的组件,提高项目的稳定性和可维护性。
3. 存在商品较多情况的门店,需要考虑使用 promise 来规避请求时间过长导致页面加载带来的不良体验。
4. 使用 mobx 进行全局状态的管理,将多个页面逻辑划分不同的模块,在统一的 js 中导入,最后在需要使用的地方使用 inject
注入
5. 使用 taro 和 react-nactive 提供的基础组件构建项目的 ui 界面