[发明专利]一种实现前端和后端分离的方法、计算机设备及存储介质

说明书

本发明公开了一种实现前端和后端分离的方法、计算机设备及存储系统，涉及web项目技术领域，包括前端和后端，所述后端包括网关系统和public公共接口模块，所述前端通过后端内部搭建网关系统实现信号连接，网关系统提取后端的public公共接口模块，将public包引用至网关系统和原始web系统内完成原始web系统改造，实现前端和后端分离，既能保证性能，又能减少开发难度，让代码更规范和更优化，改变传统设计对服务器压力大的问题。

技术领域

本发明涉及web项目技术领域，具体来说，涉及一种实现前端和后端分离的方法、计算机设备及存储介质。

背景技术

在现有技术当中，前端与后端都是部署在同一个机器上的，我们知道前端和后端执行的任务数量巨大，对于维护系统的工作人员来说，修复系统相当的困难，而且前端和后端部署在同一个机器时，项目开发周期过长，开发难度过高，代码不规范，并且传统的设计对服务器压力过大，时间久了，机器内存不足，很容易导致系统崩溃。

发明内容

为了克服现有技术的不足，本发明提供一种实现前端和后端分离的方法、计算机设备及存储介质，能够减少开发难度，提高项目开发周期。

本发明解决其技术问题所采用的技术方案是：一种实现前端和后端分离的方法，其改进之处在于，包括前端和后端，所述后端包括网关系统和public公共接口模块，所述前端通过后端内部搭建网关系统实现信号连接，网关系统提取后端的public公共接口模块，将public包引用至网关系统和原始web系统内完成原始web系统改造，实现前端和后端分离。

作为上述技术方案的改进，后端采用Springboot+Dubbo框架搭建网关系统。

作为上述技术方案的进一步改进，原始web系统加上dubbo配置，并在impl业务层加上@Service，标识为dubbo接口。

作为上述技术方案的进一步改进，网关系统调用dubbo接口，引用interface接口通过@Reference注解注入。

作为上述技术方案的进一步改进，网关系统的http接口返回重新定义成restful风格，改变原始web系统返回的ModelAndView对象。

作为上述技术方案的进一步改进，网关系统添加权限校验包和全局异常捕获AOP。

作为上述技术方案的进一步改进，网关系统配置Swagger生成动态接口API文档，以便与前端对接。

作为上述技术方案的进一步改进，前端通过Ajax调用网关系统的http接口。

作为上述技术方案的进一步改进，网关系统的http接口与后端开发协定，参照Swagger生成动态接口API文档调用接口，变换请求参得到不同的接口报文。

作为上述技术方案的进一步改进，前端删除静态资源css、js、imag以及jsp或者删除html页面，并根据原始web系统的jsp或者html开发相同式的页面，通过Ajax调用网关系统的http接口，直至返回数据。

作为上述技术方案的进一步改进，原始web系统删除web.xml中对请求的拦截校验以及页面的配置，并将Controller层、interface接口以及公共的vo、utils、Enum备份至public公共模块，然后删除原始web系统内的Controller层、interface接口以及公共的vo、utils、Enum。

作为上述技术方案的进一步改进，通过public公共模块将Controller层移动至网关系统内。

作为上述技术方案的进一步改进，将public包引用到网关系统和原始web系统中，供网关系统和原始web系统共用。