[发明专利]一种基于动态表单校验的服务器渲染页面生成方法与系统

说明书

本发明提供了一种基于动态表单校验的服务器渲染页面生成方法与系统，本发明通过预定义路由转发规则、html模板文件、动态表单定义、表单校验规则等配置，通过路由转发用户请求，解析用户请求数据，在服务器端完成用户请求访问的页面文件的渲染，最终输出到浏览器供用户使用。区别于常见的浏览器端渲染模式，本发明使用服务器端渲染的形式，兼顾SEO友好、快速响应、客户端资源占用少等特点，同时满足了表单校验实时反馈，为用户带来了良好的交互体验。

技术领域

本发明涉及软件开发技术领域，特别是一种基于动态表单校验的服务器渲染页面生成方法与系统。

背景技术

在使用浏览器访问互联网站点时，网页来源与请求的站点服务器返回的数据，根据页面的渲染方式，可分为客户端渲染和服务器渲染。二者最重要的区别在于谁来完成html文件的完整拼接。如果是在服务器端完成的，然后返回给客户端，则是服务器渲染；如果是前端做了更多的工作完成了html的拼接，则是客户端渲染。两种渲染方式在不同的业务场景下各有千秋，针对要求前后端分离开发，提高用户交互体验，业务需求中存在较多的表单输入并且要求实时反馈表单校验结果的场景，客户端渲染的优势比较明显。如果针对SEO(Search Engine Optimization，搜索引擎优化)要求比较高，响应速度快的业务场景，服务器端渲染的优势非常明显。如果既要求SEO友好，又存在较多的表单数据处理，并且要求对用户输入的内容进行合法性校验的同时进行实时反馈，必须在服务器端渲染的基础上进行大量重复的表单定义和输入校验工作。

发明内容

本发明的目的是提供一种基于动态表单校验的服务器渲染页面生成方法与系统，旨在解决现有技术中服务器端渲染存在表单定义以及输入校验重复的问题，实现兼顾SEO友好、快速响应、客户端资源占用少，同时满足表单校验实时反馈。

为达到上述技术目的，本发明提供了一种基于动态表单校验的服务器渲染页面生成方法，所述方法包括以下操作：

浏览器端发起请求，根据预定义的路由规则，获取对应的html页面模板类型以及动态表单类型对象数组；

结合表单定义，将动态表单数据以固定顺序插入到html页面模板文件的指定位置；

根据获取的动态表单数据，为生成的表单绑定对应的表单验证规则，对用户输入提供合法性校验；

判断是否需要请求后台数据，如需要发送http请求至后台服务器，解析后台服务器返回的数据，将数据填充到html页面模板对应的表单中，生成完整的html页面；否则直接返回组装完成的html页面。

优选地，所述html页面模板定义需要生成的页面的框架元素；所述表单定义内容包括表单名称、类型、表单属性以及初始数据，其中初始数据支持传入指定的数据，也支持通过http请求从后台服务器获取。

优选地，所述表单验证规则包括不能为空白、日期格式、邮箱格式、手机号码格式以及输入字符限制。

本发明还提供了一种基于动态表单校验的服务器渲染页面生成系统，所述系统包括：

模板及表单获取模块，用于浏览器端发起请求，根据预定义的路由规则，获取对应的html页面模板类型以及动态表单类型对象数组；

表单插入模块，用于结合表单定义，将动态表单数据以固定顺序插入到html页面模板文件的指定位置；

表单校验模块，用于根据获取的动态表单数据，为生成的表单绑定对应的表单验证规则，对用户输入提供合法性校验；

页面生成模块，用于判断是否需要请求后台数据，如需要发送http请求至后台服务器，解析后台服务器返回的数据，将数据填充到html页面模板对应的表单中，生成完整的html页面；否则直接返回组装完成的html页面。