毕业设计（论文）XML在网站构建中的应用收藏夹与留言薄的实现

1、 xml 在网站构建中的应用 -收藏夹与留言薄的实现 摘要 通过对一般网站中的个别功能模块的研究，整体介绍 xml 的来 源、发展及其主要特性，以及客户端/服务器模式、浏览器/服务器 模式的体系结构，重点讨论了利用 asp+xml 开发一般网站的个别功 能模块设计和实现过程。前三个模块主要为用户提供了新闻阅读， 网址收藏，留言簿的服务。后两个模块属于管理模块，主要对用户 提交的信息进行添加删除等操作。本次设计把 xml 文档看作后台数 据库，使用 xml dom 对 xml 数据进行操作，比如从 xml 中获取数据， 对 xml 中的数据进行更新等。通过对 xml 和 asp 的学习和研究，本

2、 设计主要实现收藏夹、留言簿功能模块的设计，更好地加深了对 xml 的理解。 【关键词】可扩展标记语言 标准通用标记语言 客户端/服务器 浏 览器/服务器 asp xml dom 目 录 第一章引言 .1 第二章xml 简介.2 2.1 什么是 xml.2 2.2xml 的优点 .2 2.2.1 实现不同数据源之间的数据交换.3 2.2.2 一种文件多种显示.3 2.2.3 结构化的数据.3 2.2.4 数据集成.3 2.3xml 语法 .4 2.3.1 xml 文档的逻辑结构 .4 2.3.2 xml 的物理结构 .5 2.3.3文档声明类型.5 2.4 schema .6 2.5 xsl

3、.7 第三章 asp 与 xml 的结合.7 3.1 什么是 asp.8 3.2 xml+asp 网站应用结构.8 3.2.1 xml+asp 的三层结构 .8 3.2.2 数据传输的方式.9 3.3 为何要结合 xml 与 asp.9 第四章 asp+xml 的程序开发实现.10 4.1 我的网址收藏夹 .10 4.1.1 收藏夹文档结构图.12 4.1.2 添加分类.13 4.1.3 添加条目.15 4.1.4 修改操作.16 4.2 留言簿 .17 4.2.1 功能结构图.23 4.2.2 后台文档.24 4.2.3 前台页面流程.26 结论.28 谢辞.29 参考文献.30 第一章引言

4、 当今科学技术的发展日新月异，计算机网络早已进入了千家万户。从百姓到政府， 中央到地方，从学校到企业，从办公到娱乐，人们已经无法离开计算机网络。这种新型 的技术正越来越广、越来越深地影响到人们的生产和生活。然而，就在计算机网络技术 已经相对成熟的今天，依然存在着这样那样的网络安全和稳定因素。这就要求我们不断 地进行技术的革新和完善，达到更加完美的境地。计算机网络是当今计算机科学与工程 中迅速发展的新兴技术之一，也是计算机应用中一个空前活跃的领域。计算机网络是计 算机技术与通讯技术相互渗透、密切结合而形成的一门交叉学科。期间出现的 xml 逐渐 成了这个领域中的闪亮角色。 xml，作为下一代的主

5、要的网络开发语言和通用的应用程序开发标准，它将改变我 们同数据打交道的方式。xml 功能强大的原因是任何类型的数据，甚至抽象的数据概念， 都可以赋予格式和结构。给定数据的概念，例如客户和存货目录，就通过描述这些元素 以及元素之间的关系，对这些数据进行排列。你可以规定相应的结构，用来描述客户相 关的信息，包括客户名，账号和地址，而不是定义一个单个的客户。一旦你已经创建了 结构，你就可以把数据组织在一起，形成文档，并可以向全世界发布。 本次毕业设计的最后将通过对网站中几个功能模块的实现如收藏夹、留言簿、好友 录等来展示 xml 在网站构建中的应用。 第二章xml 简介 2.1 什么是 xml xm

6、l 就是 extensible markup language，可扩展标记语言。这是一种由 w3c 所推荐 的标准，也是目前互联网中最炙手可热的信息技术。xml 的前身是 sgml（standard generalized markup language，标准通用标记语言） ，这是一种用来描述电子文件结构与内 容的标记语言，由于它有着复杂性高及费用昂贵的缺点，因此便有了将其简化的想法， 而 sgml 简化之后的结果便是 xml。虽然 xml 和 html(hyper text markup language，超文本标记语言)均源于 sgml,但 xml 属于一种元语言，它不仅可以像 html

