XML同学录实验报告

信息科学与工程学部XML基础实验报告年级学号姓名成绩专业实验地点指导教师实验项目XML数据岛与HTML的绑定实验日期一实验目的1.理解XML数据岛和数据源对象的概念；2．掌握数据绑定的方法；3．熟悉HTML文档中嵌入XML数据的方法；4．掌握HTML、脚本语言与XML结合的方法。二实验要求设计一个同学通讯录显示网页，以表格的形式进行显示，并能够分页显示。当点击表格中某个同学的通讯信息时，能够单独显示该同学的详细通讯信息。同学的通讯信息用XML文档存储。也可以设计其它信息的显示网页，要求同上通讯录显示网页。三实验原理XML数据岛是指嵌入HTML文档中的扩展标记信息。XML数据源对象允许开发人员连接到结构化XML数据，并用动态的HTML的绑定机制将它提供给HTML界面。数据绑定的方法：（1）建立HTML文档；（2）加入XML标记；（3）建立表格；（4）定义数据源datasrc；（5）确定被绑定的字段datafld。四实验内容1、分页显示XML数据源的数据主要代码如下：?xmlversion=1.0encoding=gb2312?studentsstudentid=0001sex=男amount=150remain=无discount=8.5name王小明/namebanji网络1班/banjiadd河大新区/addtel15942274902/telhometown廊坊/hometownQQ537294749/QQ/studentstudentid=0002sex=男amount=300remain=无discount=8.7name李玉/namebanji新闻1班/banjiadd河大新区/addtel13728499047/telhometown北京/hometownQQ42764865/QQ/studentstudentid=0003sex=男amount=200remain=无discount=8.5name高建/namebanji计科3班/banjiadd河大新区/addtel15821120048/telhometown石家庄/hometownQQ26886534/QQ/studentstudentid=0004sex=男amount=300remain=无discount=8.7name刘启超/namebanji网络2班/banjiadd河大本部/addtel15931200347/telhometown保定/hometownQQ587392654/QQ/studentstudentid=0065sex=男amount=120remain=无discount=8.0name张冉/namebanji电科4班/banjiadd华电/addtel139322109753/telhometown北京/hometownQQ9286638/QQ/studentstudentid=0076sex=男amount=130remain=无discount=8.0name马超/namebanji计科2班/banjiadd河大新区/addtel15832240976/telhometown保定/hometownQQ9763545/QQ/studentstudentid=0098sex=男amount=140remain=无discount=7.0name刘力扬/namebanji经济5班/banjiadd河大新区/addtel15932183786/telhometown石家庄/hometownQQ28428476/QQ/studentstudentid=0012sex=男amount=210remain=无discount=8.5name张杰/namebanji新闻5班/banjiadd河大本部/addtel158271636483/telhometown北京/hometownQQ53726486/QQ/studentstudentid=0036sex=男amount=100remain=无discount=8.3name王铭铭/namebanji软件1班/banjiadd河大新区/addtel15837264527/telhometown唐山/hometownQQ2873764/QQ/studentstudentid=0018sex=女amount=200remain=无discount=8.2name刘晓莉/namebanji人文2班/banjiadd河大新区/addtel13930112836/telhometown秦皇岛/hometownQQ7346383/QQ/student/students2、HTML文档中嵌入XML数据，XML数据岛与HTML的绑定主要代码如下：XMLID=xmlDSOSRC=code.xml/XMLHTMLHEADTITLE通讯录/TITLE/HEADSCRIPTlanguage=JavaScriptvarpageno=1;functionSelectRecord(Element){//获取记录的列号RecordNo=Element.parentElement.rowIndex;//建立XML的RecordSetobjstudent=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;}functionpre_page(){if(pageno1){tblstudents.previousPage();pageno=pageno-1;}}functionnext_page(){if(pagenoobjstudent.RecordCount/tblstudents.dataPageSize){tblstudents.nextPage();pageno=pageno+1;}}/scriptBODYcenterb通讯录/b/centertableID=tblbooksdatasrc=#xmlDSOborder=1align=centerDataPageSize=5theadth姓名/thth性别/thth电话/thth班级/thth住址/thth籍贯/ththQQ号/th/theadtrtdonclick=SelectRecord(this)spanDATAFLD=name/span/tdtdonclick=SelectRecord(this)spanDATAFLD=sex/span/tdtdonclick=SelectRecord(this)spanDATAFLD=tel/span/tdtdonclick=SelectRecord(this)spanDATAFLD=banji/span/tdtdonclick=SelectRecord(this)spanDATAFLD=add/span/tdtdonclick=SelectRecord(this)spanDATAFLD=hometown/span/tdtdonclick=SelectRecord(this)spanDATAFLD=QQ/span/td/tr/tableHRCENTERINPUTTYPE=BUTTONonClick=pre_page()value=上一页INPUTTYPE=BUTTONonClick=next_page()value=下一页每一页INPUTTYPE=TEXTVALUE=5size=5onBlur=tblstudents.dataPageSize=this.value;人/CENTERCENTER请单击上表中条目/CENTERHRCENTER个人详细信息:姓名:SPANid=name/SPAN/CENTERtableborder=1align=centertrtdwidth=50%性别:SPANid=sex/SPANBR电话:SPANid=tel/SPANBR班级:SPANid=banji/SPANBR/tdtdwidth=50%住址:SPANid=add/SPANBR籍贯:SPANid=hometown/SPANBR备注:SPANid=QQ/SPANBR/td/tr/tableHR/BODY/HTML五实验结果图1实验结果图2单击下一页显示结果六实验分析XML文档定义了student标记，通过XML与HTNM的绑定，HTML网页每页可以显示5个人，当单击下一页时，页面显示下一页内容。单击表中条目，可以显示个人详细信息。在这里XML文档相当于数据库的作用，但不完全相同。数据绑定是将XML文档或其他外部数据集成到HTML文件中，然后使表格等HTML元素绑定XML文档元素，从而实现XML数据在HTML页面中的显示。数据绑定的体系结构包括4个组成部分：DataSourceObject、DataConsumers、BindingAgent和TableRepetitionAgent。只需要单条显示时，选择合适的HTML标记，每一个绑定的HTML元素都要同时确定数据源datasrc和绑定的字datafld。