网页功能实现方法及系统的制作方法_2

文档序号:9631545阅读:来源:国知局
每页显示 的记录条数为10条;(3)需包含关于记录的描述信息;(4)当前页码信息为10。
[0036] 根据上述要求,可将分页属性文件的功能代码设置为:
[0037] 〈divhi-paginationid= "paginationl,'h-page-size= "10"
[0038]h-total= "100"h-currentpage= "10"h-tpl= "http://t.com/
[0039] paginationl.htm" >〈/div>,上述分页属性文件的功能代码的各个参数的含义可 参见表1 :
[0040]
[0041] 表 1
[0042] 如表1所示,分页属性文件包括头文件及定义文件。
[0043] 所述头文件包含所述分页属性文件的分页功能的属性(hi-pagination)和所述 分页属性文件向外暴露的属性名(id),网页需调用网页分页功能时,可先引用所述头文件, 根据头文件引导读取所述定义文件,实现网页分页功能。
[0044] 所述定义文件包含多项设置参数,本示例中的定义文件包含每一页显示的条数信 息参数(h-page-size)、总条数信息参数(h-total)、当前页码信息参数(h-currentpage) 以及分页模板的URL地址参数(h-tpl)。其中,每一页显示的条数信息参数、总条数信息参 数及当前页码信息参数用于控制网页页面的实际显示情况,例如,按照上述要求将每一页 显示的条数信息参数定义为10,将总条数信息参数定义为100,以及将当前页码信息参数 定义为10;分页模板的URL地址参数是远程调用分页模板的关键所在,分页属性文件通过 分页模板的URL地址才能调用与分页模板的URL地址相对应的分页模板。
[0045] 上述调用的分页模板为预先建立的分页模板,在本示例中,可预先建立若干个分 页模板,每个分页模板具有独立的存储地址。如图2A及2B所示,分别为本示例的第一种 分页模板及第二种分页模板的示意图。如图可见,第一种分页模板包含了关于记录的描述 信息,即包含"显不第XI-Xn条信息,共Xn条信息"字样,而第二种分页模板并未包含关于 记录的描述信息。每个分页模板都具有其独一无二的URL地址,如第一种分页模板的URL 地址为http://t.com/paginationl.htm,第二种分页模板的URL地址为http://t.com/ pagination〗·htm,从而保证分页属性文件可以根据分页模板的URL地址准确地找到对应 的分页模板。如表1所示,上述的分页属性文件应该调用第一种分页模板,即分页属性文件 的功能代码中的h-tpl= "http://t.com/paginationl.htm"。
[0046] 在本发明一示例中,上述建立的分页属性文件最终会存储于其相应服务器,如图3 所示,在一示例中,所述分页属性文件存储在d.com服务器中。
[0047] 在本发明一示例中,上述建立的分页模板最终会存储于其相应服务器,如图3所 示,在一示例中,所述分页模板存储在t.com服务器中。
[0048] 所述d.com和所述t.com为不同的服务器。
[0049] 当然,还需要建立自定义属性的JS库和跨域支持文件,如图3所示,自定义属性的 JS库以angular,js为例,该自定义属性的JS库和所述跨域支持文件存储在a.com服务器 中。
[0050] 所述a.com与所述d.com和所述t.com为不同的服务器。
[0051] 具体地,建立跨域支持包括:
[0052] 创建代理协议,如proxy,htm文件,并存储到t.com服务器中,proxy,htm文件的 内容如下:
[0053] < !D0CTYPEHTML)
[0054]〈scriptsrc= "http://a.com/xdomain.min.js,'master= "*,'>〈/script>
[0055]引入跨域支持文件xdomain.js,并将跨域支持文件xdomain.js指向proxy,htm文 件;
[0056]〈scriptsrc= "http://a.com/xdomain.min.js"
[0057]slave= "http://t.com/proxy,html,'>〈/script>
[0058]上述过程将proxy,htm文件存储在t.com服务器中,而跨域支持文件xdomain.js 存储在a.com服务器中,将跨域支持文件xdomain.js指向proxy,htm文件,可实现跨域支 持,从而加载完成a.com服务器中跨域支持文件xdomain.js以及d.com服务器中的分页属 性文件后,可以借助跨域支持文件xdomain.js的支持远程调用位于t.com服务器中的分页 模板。
[0059] 如图4A所示,如果欲调用第一种分页模板,则分页属性文件可为:
[0060]〈divhi-paginationid="paginationl"h-page-size= "10"
[0061]h-total="100"h-currentpage="10,Ti-tpl="http://t.com/paginationl. htm" >〈/div>
[0062] 在业务系统中即可加载第一分页模板。
[0063] 如图4B所示,如果欲更换使用第二种分页模板,此时可将分页属性文件修改为:
[0064]〈divhi-paginationid="paginationl"h-page-size= " 10"
[0065]h-total="100"h-currentpage="10,Ti-tpl="http://t.com/pagination2. htm" >〈/div>
[0066] 在业务系统中即可加载第二分页模板。
[0067] 如图5所示,本发明一实施方式中网页功能实现系统,其包括:
[0068] 加载模块100,用于加载底层文件及网页功能属性文件;
[0069] 以及用于根据网页功能属性文件中的信息,加载与所述网页功能属性文件相对独 立存储的相应网页功能模板。
[0070] 其中,所述加载模块100可为浏览器;所述底层文件包括自定义属性的JS库以及 跨域支持文件。所述自定义属性的JS库用于实现HTML标签的网页功能属性的自定义;所 述跨域支持文件用于支持网页功能属性文件中关于调用跨域存储的网页功能模板的请求。
[0071] 所述网页功能属性文件可以包括:网页功能模板的URL地址,根据网页功能模板 的URL地址,网页功能属性文件可以调用并加载相应的网页功能模板。其中,网页功能例如 可包含分页功能、下拉菜单功能等,当以分页功能为例时,相应的分页属性文件还可包含每 一页显示的条数信息、总条数信息和/或当前页码信息等,根据分页属性文件中的每一页 显示的条数信息、总条数信息和/或当前页码信息等信息,可确定相应的分页模板加载完 成后于网页当前页面的实际前端显示样式。
[0072] 本发明一实施方式中,所述网页功能属性文件及网页功能模板存储于不同的服务 器200、300、400中,即指所述网页功能属性文件和所述网页功能模板是相对独立存储的。 当然,在本发明其他实施方式中,所述底层文件、网页功能属性文件
当前第2页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1