[发明专利]mala前端快速开发框架系统及方法

说明书

本发明公开了mala前端快速开发框架系统及方法，具体涉及软件开发技术领域，包括前端技术平台，所述前端技术平台包括表单组件、其他组件、表格组件、图表组件、布局组件和提示组件。本发明实现真正的前后端解耦，前端服务器负责控制页面引用和跳转和路由，前端页面异步调用后端的接口，后端和应用服务器使用tomcat加快整体响应速度，且发现项目问题之后，可以快速定位是前和后端的问题，页面逻辑，跳转错误，浏览器兼容性问题，脚本错误，页面样式等问题，全部由前端工程师来负责，接口数据出错，数据没有提交成功，应答超时等问题，全部由后端工程师来解决，双方互不干扰，且前端大量的组件代码得以复用，组件化，有效提升其开发效率。

技术领域

本发明涉及软件开发技术领域，更具体地说，本发明涉及mala前端快速开发框架系统及方法。

背景技术

早期主要使用的MVC框架通常是所有的请求都被发送给作为控制器的Servlet，它接受请求，并根据请求信息将它们分发给适当的JSP来响应。同时，Servlet还根据JSP的需求生成JavaBeans的实例并输出给JSP环境。JSP可以通过直接调用方法或使用UseBean的自定义标签得到JavaBeans中的数据。需要说明的是，这个View还可以采用Velocity、Freemaker等模板引擎。这种方式目前还有不少公司在使用，但整个服务的页面都在后端渲染，消耗后端服务资源的同时，后端中可能有前端代码，前端中也有后端代码，这对开发人员要求相对要高，同时出错率也高，影响开发效率。

发明内容

为了克服现有技术的上述缺陷，本发明提供了mala前端快速开发框架系统及方法，本发明所要解决的技术问题是：现有的前端框架整个服务的页面都在后端渲染，消耗后端服务资源的同时，后端中可能有前端代码，前端中也有后端代码，其出错率也高，且影响开发效率的问题。

为实现上述目的，本发明提供如下技术方案：mala前端快速开发框架系统，包括前端技术平台，所述前端技术平台包括表单组件、其他组件、表格组件、图表组件、布局组件和提示组件。

作为本发明的进一步方案：所述表单组件包括输入框、选择器、时间选择器、上传、单选多选、级联选择器、日期选择器和穿梭框。

作为本发明的进一步方案：所述其他组件包括树形控件、进度条、滚动条和轮播。

作为本发明的进一步方案：所述表格组件包括增删改查、弹框模板、多表联动、高级搜索、弹框表格和图标联动。

作为本发明的进一步方案：所述图表组件包括柱状图、环饼图、实时动态图、折线图、地图和多图联动。

作为本发明的进一步方案：所述布局组件包括Tabs标签页、下拉菜单、steps步骤条和折叠板。

作为本发明的进一步方案：所述提示组件包括Alert警告、消息提示和Notice通知。

mala前端快速开发框架方法，包括以下步骤：

首先，浏览器向静态文件服务器请求静态页面，静态文件服务器返回到静态页面，使得浏览器获得静态页面，并且前端向后端和数据库请求数据，接着验证TOKEN是否合法，合法请求则返回数据，且在APP界面进行展示，而非法请求则拒绝请求。

本发明的有益效果在于：

1、本发明实现真正的前后端解耦，前端服务器负责控制页面引用和跳转和路由，前端页面异步调用后端的接口，后端和应用服务器使用tomcat加快整体响应速度，且发现项目问题之后，可以快速定位是前和后端的问题，页面逻辑，跳转错误，浏览器兼容性问题，脚本错误，页面样式等问题，全部由前端工程师来负责，接口数据出错，数据没有提交成功，应答超时等问题，全部由后端工程师来解决，双方互不干扰。