7、一样在 web 上提供服务、接收及处理数据等工作，还可以用来定义任何一种新的 标记语言。xml 为继承了 sgml 的优点且补充 html 的不足。 xml 与 sgml、html 的关系，如图 1.1 所示： 图图 2.12.1 xmlxml 与与 sgmlsgml、htmlhtml 的关系的关系 2.2xml 的优点 xml 最明显的优点在于它可以创建标记和文法结构。正是这种优点使得用户能够根 据自己的特殊需要制定出适应于自身的一套标记和文法结构，以便结构化的描述自己领 域内的信息，从而提供一种处理数据的最佳机制。因为无论是在数据存储方面还是在数 据的传输和处理方面，都是 xml 这种标记

8、语言的强项。 sgml xml html 2.2.1 实现不同数据源之间的数据交换 xml 的跨平台特性在于它提供了一种不同的数据源之间进行数据交换的公共标准， 是一种公共的交互平台。就好象两个不同的民族都说同一种语言而具有共同交流的机会 一样，一种数据源只要将它的数据表示成 xml 格式就能被另一种数据源有效的识别。如 下图： 图图 2.22.2xmlxml 与数据源之间的关系与数据源之间的关系 2.2.2 一种文件多种显示 xml 是表示存储并用来传输数据的标记语言，但 xml 文档并不决定数据的显示样 式。这样，xml 将信息的数据部分和信息的样式显示部分进行了区分，这样我们就可以 给同

9、一份数据添加多种样式，从而得到多种显示效果。 2.2.3 结构化的数据 xml 对于大型和复杂的文档是理想的，因为数据是结构化的。这不仅使用户可以指 定一个定义了文档中的元素的词汇表，而且还可以指定元素之间的关系。例如，如果要 将销售客户的地址一起放在 web 页面上，这就需要有每个客户的电话号码和电子邮件地 址。xml 对此提供了很好的支持。 2.2.4 数据集成 xml 也提供客户端的包括机制，可以根据多种来源集成数据并将其作为一个文档来 显示。数据还可以马上进行重新排列。数据的各个部分可以根据用户的操作显示或隐藏。 当处理大型的信息仓库，比如关系型数据库时是极为有用的。 2.3xml 语

10、法 xml 最明显的优点在于它可以创建标记和文法结构，不用像 html 那样只有固定的 ds1 xml 文件 ds2 格式。正是这种优点使得用户能够根据自己的特殊需要制定出适应于自身的一套标记和 文法结构，以便结构化的描述自己领域内的信息，从而提供一种处理数据的最佳机制。 下面将从 xml 文档的逻辑结构和物理结构进行简单的介绍。 2.3.1 xml 文档的逻辑结构 从逻辑上而言，每一个文档都由声明、元素、注释、字符引用和处理指令组成，所 有这些都在文档中用显式标记指明。 声明声明 每一个 xml 文档应该由一个 xml 声明开始，并且它必须位于该文档的开头。 version 表明版本信息，e

11、ncoding 表明所用的文字编码。 元素元素 使用一对尖括号界定标记以小于号“”开始，大于号“ ”结束。xml 中的元 素名并非固定不变，而是由用户自己命名，但必须遵循下列规则： （1） 名字必须以字母或下划线开头，其后可以使用任意字符。例：1stt ，name 为非法字符。 （2） 必须区分大小写。例：name 与 name 实际为两个不同的元素名。 属性属性 在元素起始标签或空元素标签中加入元素的相应属性。 例：巴西 应注意的几个问题： （1） 标记中可以包含任意多个属性，但属性名不能重复； （2） 属性名与属性值之间用等号“=”分隔，且属值用引号引起来； （3） 属性名同样对大小写敏感

12、； （4） 属性只能使用在起始标签和空元素标签中。 注释注释 用来对文档进行解释性的说明，基本格式如下： 字符引用字符引用 字符引用是指解析文档时会被字符数据取代的特殊标记。例：张宪超 4.1.3 添加条目 对于具体的网站可按其功能分类加入到具体的条目里头。这其中有网站的标 题、链接等内容。具体方法是：点击右上端的“添加条目”按钮，出现如图 4.4 的对话框，输出完成各项内容后点击“提交”按钮即可完成请示，点击“重置” 可以重新输入。 图图 4.44.4添加收藏夹条目添加收藏夹条目 相关代码 这部分的核心代码是分类的选择框，其源代码是： option value= 其他部分代码参照 4.1.2

