1.一种web前端框架系统，包括项目层、消息处理中心层、中间件处理器层、桥连接层、应用层、工具类层和打包构建工具层；其中，所述项目层包括项目配置和项目页面模块；所述消息处理中心层包括自定义组件模块、组件模块和元件模块，所述组件用于项目中的独立组件封装，并快速进行拼接页面，所述消息处理中心层用于处理每个组件之间的消息；所述中间件控制器层用于处理第三方中间件数据；所述桥连接层用于调用不同平台的API；所述打包构建工具层用于对代码的打包、压缩、加密，并针对不同的平台，打包成不同的上线包。
2.根据权利要求1所述的web前端框架系统，其特征在于，所述中间件处理器层包括事件管理模块、适配器模块、路由管理模块、网络请求模块、安全模块和缓存模块；其中，所述事件管理模块用于处理不同平台的点击、移动，数据绑定等事件；所述网络请求模块用于处理和后端交互的数据读取；所述安全模块用于在数据传输中，对数据进行加密；所述适配器模块用于对不同的数据源进行数据格式化，使前端保持统一的数据格式；所述路由管理模块用于处理页面与页面之间跳转的动画。
3.根据权利要求1或2所述的web前端框架系统，其特征在于，所述应用层包括PC模块、微信模块、IOS模块和Android模块。
4.一种web前端框架系统架构方法，包括如下步骤:前端启动；框架选型；构建项目；梳理UE；编写实现业务逻辑代码/交互；集成/联调；打包工具进行打包压缩上线；结束。
5.如权利要求4所述的web前端框架系统架构方法，其特征在于，所述梳理UE步骤之后，包括如下步骤，梳理技术难点和寻找解决方案。
6.如权利要求4所述的web前端框架系统架构方法，其特征在于，所述梳理UE步骤之后，包括如下步骤，梳理公用模块、方法和输出公共类。
7.如权利要求4所述的web前端框架系统架构方法，其特征在于，所述梳理UE步骤之后，包括如下步骤，规划接口数据和构建本地数据容器。
8.一种web前端框架系统架构方法，包括如下步骤:前端启动；框架选型；构建项目；梳理UI；规划项目整体的页面结构；抽取公用模版/组件/元件；输出静态页面/模版/组件/元件；集成/联调；打包工具进行打包压缩上线；结束。
9.一种web前端框架系统架构方法，包括如下步骤:开始；读取配置文件；加载页面；渲染组件；读取数据；渲染页面；结束；其特征在于，所述渲染组件步骤包括：判断是否是自定义组件，如果所述组件是自定义组件，则加载自定义组件，注册到消息中心。
10.如权利要求9所述的web前端框架系统架构方法，其特征在于，所述读取数据步骤包括：
第一步，判断是否使用API路由中间件，如果是，则进入API路由解析；如果否，则直接进入第二步；
第二步，判断是否使用缓存中间件，如果是，则获取缓存数据；如果否，则进入第三步；
第三步，判断是否使用适配器中间件，如果是，则数据通过适配器格式化；如果否，则返回数据。