The present invention relates to the technical field of communication, and discloses a response page creating method, system and server, the method includes: loading the target page HTML file; the target page HTML file is divided into multiple sub page HTML file; component layout for each of the plurality of sub page HTML file in HTML page file; will fill data into each sub page HTML file layout after the sub pages in the HTML file; each sub page HTML file data after filling the plurality of sub pages in the HTML file; and each sub page HTML file after assembling rendering of the plurality of sub page HTML file in response to a page. The invention can realize simple response front end interface, lower technical threshold, increase team collaboration, improve development efficiency and increase program maintainability.
【技术实现步骤摘要】
响应式页面创建方法、系统、以及服务器
本专利技术涉及通信
,具体地,涉及一种响应式页面创建方法、一种响应式页面创建系统、以及一种服务器。
技术介绍
现有技术中,网站开发人员一般采用响应式网页来实现使用户在网站的传统浏览器、移动电话(例如智能手机)、和平板电脑浏览器上都能很好地浏览网站。响应式网页可以根据随所显示设备的屏幕大小的改变而改变,以使用户具有良好的用户体验。但是开发一个支持响应式网页的应用程序的技术门槛很高,编写难度大。因此,如何能够简便实现响应式前端界面,降低开发人员技术门槛,提高开发效率成为亟待解决的技术问题。
技术实现思路
针对现有技术中存在的缺少一种能够简便实现响应式前端界面并降低开发人员技术门槛以提高开发效率的响应式页面创建方法的技术问题,本专利技术提供了一种响应式页面创建方法,该方法包括:载入目标页面HTML文件;将所述目标页面HTML文件划分为多个子页面HTML文件;针对所述多个子页面HTML文件中的每个子页面HTML文件进行组件布局;将数据填充到组件布局后的所述多个子页面HTML文件中的每个子页面HTML文件;渲染数据填充后的所述多个子页面HTML文件中的每个子页面HTML文件;以及将渲染后的所述多个子页面HTML文件中的每个子页面HTML文件拼装为一个响应式页面。相应地,本专利技术还提供了一种服务器,该服务器包括:载入模块,用于载入目标页面HTML文件;划分模块,用于将所述目标页面HTML文件划分为多个子页面HTML文件;组件布局模块,用于针对所述多个子页面HTML文件中的每个子页面HTML文件进行组件布局;数据填充模块,用于将 ...
【技术保护点】
一种响应式页面创建方法,其特征在于,该方法包括:载入目标页面HTML文件;将所述目标页面HTML文件划分为多个子页面HTML文件;针对所述多个子页面HTML文件中的每个子页面HTML文件进行组件布局;将数据填充到组件布局后的所述多个子页面HTML文件中的每个子页面HTML文件;渲染数据填充后的所述多个子页面HTML文件中的每个子页面HTML文件;以及将渲染后的所述多个子页面HTML文件中的每个子页面HTML文件拼装为一个响应式页面。
【技术特征摘要】
1.一种响应式页面创建方法,其特征在于,该方法包括:载入目标页面HTML文件;将所述目标页面HTML文件划分为多个子页面HTML文件;针对所述多个子页面HTML文件中的每个子页面HTML文件进行组件布局;将数据填充到组件布局后的所述多个子页面HTML文件中的每个子页面HTML文件;渲染数据填充后的所述多个子页面HTML文件中的每个子页面HTML文件;以及将渲染后的所述多个子页面HTML文件中的每个子页面HTML文件拼装为一个响应式页面。2.根据权利要求1所述的方法,其特征在于,将数据填充到组件布局后的所述多个子页面HTML文件中的每个子页面HTML文件包括:利用Angular.JS进行数据填充。3.根据权利要求1所述的方法,其特征在于,该方法还包括:在载入多个目标页面HTML文件的情况下,重用具有相同内容的子页面HTML文件。4.根据权利要求3所述的方法,其特征在于,所述在载入多个目标页面HTML文件的情况下重用具有相同内容的子页面HTML文件包括:在所述多个目标页面HTML文件具有相同内容的子页面HTML文件的情况下,仅对一个目标页面HTML文件的具有相同内容的子页面HTML文件进行组件布局、数据填充、以及渲染,将渲染后的该具有相同内容的子页面HTML文件与多个目标页面HTML文件的其他子页面HTML文件进行拼装以生成多个响应式页面。5.一种服务器,其特征在于,该服务器包括:载入模块,用于载入目标页面HTML文件;划分模块,用于将所述目标页面HTML文件划分为多个子页面HTML文件;组件布局模块,用于针对所述多个子页面HTML文件中的每个子页面HTML文件进行组件布局;数据填充模块,用于...
【专利技术属性】
技术研发人员:赵复科,杨井岗,
申请(专利权)人:航天信息软件技术有限公司,
类型:发明
国别省市:北京,11
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。