13、 中描述的。 4.1.4 修改操作 不管是分类还是条目里面都有相关的简易操作：修改和删除。点击 delete 进行删除； 点击 edit 进行编辑。如果是对所选项进行编辑，进入的是类似添加页面的界面。删除的 源代码是： 删除成功 返回首页 4.2 留言簿 用户进入留言簿，首先进入查看留言页面(图 4.5)。在这里可以看到所有人的留言， 以及留言者的基本情况，如姓名、邮箱、qq、e-mail、主页等。若留言人把他的邮箱或 是主页等写在了留言板中，这两项内容能自动变成链接，使浏览者能轻易地给留言者写 邮件或是查看其主页。除了能看到留言，还能看到别人上传的图片，此图片可以来自一 个网站，也可以从本机

14、电脑中选取。此外，调用了 session 功能，可以发表或查看别人留 言的一些表情。 图图 4.54.5查看留言页面查看留言页面 留言簿分为两大功能模块：查看留言和签写留言。在这个板块可以查看所有的留言， 并进行回复。如果要针对某个特殊的留言进行回复 1) 写新留言写新留言 首页 进入留言簿首页，即可看到最近的 5 条留言。每次留言将显示留言者的个人信 息及留言内容，方便留言者之间互相交流。若留言超过 5 条，系统会自动进行分页。 用户可通过点击“上一页”或“下一页”浏览其它留言，如图 4.6。 图图 4.64.6翻看留言翻看留言 写新留言 用户进入该页面时，系统根据其注册信息自动将用户名从

15、xml 文件中取出加入 到姓名栏中，并默认来自地址为“中国”。(图 4.7) 在这里可以留言。其中留言者的姓 名和内容是必须要输入的两项。其它包括留言者的基本情况，如姓名、邮箱、 qq、e-mail、主页等。若留言人把他的邮箱或是主页等写在了留言板中，这两项内 容能自动变成链接，使浏览者能轻易地给留言者写邮件或是查看其主页。除了留言， 还能上传图片，此图片可以来自一个网站，也可以从本机电脑中选取。此外，用了 现成的 session 功能，可以选择自己喜欢的字体、格式以及一些简单的表情。也可以 插入 flash、mp3、小的视频片段等内容。按“重填”按钮可以重新写入，若没有任 何问题，点击“提交

16、”进行留言。 图图 4.74.7写新留言写新留言 2) 删除留言删除留言 管理员登录 针对不良留言，管理员有权对其进行删除。这个权限只有管理员才拥有。首先 要登录管理员进行身份验证，系统从 xml 文件中取出管理员名与密码进行核对， 身份正确即可进行留言的删除工作。(图 4.8) 按“重填”按钮可以重新写入，若没 有任何问题，点击“提交”进行登录。注：在登录之前，浏览页面中的“回复”和 “删除”按钮是不能用的。普通用户只能留自己的言，针对某个具体的留言进行回 复只有管理员才能做到，同理进行删除。若登录成功，页面中的“回复”和“删除” 按钮变成可用状态，即可根据需要进行操作。 图图 4.84.8

17、管理员登录管理员登录 删除留言 进入删除留言页面，将会显示所有留言的 id 号、留言者姓名、发表时间，在 复选框选择待删除的留言，点击删除执行相应留言的删除操作，并保存到后台 xml 数据库。(图 4.9)点击“删除” ，会弹出是否确定删除的对话框进行询问，当点击 “确定”后，系统便对当前的留言进行删除，并自动刷新页面到删除后的界面。 图图 4.94.9删除留言删除留言 删除后点击下方的“返回首页”便回到留言簿的首页，可以继续浏览或写新留言。 3) 管理员回复留言管理员回复留言 管理员登录 针对个别有特殊意义的留言，管理员可以在其上进行直接回复。只有管理员才有 权在别人留言的位置上进行回复。点

