一种基于动态表单校验的服务器渲染页面生成方法与系统技术方案

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

A method and system of server rendering page generation based on dynamic form checking

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

【技术保护点】
1.一种基于动态表单校验的服务器渲染页面生成方法，其特征在于，所述方法包括以下操作：/n浏览器端发起请求，根据预定义的路由规则，获取对应的html页面模板类型以及动态表单类型对象数组；/n结合表单定义，将动态表单数据以固定顺序插入到html页面模板文件的指定位置；/n根据获取的动态表单数据，为生成的表单绑定对应的表单验证规则，对用户输入提供合法性校验；/n判断是否需要请求后台数据，如需要发送http请求至后台服务器，解析后台服务器返回的数据，将数据填充到html页面模板对应的表单中，生成完整的html页面；否则直接返回组装完成的html页面。/n

【技术特征摘要】
1.一种基于动态表单校验的服务器渲染页面生成方法，其特征在于，所述方法包括以下操作：
浏览器端发起请求，根据预定义的路由规则，获取对应的html页面模板类型以及动态表单类型对象数组；
结合表单定义，将动态表单数据以固定顺序插入到html页面模板文件的指定位置；
根据获取的动态表单数据，为生成的表单绑定对应的表单验证规则，对用户输入提供合法性校验；
判断是否需要请求后台数据，如需要发送http请求至后台服务器，解析后台服务器返回的数据，将数据填充到html页面模板对应的表单中，生成完整的html页面；否则直接返回组装完成的html页面。


2.根据权利要求1所述的一种基于动态表单校验的服务器渲染页面生成方法，其特征在于，所述html页面模板定义需要生成的页面的框架元素；所述表单定义内容包括表单名称、类型、表单属性以及初始数据，其中初始数据支持传入指定的数据，也支持通过http请求从后台服务器获取。


3.根据权利要求1所述的一种基于动态表单校验的服务器渲染页面生成方法，其特征在于，所述表单验证规则包括不能为空白、日期格式、邮箱格式、手机号码格式以及输入字符限制。


4.一种基于动态表单校验的服务器渲染页面生成系统，其特征在于，所述系统包括：
模板及表单获取模块，用于浏览器端发起请求，根据预定义的路由规则，获取对应的html页面模板类型以及动态表单类型对象数组；
表单插入模块，用于结合表单定义...

【专利技术属性】
技术研发人员：王凯，
申请(专利权)人：苏州浪潮智能科技有限公司，
类型：发明
国别省市：江苏;32