一种面向JSON的网页模块化设计及其异步加载方法技术

本发明专利技术公开了一种面向JSON的网页模块化设计及其异步加载方法，HTML网页布局及网页元素被封装成不同的JSON对象，这些JSON对象相对独立又可以嵌套定义，从而可以方便实现网页的模块化设计及动态修改；使用JSON对象表示HTML网页布局和网页元素可以进一步降低数据冗余，提高网页代码的网络传输和响应速度。本发明专利技术的方法适用于Web软件设计，在软件开发领域有重要的应用价值。

A web oriented modular design for JSON and its asynchronous loading method

The invention discloses a JSON oriented web modular design and asynchronous loading method, HTML page layout and page elements are encapsulated into different JSON objects, these JSON objects are relatively independent and can be nested definition, which can facilitate the implementation of modular design and dynamic web page change; use the JSON object HTML and web page layout the element can further reduce data redundancy, improve the network transmission code and response speed. The method is suitable for Web software design, and has important application value in the field of software development.

【技术实现步骤摘要】
一种面向JSON的网页模块化设计及其异步加载方法
本专利技术涉及计算机网络
，具体涉及一种面向JSON的网页模块化设计及其异步加载方法。
技术介绍
JavaScriptObjectNotation(即JSON)是JavaScript编程语言中定义的一种语法单元，目前常被用做一种轻量级的数据交换格式。JSON可被表示成一组文本格式的名称-值对的集合，其独立于具体编程语言，可被大多数常用编程语言解析和自动生成；JSON语法简洁，不存在数据冗余，可以大大提高传输与响应速度。JSON使用方便，特别是在进行Web前端开发时，JSON格式的数据经过JavaScript的eval方法即可转换成JavaScript内部对象供程序调用，其转换方法在不同内核的浏览器内部是定义好的而且统一的，不需要手工编写，也不需要考虑不同内核浏览器的差异性。Web服务器端常用的语言也都提供相应的JSON解析器，可以很方便的解析客户端传过来的JSON格式的数据，而不需要借助于其它的API工具。在一个典型的Web应用中，根据Web客户端的请求报文，Web服务器端通常需要动态生成HTML网页代码作为响应报文并通过网络返本文档来自技高网...

【技术保护点】
一种面向JSON的网页模块化设计及其异步加载方法，其特征在于，包括以下步骤：步骤一，确定网页的布局结构，以及布局结构中各个部分所需要包含的网页元素；步骤二，根据步骤一确定的网页布局结构和网页元素，使用JSON对象的形式定义网页布局模板以及相应的网页元素；所述的网页布局模板中包括网页布局容器以及网页布局条目这两类组件；步骤三，将定义的网页布局容器、网页布局条目和网页元素组装成网页JSON对象；步骤四，创建一个HTML DOM对象类型的全局等待队列；步骤五，遍历JSON对象的template.childs属性中的所有对象，在遍历过程中判断当前对象是网页布局模板还是网页元素，然后根据判断结果执行步骤...

【技术特征摘要】
1.一种面向JSON的网页模块化设计及其异步加载方法，其特征在于，包括以下步骤：步骤一，确定网页的布局结构，以及布局结构中各个部分所需要包含的网页元素；步骤二，根据步骤一确定的网页布局结构和网页元素，使用JSON对象的形式定义网页布局模板以及相应的网页元素；所述的网页布局模板中包括网页布局容器以及网页布局条目这两类组件；步骤三，将定义的网页布局容器、网页布局条目和网页元素组装成网页JSON对象；步骤四，创建一个HTMLDOM对象类型的全局等待队列；步骤五，遍历JSON对象的template.childs属性中的所有对象，在遍历过程中判断当前对象是网页布局模板还是网页元素，然后根据判断结果执行步骤六或步骤七；当遍历完成时，转向步骤十；步骤六，如果是网页布局模板，则继续遍历其childs属性中的所有对象，并保存遍历每个对象时所生成的HTMLDOM对象，直到遍历完成时，根据返回的所有HTMLDOM对象，以及当前网页布局模板的component属性，生成网页布局模板对应的HTMLDOM对象，然后返回步骤五；步骤七，如果是网页元素，则检测该网页元素scriptAddr属性对应的脚本代码是否加载完成，如果加载完成，则执行该脚本代码，创建该网页元素对应的HTMLDOM对象并返回给它的上一级网页布局模板，并返回步骤六；否则，执行步骤八；步骤八，判断是否已经创建和当前网页元素对应的script对象，如果是则返回一个空的HTMLDOM对象给它的上一级网页布局模板，并返回步骤六；否则，执行步骤九；步骤...

【专利技术属性】
技术研发人员：康军，高阳，段宗涛，李都厚，葛建东，江华，黄凯，颜建强，李威，
申请(专利权)人：长安大学，
类型：发明
国别省市：陕西,61