uniapp 项目架构,封装
程序员文章站
2022-07-03 19:41:51
前言:最近需要搭建一套基于uniapp 的代码模板,适应各平台的快速打包部署,为提高代码复用率,提升生产力,所以需要构建一套优雅的前端项目架构,下面分享记录一下我的封装。代码封装我暂时分为三个层面:1 底层的封装缓存处理,第三方API封装,用户信息鉴权处理,网络请求,应用配置,数据统计,数据埋点,全局page对象劫持封装,通用工具类封装(时间处理,通配符取参,文件下载,上传,加密,解密,长链接,音视频播放器),WebRTC(网页实时通信技术),webview通讯释:这个层面基本都是....
前言:
最近需要搭建一套基于uniapp 的代码模板,适应各平台的快速打包部署,为提高代码复用率,提升生产力,所以需要构建一套优雅的前端项目架构,下面分享记录一下我的封装。
代码封装我暂时分为三个层面:
1 底层的封装
缓存处理,第三方API封装,用户信息鉴权处理,网络请求,应用配置,数据统计,数据埋点,全局page对象劫持封装,通用工具类封装(时间处理,通配符取参,文件下载,上传,加密,解密,长链接,音视频播放器),WebRTC(网页实时通信技术),webview通讯
释:这个层面基本都是 js 逻辑代码的封装,可以按需加载
2 应用功能模块层面
积分模块,抽奖模块,商城模块,订单模块,会员模块,任务模块
释:这个层面主要是接口能力,页面及相关组件的封装
3 组件层面
首页组件,个人中心组件,详情页面组件,地址管理组件,公共弹窗,数据统计-画布
释:这个层面就是纯组件的封装了,跟接口,数据不挂钩,作用是把页面需要用的组件都拆分成小组件,提高复用性和可维护性。
未完待续,之后我会持续更新,有宝贵意见的欢迎在评论区指出,谢谢。
本文地址:https://blog.csdn.net/qq_35713752/article/details/109263098
推荐阅读
-
BS项目中的CSS架构_仅加载自己需要的CSS
-
使用React服务端渲染Next.js框架构建一个简单项目(实例)
-
从零开始搭建前后端分离的NetCore2.2(EF Core CodeFirst+Autofac)+Vue的项目框架之十数据库基础方法的封装
-
系统架构设计师-软件水平考试(高级)-理论-项目管理
-
Android项目实战(四十八):架构之组件化开发
-
vue项目中axios请求网络接口封装的示例代码
-
【高可用架构】借助Envoy工具发布项目到多台服务器(二)
-
基于vue+uniapp直播项目|uni-app仿抖音/陌陌直播室
-
16套java架构师,高并发,高可用,高性能,集群,大型分布式电商项目实战视频教程
-
【.NET Core项目实战-统一认证平台】第一章 功能及架构分析