什么是URL？URL是英文Uniform Resource Locator 的简写，译为统一资源定位器。URL为每一页网页确定了唯一的网络地址。
URL包含的信息定位了文件的位置以及指定了浏览器应该怎么处理它。它是由蒂姆·伯纳斯-李发明用来作为万维网的地址的，现在它已经被万维网联盟编制为因特网标准RFC1738了。统一资源定位符的开始，一般会标志着一个计算机网络所使用的网络协议。一个完整的URL包括：协议部分、域名部分、端口部分、虚拟目录部分、文件名部分、参数部分、锚部分。
1、协议：模式/协议（scheme）,在Internet中可使用多种协议，如HTTP，FTP等。在”HTTP”后面的“//”为分隔符。
2、域名：域名是有一定意义的ip地址的映射名称，IP地址可以作为域名直接使用。
3、端口：不是一个URL必须的部分，如果省略端口部分，将采用默认端口。
4、虚拟目录：从域名后的第一个“/”开始到最后一个“/”为止。虚拟目录不是一个URL必须的部分。
5、文件名：从域名后的最后一个“/”至“？”(或“#”或至结束)为止，是文件名部分。
文件名部分不是一个URL必须的部分，如果省略该部分，则使用默认的文件名。
6、参数：从“？”开始到“#”（或至结束）为止之间的部分为参数部分，又称搜索部分、查询部分。参数间用“&”作为分隔符。
7、锚：或称片段（fragment），HTTP请求不包括锚部分，从“#”开始到最后，都是锚部分。锚部分不是一个URL必须的部分。
锚点作用：打开用户页面时滚动到该锚点位置。
完整的、带有授权部分的普通统一资源标志符语法看上去如下：协议：//域名:端口号/虚拟目录/文件名.文件后缀?参数=值#标志。
访问皕杰报表的url也是一个标准结构，我们可以分解如下：
协议http。
域名：ip。
端口：默认8080，可以设置成其它端口号。
虚拟目录：iface（report），可自行定义名称。
文件名：ReportEmitter?（或ReportQuerier?）。
参数：rpt=XXX.brt¶ms=参数1=参数1值;参数2=参数2值&vars=变量1=变量1值;变量2=变量2值，这里的参数是报表参数，变量是报表变量。
皕杰报表工具提供的这个url可以直接访问，可以集成到页面，如果把多个url集成到一个页面，就可以形成大屏和驾驶舱效果，整体效果的美化对于美工和前端工程师来说却是小菜一碟。
下面就是将四个url集成到一个页面的实例：
<body>
<div class="data_cust">
<div class="data-title">
<div class="title-left
fl"></div>
<div class="title-center
fl">海关出口数据分析</div>
<div class="title-right
fr"></div>
</div>
<div class="data-content">
<div class="con-leftdex
fl">
<div class="left-topdex" id="map">
<iframe name="chart02" src="/iface/ReportEmitter?rpt=Demo/10数据大屏/dex/cust_dex_declarenum.brt&toolbardisplay=none&rptmargin
=0&rptskin=cust" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes" style="width:100%;height:100%"></iframe>
</div>
</div>
<div class="con-rightdex
fr">
<div class="right-topdex
fl">
<div class="title">海关出口企业类型数量统计</div>
<div id="echarts_2" class="charts"><iframe name="chart03" src="/iface/ReportEmitter?rpt=Demo/10数据大屏/dex/cust_dex_pie_1.brt&toolbardisplay=none&fitwidth=true&rptmargin
=0&rptskin=cust" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes" style="width:100%;height:100%"></iframe></div>
</div>
<div class="right-centerdex
fr">
<div class="title">海关出口企业类型出口额统计</div>
<div id="echarts_5" class="charts"><iframe name="chart04" src="/iface/ReportEmitter?rpt=Demo/10数据大屏/dex/cust_dex_bar.brt&toolbardisplay=none&fitwidth=true&rptmargin
=0&rptskin=cust" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes" style="width:100%;height:100%">
</iframe></div>
</div>
<div class="right-bottomdex">
<div class="title">海关出口运输方式报关月统计</div>
<div id="echarts_3" class="charts"><iframe name="chart06" src="/iface/ReportEmitter?rpt=Demo/10数据大屏/dex/cust_dex_linez.brt&toolbardisplay=none&fitwidth=true&rptmargin
=0&rptskin=cust" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes" style="width:100%;height:100%">
</iframe></div>
</div>
</div>
</div>
</div>
</body>
网友评论