18、击进入时首先要进行身份验证，系统从 xml 文件中取出管理员名与密码进行核对，身份正确即可进行留言的回复工作。(图 4.10)在 “回复”页面的上方有留言的内容以便做参照，在下面的框中进行留言回复，回复 结束按“提交”按钮即可。 图图 4.104.10管理员回复留言管理员回复留言 4.2.1 功能结构图 图图 4.114.11留言簿功能结构图留言簿功能结构图 4.2.2 后台文档 后台由三个 xml 文档组成，根据系统需要设计后台数据库 xml 文件如下： 1)管理员表（admin.xml） 管理员只有一位，具有系统的所有权限。 管理员名（name） 管理员密码（password） 每个 xm

19、l 文档都可看成一棵结构树，下面给出了每个 xml 的树形结构。 图图 4.124.12 xmlxml 文档的树形结构图文档的树形结构图 admin.xml 文件的 dtd： !doctype admin 2)用户表（userlist.xml） 用户登陆时留下的注册信息，方便下次登陆时不必注册。 用户名（name） 用户注册密码（password） 图图 4.134.13 userlist.xmluserlist.xml 的结构图的结构图 userlist.xml 文件的 dtd： admin name password users user name password !doctype us

20、ers 3)留言表（list.xml） 记每个用户的留言信息。 用户号（id） 用户名（username） 来自哪（fromwhere） 留言时间（posttime） 主页（homepage） 信箱（email） 留言内容（text） 图图 4.144.14 list.xmllist.xml 的结构图的结构图 list.xml 文件的 dtd： site newlist list id username fromwhere posttime homepage email text !doctype site 4.2.3 前台页面流程 留言簿置于门户网站中，前台页面程序由七个 asp 程序构成。

21、页面流程图如图 4.9。 每个人在留言之前须先登录，系统检测用户身份是否合法。如果登录成功，便进入主界 面，进行留言。如果是管理员登录，系统也要进行检测，看是否合法，如果合法则享有 更多的权限。当检验用户的身份与数据库中保存的不一致时，便要求重新登录，输入正 确的用户名和密码，当正确时方可进入。进入后管理员可对留言进行删除等管理操作。 图图 4.154.15留言簿前台页面流程留言簿前台页面流程 错误 密码正确 错误 登陆 网站首页 留言簿 userlogin.asp 从 userlist.xml 中取数据检测 register.asp 用户注册 将用户资料存入 userlist.xml ind

22、ex.asp 留言簿首页 postnew/ 将新留言存入 list.xml login.asp 管理员登陆 chklogin.asp 从 adimn.xml 中 取数据检测 delete.asp 删除页面 刷新 list.xml 注册 密码正确 写留言删除留言 返回首页 返回首页 结论 本课题利用 asp 与 xml 技术的相结合最终创作完成了一个小型个人网站的两个功能 模块：收藏夹与好友录。首先分析 xml 的优越性及 xml 与 asp 相结合所用到的相关技术， 最后通过网站功能模块的实现，体现了 xml 在网站构建中的优越性。在这学习与研究的 过程中，使我对 asp 技术和 xml 技术

23、有了一定的了解，但仍存在着不足之处。在今后的 学习和工作中还需进一步提高改进。 xml 从诞生至今，其发展趋势已经势不可挡。它的出现给各行各业带来了无限的商机， 尤其是 xml 技术同电子商务的结合，推动着传统产业高效的飞速发展。因此学习好和研 究好 xml 技术对计算机尤其是网络技术的发展有着十分重大的意义，对今后的生产生活 也会产生巨大又深远的影响。 谢辞 在毕业设计的研究和设计阶段，得到了云红艳老师悉心的指导和帮助，在此表示衷 心的感谢！云老师认真负责的工作态度和一丝不苟的治学精神，激励着我克服了重重困 难，最终顺利完成了我的毕业设计，再次表示最忠心的感谢! 另外，还要非常感谢我的辅导员陈崇研老师。他为我们做好毕业设计付出了大量的 心血，为我们及时、顺利地完成毕业论文提供了可靠的保障。在此表示衷心的感谢！ 参考文献 1 李永祥,张德海,唐灿.xml 网页开发实例教程.北京：清华大学出版社,2002.1-38 2 陈勤意,陈长念.xml&asp 网页程序设计.北京：清华大学出版社,2001.1-67 3 arno jansen . “online content creating using as