XML的相片管理系统报告.docVIP

宁波大红鹰学院 信息工程学院 课 程 设 计 报 告 项目名称： 基于XML的相片管理系统 项目成员： 班级名称： 专业名称： 计算机科学与技术 完成时间: 信息工程学院制 《基于XML的相片管理系统的设计与实现》 系统需求分析和功能设计 XML课程是我们接HTML课程之后又一个与网页制作息息相关的课程，较之HTML相比较在可扩展性、结构化和灵活性方面有较好的优势，使得网页上的功能及显示能更容易地实现。 整个系统以登录界面，相片上传功能，查看功能，以及留言板的功能等为其基础功能。登录功能，通过对xml文档的编写，提取其相应的用户名及密码的信息与用户输入的信息进行比对实现。相片上传功能，通过自定义的树状结构，创建新的结点，给结点添加内容，来增加新的图片信息。查看功能，通过提取xml文档来进行显示。留言板功能的实现与相片上传功能的实现类似。 功能模块图 系统xml文档设计 User.xml 文档树形结构图 Picture1.xml文档树形结构图 系统各个模块设计 登录模块： function login(){ var u = document.getElementById(username).value; //提取输入的用户名 var p = document.getElementById(password).value; //提取输入的密码 var xmlObj=xmlDom.documentElement.childNodes; //member for(var i=0;ixmlObj.length;i++) { var xmlSubNode=xmlObj[i].childNodes; //user,password if(u==xmlSubNode[0].childNodes[0].text p==xmlSubNode[1].childNodes[0].text) //与user.xml内的数 据进行比对 { break; } } if(ixmlObj.length){ alert(Welcome!); window.location =picture.htm; } //成功登入，跳转页面至picture.html else{ alert(The password is wrong.); location=self.location; } //登入失败 } 登录界面的显示模块： 用html技术进行网页显示（主要是通过表格table代码的编写）。 图表 1登录界面 相片显示模块： function showtable(){ //图片显示功能 var str=table height=60px width=500px border=5pxcaption相册管理系统/caption; str+=trtd colspan=8 align=center height=20px相册列表/td/tr; for(var i=0;istNodes.length;i++) //通过循环来显示每一张上传的图片 { if(i%4==0) { if(i!=0) str+=/tr; str+=tr; var temp=stNodes[i].childNodes[0].childNodes[0].nodeValue; //addres-text str+=td width=300px onclick=ShowPicture(+i+)+temp.substring(temp.length-6)+/td; continue; } var temp=stNodes[i].childNodes[0].childNodes[0].nodeValue; str+=td onclick=ShowPicture(+i+)+temp.substring(temp.leng