前端采用vue框架的npm包方式,实现了基层框架的搭建。主要分为三部分核心框架层组件、技术组件和业务组件。
核心框架包括框架、基础工具类、主体样式。框架可以集成一些外部插码、uri转换、客户端信息获取等;基础工具类包含了cookies操作、消息处理、浏览器信息获取、uri信息、随机字符串、正则校验等工具类;主体样式包含了css样式和图片、logo图片等信息。
技术组件包含了但文本输入框、多文本输入框组件、按钮组件等技术组件,区别于通用的原生组件,这层组件做了一层封装,做了暴露属性的精简及打包,侧重应用开发的快捷和快速应用方面做封装。
业务组件是基于业务应用角度上,基于业务应用的使用场景加上技术组件做了一层业务组件封装,并且集成了后端服务。在业务工程开发使用时,可以直接引用,直接使用,无需联调后端接口。
本前端npm框架既简化了前端vue应用开发的复杂度,提升了前端样式、图片、组件风格等统一,还提升了开发效率和质量,简化了业务应用开发工作量。