小程序App架构

借用服务端三层架构,一个项目可分为表现层,业务逻辑层,数据访问层。前端项目的架构图如下。
小程序App架构_第1张图片

lib:放置一些最底层,第三方库,如jquery,seajs,qrcode,echarts等,通知lib层是全公司共用一套。

common:放置和项目相关的一些公共代码,如转码,工具包,公共样式设置等。

service:业务逻辑层,按业务类型整合相关方法,向上暴露需要的接口方法,比如a页面需要登录和列表信息,b页面需要调用登录和详情信息,那么登录接口就会被调用两次,可将这种和业务紧密相关的接口调用用方法封装起来,作为一个服务暴露给上层应用。

widgets:一些通用的带UI的小组件,如pop,header,购物车图标等。widgets具备UI界面和一个闭环的交互功能。根据业务需要可以将widgets和common合并为一个目录。

pages:表现层,一般表现层的一个文件夹对应一个页面所涉及的所有资源。

你可能感兴趣的:(小程序)