【技术实现步骤摘要】
一种前后端分离Web系统的在线预览的方法及装置
本专利技术涉及通信
本专利技术进一步涉及一种前后端分离Web系统的在线预览的方法及装置。
技术介绍
随着互联网的发展，网络Web结构变得越来越多样，Web系统的规模也越来越向分离化发展。在目前的Web系统中，前后端分离的开发模型应用非常广泛。前后端分离指的是Web系统的前端和后端分别以不同的开发模式编码并且位于不同的服务器或系统中，以java-web为例，后端使用java编码，前端使用html、js编码，不同开发人员在各自工程中跟别开发，通过接口相互集成。前后端分离的优点包括了开发过程独立，互不影响。然而，随之带来的问题也很多。例如在不分离的系统中，动态生成的html报表等页面可以存在于静态目录下直接预览访问，方便用户确定是否正确以及是否要下载。当前后端分离后，前后端通常不在同一服务器上，浏览器会拒绝前端向分离的后端发起的请求，html无法作为静态资源直接访问。所以，目前在前后端分离场景下，用户基本都只能选择直接下载html，系统无法支持html的预览功能。因此...
【技术保护点】
1.一种前后端分离Web系统的在线预览的方法，其特征在于，所述方法包括以下步骤：/n在前端配置反向代理，并基于所述反向代理向与所述前端分离的后端发起对接口的请求；/n响应于收到所述请求，所述后端通过所述接口接收所述前端发送的预览指令；/n所述后端根据所述预览指令从数据库中提取数据以生成数据流，并通过所述接口将所述数据流反馈给所述前端；/n所述前端基于所述反向代理接收所述数据流，并将所述数据流转换为BLOB对象；/n为所述BLOB对象生成用于前端浏览器的URL，并打开所述URL以进行在线预览。/n
【技术特征摘要】
1.一种前后端分离Web系统的在线预览的方法，其特征在于，所述方法包括以下步骤：
在前端配置反向代理，并基于所述反向代理向与所述前端分离的后端发起对接口的请求；
响应于收到所述请求，所述后端通过所述接口接收所述前端发送的预览指令；
所述后端根据所述预览指令从数据库中提取数据以生成数据流，并通过所述接口将所述数据流反馈给所述前端；
所述前端基于所述反向代理接收所述数据流，并将所述数据流转换为BLOB对象；
为所述BLOB对象生成用于前端浏览器的URL，并打开所述URL以进行在线预览。
2.根据权利要求1所述的方法，其特征在于，所述后端根据所述预览指令从数据库中提取数据以生成数据流，并通过所述接口将所述数据流反馈给所述前端进一步包括：
根据所述预览指令从数据库中提取指定的数据；
调用HTML的FTL模板并通过FreeMarker将所述数据生成指定格式的数据流。
3.根据权利要求2所述的方法，其特征在于，所述调用HTML的FTL模板并通过FreeMarker将所述数据生成指定格式的数据流进一步包括：
生成所述指定格式为HTML_TEXT类型的HTML格式的数据流。
4.根据权利要求1所述的方法，其特征在于，所述前端基于所述反向代理接收所述数据流，并将所述数据流转换为BLOB对象进一步包括：
所述前端监测所述请求的状态码；
响应于所述状态码的值为指定值，所述前端接收所述数据流。
5.根据权利要求1所述的方法，其特征在于，所述在前端配置反向代理，并基于所述反向代理向与所述前端分离的后端发起对接口的请求进一步包括：
所述前端发布nginx，在nginx配置文件中将前端的请求负载到指定后端。
6.一种前后端分离Web系统的在线预览的装置，其...
【专利技术属性】
技术研发人员：魏志伟，
申请(专利权)人：苏州浪潮智能科技有限公司，
类型：发明
国别省市：江苏;32
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。