XML同学录实验报告
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
} </script> <BODY>
<center><b>通讯录</b></center> <table ID=tblbooks datasrc="#xmlDSO" border="1" align="center"
DataPageSize=5 > <thead> <th>姓名</th><th>性别</th><th>电话</th><th>班级</th><th>住址</th><th>
源对象允许开发人员连接到结构化 XML 数据，并用动态的 HTML 的
绑定机制将它提供给 HTML 界面。
数据绑定的方法：（1）建立 HTML 文档；（2）加入<XML>标记；
（3）建立表格；（4）定义数据源 datasrc；（5）确定被绑定的字段 datafld。
四 实验内容
1、 分页显示 XML 数据源的数据主要代码如下：
<tr><td width="50%"> 性别: <SPAN id="sex"></SPAN><BR> 电话: <SPAN id="tel"></SPAN><BR> 班级: <SPAN id="banji"></SPAN><BR>
</td> <td பைடு நூலகம்idth="50%">
住址: <SPAN id="add"></SPAN><BR> 籍贯: <SPAN id="hometown"></SPAN><BR> 备注: <SPAN id="QQ"></SPAN><BR> </td> </tr> </table> <HR> </BODY> </HTML>
<QQ>9763545</QQ> </student > <student id="0098" sex="男" amount="140" remain="无" discount="7.0">
<name>刘力扬</name> <banji>经济 5 班</banji> <add>河大新区</add> <tel>15932183786</tel> <hometown>石家庄</hometown>
<td onclick=SelectRecord(this)><span DATAFLD="hometown"></span></td>
<td onclick=SelectRecord(this)><span DATAFLD="QQ"></span></td> </tr> </table> <HR> <CENTER> <INPUT TYPE="BUTTON" onClick="pre_page()" value="上一页"> <INPUT TYPE="BUTTON" onClick="next_page()" value="下一页"> 每 一 页 <INPUT TYPE=TEXT VALUE="5" size="5" onBlur="tblstudents.dataPageSize=this.value;">人 </CENTER> <CENTER>请单击上表中条目</CENTER> <HR> <CENTER>个人详细信息:姓名: <SPAN id="name"></SPAN></CENTER> <table border="1" align="center" >
<QQ>28428476</QQ> </student > <student id="0012" sex="男" amount="210" remain="无" discount="8.5">
<name>张杰</name> <banji>新闻 5 班</banji> <add>河大本部</add> <tel>158271636483</tel> <hometown>北京</hometown>
<?xml version="1.0" encoding="gb2312"?> <students> <student id="0001" sex="男" amount="150" remain="无" discount="8.5"> <name>王小明</name> <banji>网络 1 班</banji> <add>河大新区</add> <tel>15942274902</tel> <hometown>廊坊</hometown> <QQ>537294749</QQ> </student > < student id="0002" sex="男" amount="300" remain="无" discount="8.7"> <name>李玉</name> <banji>新闻 1 班</banji> <add>河大新区</add> <tel>13728499047</tel> <hometown>北京</hometown> <QQ>42764865</QQ> </student > <student id="0003" sex="男" amount="200" remain="无" discount="8.5"> <name>高建</name> <banji>计科 3 班</banji> <add>河大新区</add> <tel>15821120048</tel> <hometown>石家庄</hometown> <QQ>26886534</QQ> </student <student id="0004" sex="男" amount="300" remain="无" discount="8.7"> <name>刘启超</name> <banji>网络 2 班</banji> <add>河大本部</add> <tel>15931200347</tel> <hometown>保定</hometown> <QQ>587392654</QQ> </student > <student id="0065" sex="男" amount="120" remain="无" discount="8.0"> <name>张冉</name> <banji>电科 4 班</banji> <add>华电</add> <tel>139322109753</tel> <hometown>北京</hometown>
信息科学与工程学部 XML 基础 实验报告
年级 学号
姓名
成绩
专业
实验地点
指导教师
实验项目 XML 数据岛与 HTML 的绑定 实验日期
一 实验目的
1.理解 XML 数据岛和数据源对象的概念；
2．掌握数据绑定的方法；
3．熟悉 HTML 文档中嵌入 XML 数据的方法；
4．掌握 HTML、脚本语言与 XML 结合的方法。
<QQ>7346383</QQ> </student > </students> 2、HTML 文档中嵌入 XML 数据，XML 数据岛与 HTML 的绑定主要代码如下：
<XML ID="xmlDSO" SRC="code.xml"></XML> <HTML> <HEAD>
<TITLE>通讯录</TITLE> </HEAD> <SCRIPT language=JavaScript> var pageno=1; function SelectRecord(Element) { // 获取记录的列号 RecordNo = Element.parentElement.rowIndex; // 建立 XML 的 RecordSet objstudent = xmlDSO.recordset; // 指定当前的位置 objstudent.absoluteposition = RecordNo+(pageno-1)*tblstudents.dataPageSize; // 获取元素的值 name.innerHTML = objstudent ("name").value; sex.innerHTML = objstudent ("sex").value; tel.innerHTML = objstudent ("tel").value; banji.innerHTML = objstudent ("banji").value; add.innerHTML = objstudent ("add").value; hometown.innerHTML = objstudent ("hometown").value; QQ.innerHTML = objstudent ("QQ").value; } function pre_page() { if (pageno>1)
<QQ>2873764</QQ> </student > <student id="0018" sex="女" amount="200" remain="无" discount="8.2">
<name>刘晓莉</name> <banji>人文 2 班</banji> <add>河大新区</add> <tel>13930112836</tel> <hometown>秦皇岛</hometown>
<QQ>53726486</QQ> </student > <student id="0036" sex="男" amount="100" remain="无" discount="8.3">
<name>王铭铭</name> <banji>软件 1 班</banji> <add>河大新区</add> <tel>15837264527</tel> <hometown>唐山</hometown>
{ tblstudents.previousPage(); pageno=pageno-1; }
} function next_page() { if (pageno<objstudent.RecordCount/tblstudents.dataPageSize)
{ tblstudents.nextPage(); pageno=pageno+1; }
二 实验要求
设计一个同学通讯录显示网页，以表格的形式进行显示，并能够
分页显示。当点击表格中某个同学的通讯信息时，能够单独显示该同
学的详细通讯信息。同学的通讯信息用 XML 文档存储。
也可以设计其它信息的显示网页，要求同上通讯录显示网页。
三 实验原理
XML 数据岛是指嵌入 HTML 文档中的扩展标记信息。XML 数据
数据绑定是将 XML 文档或其他外部数据集成到 HTML 文件 中，然后使表格等 HTML 元素绑定 XML 文档元素，从而实现 XML 数据在 HTML 页面中的显示。数据绑定的体系结构包括 4 个组成部 分 ： Data Source Object 、 Data Consumers 、 Binding Agent 和 TableRepetition Agent。只需要单条显示时，选择合适的 HTML 标记， 每一个绑定的 HTML 元素都要同时确定数据源 datasrc 和绑定的字 datafld。
籍贯</th><th>QQ 号</th>
</thead> <tr>
<td onclick=SelectRecord(this)><span DATAFLD="name"></span></td> <td onclick=SelectRecord(this)><span DATAFLD="sex"></span></td> <td onclick=SelectRecord(this)><span DATAFLD="tel"></span></td> <td onclick=SelectRecord(this)><span DATAFLD="banji"></span></td> <td onclick=SelectRecord(this)><span DATAFLD="add"></span></td>
五 实验结果
图 1 实验结果 图 2 单击下一页显示结果
六 实验分析 XML 文档定义了 student 标记，通过 XML 与 HTNM 的绑定，HTML
网页每页可以显示 5 个人，当单击下一页时，页面显示下一页内容。 单击表中条目，可以显示个人详细信息。在这里 XML 文档相当于数据 库的作用，但不完全相同。
<QQ>9286638</QQ> </student > <student id="0076" sex="男" amount="130" remain="无" discount="8.0">
<name>马超</name> <banji>计科 2 班</banji> <add>河大新区</add> <tel>15832240976</tel> <hometown>保定</hometown>
<center><b>通讯录</b></center> <table ID=tblbooks datasrc="#xmlDSO" border="1" align="center"
DataPageSize=5 > <thead> <th>姓名</th><th>性别</th><th>电话</th><th>班级</th><th>住址</th><th>
源对象允许开发人员连接到结构化 XML 数据，并用动态的 HTML 的
绑定机制将它提供给 HTML 界面。
数据绑定的方法：（1）建立 HTML 文档；（2）加入<XML>标记；
（3）建立表格；（4）定义数据源 datasrc；（5）确定被绑定的字段 datafld。
四 实验内容
1、 分页显示 XML 数据源的数据主要代码如下：
<tr><td width="50%"> 性别: <SPAN id="sex"></SPAN><BR> 电话: <SPAN id="tel"></SPAN><BR> 班级: <SPAN id="banji"></SPAN><BR>
</td> <td பைடு நூலகம்idth="50%">
住址: <SPAN id="add"></SPAN><BR> 籍贯: <SPAN id="hometown"></SPAN><BR> 备注: <SPAN id="QQ"></SPAN><BR> </td> </tr> </table> <HR> </BODY> </HTML>
<QQ>9763545</QQ> </student > <student id="0098" sex="男" amount="140" remain="无" discount="7.0">
<name>刘力扬</name> <banji>经济 5 班</banji> <add>河大新区</add> <tel>15932183786</tel> <hometown>石家庄</hometown>
<td onclick=SelectRecord(this)><span DATAFLD="hometown"></span></td>
<td onclick=SelectRecord(this)><span DATAFLD="QQ"></span></td> </tr> </table> <HR> <CENTER> <INPUT TYPE="BUTTON" onClick="pre_page()" value="上一页"> <INPUT TYPE="BUTTON" onClick="next_page()" value="下一页"> 每 一 页 <INPUT TYPE=TEXT VALUE="5" size="5" onBlur="tblstudents.dataPageSize=this.value;">人 </CENTER> <CENTER>请单击上表中条目</CENTER> <HR> <CENTER>个人详细信息:姓名: <SPAN id="name"></SPAN></CENTER> <table border="1" align="center" >
<QQ>28428476</QQ> </student > <student id="0012" sex="男" amount="210" remain="无" discount="8.5">
<name>张杰</name> <banji>新闻 5 班</banji> <add>河大本部</add> <tel>158271636483</tel> <hometown>北京</hometown>
<?xml version="1.0" encoding="gb2312"?> <students> <student id="0001" sex="男" amount="150" remain="无" discount="8.5"> <name>王小明</name> <banji>网络 1 班</banji> <add>河大新区</add> <tel>15942274902</tel> <hometown>廊坊</hometown> <QQ>537294749</QQ> </student > < student id="0002" sex="男" amount="300" remain="无" discount="8.7"> <name>李玉</name> <banji>新闻 1 班</banji> <add>河大新区</add> <tel>13728499047</tel> <hometown>北京</hometown> <QQ>42764865</QQ> </student > <student id="0003" sex="男" amount="200" remain="无" discount="8.5"> <name>高建</name> <banji>计科 3 班</banji> <add>河大新区</add> <tel>15821120048</tel> <hometown>石家庄</hometown> <QQ>26886534</QQ> </student <student id="0004" sex="男" amount="300" remain="无" discount="8.7"> <name>刘启超</name> <banji>网络 2 班</banji> <add>河大本部</add> <tel>15931200347</tel> <hometown>保定</hometown> <QQ>587392654</QQ> </student > <student id="0065" sex="男" amount="120" remain="无" discount="8.0"> <name>张冉</name> <banji>电科 4 班</banji> <add>华电</add> <tel>139322109753</tel> <hometown>北京</hometown>
信息科学与工程学部 XML 基础 实验报告
年级 学号
姓名
成绩
专业
实验地点
指导教师
实验项目 XML 数据岛与 HTML 的绑定 实验日期
一 实验目的
1.理解 XML 数据岛和数据源对象的概念；
2．掌握数据绑定的方法；
3．熟悉 HTML 文档中嵌入 XML 数据的方法；
4．掌握 HTML、脚本语言与 XML 结合的方法。
<QQ>7346383</QQ> </student > </students> 2、HTML 文档中嵌入 XML 数据，XML 数据岛与 HTML 的绑定主要代码如下：
<XML ID="xmlDSO" SRC="code.xml"></XML> <HTML> <HEAD>
<TITLE>通讯录</TITLE> </HEAD> <SCRIPT language=JavaScript> var pageno=1; function SelectRecord(Element) { // 获取记录的列号 RecordNo = Element.parentElement.rowIndex; // 建立 XML 的 RecordSet objstudent = xmlDSO.recordset; // 指定当前的位置 objstudent.absoluteposition = RecordNo+(pageno-1)*tblstudents.dataPageSize; // 获取元素的值 name.innerHTML = objstudent ("name").value; sex.innerHTML = objstudent ("sex").value; tel.innerHTML = objstudent ("tel").value; banji.innerHTML = objstudent ("banji").value; add.innerHTML = objstudent ("add").value; hometown.innerHTML = objstudent ("hometown").value; QQ.innerHTML = objstudent ("QQ").value; } function pre_page() { if (pageno>1)
<QQ>2873764</QQ> </student > <student id="0018" sex="女" amount="200" remain="无" discount="8.2">
<name>刘晓莉</name> <banji>人文 2 班</banji> <add>河大新区</add> <tel>13930112836</tel> <hometown>秦皇岛</hometown>
<QQ>53726486</QQ> </student > <student id="0036" sex="男" amount="100" remain="无" discount="8.3">
<name>王铭铭</name> <banji>软件 1 班</banji> <add>河大新区</add> <tel>15837264527</tel> <hometown>唐山</hometown>
{ tblstudents.previousPage(); pageno=pageno-1; }
} function next_page() { if (pageno<objstudent.RecordCount/tblstudents.dataPageSize)
{ tblstudents.nextPage(); pageno=pageno+1; }
二 实验要求
设计一个同学通讯录显示网页，以表格的形式进行显示，并能够
分页显示。当点击表格中某个同学的通讯信息时，能够单独显示该同
学的详细通讯信息。同学的通讯信息用 XML 文档存储。
也可以设计其它信息的显示网页，要求同上通讯录显示网页。
三 实验原理
XML 数据岛是指嵌入 HTML 文档中的扩展标记信息。XML 数据
数据绑定是将 XML 文档或其他外部数据集成到 HTML 文件 中，然后使表格等 HTML 元素绑定 XML 文档元素，从而实现 XML 数据在 HTML 页面中的显示。数据绑定的体系结构包括 4 个组成部 分 ： Data Source Object 、 Data Consumers 、 Binding Agent 和 TableRepetition Agent。只需要单条显示时，选择合适的 HTML 标记， 每一个绑定的 HTML 元素都要同时确定数据源 datasrc 和绑定的字 datafld。
籍贯</th><th>QQ 号</th>
</thead> <tr>
<td onclick=SelectRecord(this)><span DATAFLD="name"></span></td> <td onclick=SelectRecord(this)><span DATAFLD="sex"></span></td> <td onclick=SelectRecord(this)><span DATAFLD="tel"></span></td> <td onclick=SelectRecord(this)><span DATAFLD="banji"></span></td> <td onclick=SelectRecord(this)><span DATAFLD="add"></span></td>
五 实验结果
图 1 实验结果 图 2 单击下一页显示结果
六 实验分析 XML 文档定义了 student 标记，通过 XML 与 HTNM 的绑定，HTML
网页每页可以显示 5 个人，当单击下一页时，页面显示下一页内容。 单击表中条目，可以显示个人详细信息。在这里 XML 文档相当于数据 库的作用，但不完全相同。
<QQ>9286638</QQ> </student > <student id="0076" sex="男" amount="130" remain="无" discount="8.0">
<name>马超</name> <banji>计科 2 班</banji> <add>河大新区</add> <tel>15832240976</tel> <hometown>保定</hometown>