2024年6月5日发(作者：)
毕 业 设 计
设计题目 宠物信息交流网站的设计与开发
指导教师
姓 名
班 级
所在系（部）
年 月 日
XXXXX学院
毕业设计开题报告
姓名
班级
系部
毕业设计题目
一、选题理由：
宠物信息交流网站的设计与开发
目前，宠物经济越来越受人关注。随着养宠物的家庭不断增多，宠物正在成为不
少家庭里的新成员。由于对宠物的不了解，致使人们想买一只自己所倾心的宠物却变
得有些繁琐，导致很多人有养宠物的想法却总是那么难实现的情况发生。那么，我们
是否可以依托网络，为那些想养宠物的人群提供服务。
当前网络上也可以搜索到很多关于宠物这方面的信息与资料，但存在的问题是宠
物资料的信息比较分散，致使用户不能很好的对宠物进行比较与分析，从而选择起来
比较麻烦。浪费大量的时间与精力。
为了避免客户在购买宠物时造成宠物翻阅损耗等一系列费用与时间，可以将宠物
资料信息进行规纳和整合，从而帮助宠友了解更多关于宠物的信息，并且在了解关注
的同时也提供一个交流询问的平台。不仅有助于那些爱宠人士的交流也有利于我们的
发展与进步。
二、拟实现的目标：
由于目前网络上关于介绍宠物信息的网站比较少，因此需建立一个实体的宠物网
站。以帮助宠友了解更多关于宠物的详细信息。以此为目的，分享宠物趣事的视频、
图片、资料信息等，提供在线宠物资料查询服务，另外提供宠友之间信息交留平台。
这样，就建立了以了解宠物为目的，在线宠物信息交流网站。
三、综述﹛与本设计相关的已有研究（设计）成果的综述﹜：
随着经济社会的发展，计算机已被应用到社会生活的各个领域。与此同时，互联网
作为信息技术的通信桥梁连接着全球的计算机，而网站作为网络信息主要的表现形式
而且还是互联网信息的主要承载者，在Internet上表现出其及其重要的地位，并发挥
着其及其重要的作用。
现今网站的开发会用到形形色色开发工具,如 ASP,PHP,JSP 等,包括脚本语言,以
及为网站提供数据存储的数据库(Access,SQL SERVER),通过学习文献，我了解了企业
网站建设的意义和相关技术及工具:ASP,VB Script 和 Access 数据库,提出面向企业
网站建设的主体思路. 企业网站开发相关技术及工具相关技术 动态网页现在流行的
有很多,如:ASP,PHP,JSP 等,最常用的就这三种。Internet的日益兴起和以网页为载
体的网络信息的广泛传播和应用，使得网站的建设及网页制作得到发展的空间，大至
大型企业的产品推销、售后服务、解决方案，小至个人Web页面开发，形形色色，地
方性门户网站也不例外。
四、设计的主体框架与进度安排：
主体框架：
第一章：序论
第二章：系统开发环境软件需求
第三章：系统设计
第四章：设计功能的实现
第五章： 总结
进度安排：
1、查找、阅读并整理资料，完成开题报告；2012.11.15-2012.11.25；
2、完成系统和数据库分析和设计；2012.11.25-2013.2.25；
3、实现各个系统模块的功能，编写文档；2013.2.25-2013.4.15；
4、毕业设计文档的撰写、修改；2013.4.15-2013.5.31；
5、毕业文档的定稿打印、评阅、验收、答辩；2013.6.1-2013.6.11。
五、指导教师意见：
该生对于所开课题进行了较为详细的课题调研，参考了许多文献。最后确定的课
题具有一定的实用价值。本课题是该学生所学专业知识的延续，符合学生专业发展方
向，对于提高学生的基本知识、技能和研究能力有益。研究方法和研究计划基本合理，
难度适合。学生能够在预定时间内完成该课题的设计。
同意该课题开题。
签 章：XXXX
年 月 日
六、教研室意见：
该生在准备毕业设计过程中，查阅了大量相关资料，灵活运用已学知识解决毕业
设计中遇到的各种问题。针对相关问题，通过案例结合本文内容，条理清楚。
同意该课题开题。
签 章：XXXX
2012 年12月25日
XXXXX学院
XX
届毕业设计任务书
姓 名
专业 指导教师
毕业设计题目 宠物信息交流网站的设计与开发
主要介绍网站的构建过程以及实现情况，包括动态页面和静态页
主要研究内容
面的设置，各种功能的实现，从设计到实现的阶段都有具体的体现，
重点介绍宠物网站的构建情况。
采用文献研究法，在互联网以及图书馆查阅相关网站建设资料，
研究方法
从而全面地、正确地了解掌握所要研究的内容。对其进行搜集、分析、
整理。从中选取所需信息来进行网站的规划与建设。
开发出一个完整的宠物信息交流网站。提供在线宠物资料信息查
询和用户之间的信息交留。以宠物网的内容页面为载体，当网友浏览
主要任务及目标
宠物页面时，系统显示出各种宠物信息，用户通过注册帐户可以对网
站进行留言及交流。
[1]周志刚、李拴宝：网站规划与建设[Ｍ].北京.中国财政经济出版
社.2008
[2]罗廷兰、董猛、戴敏：精彩网页设计[Ｍ].北京.电子工业出版
社.2009
主要参考文献
[3]杨格、蔡继文、郑鸿标：Dreamweaver网页设计与制作100例[Ｍ].
北京.人民邮电出版社.2006
[4]杨选辉：网页设计与制作教程[Ｍ].北京.清华大学出版.2007
[5]周德华、许铭霖：新编网页设计与教程[Ｍ].北京.冶金工业出版
社.2006
1、查找、阅读并整理资料，完成开题报告；2012.11.15-2012.12.25；
2、完成系统和数据库分析和设计；2012.11.25-2013.2.25；
进度安排
3、实现各个系统模块的功能，编写文档；2013.2.25-2013.4.15；
4、毕业设计文档的撰写、修改；2013.4.15-2013.5.31；
5、毕业文档的定稿打印、评阅、验收、答辩；2013.6.1-2013.6.11。
指导教师签字: XXX
系（教研室）负责人签字：XXX
年 月 日
浙江金融职业学院毕业设计 （宠物信息交流网站的设计与开发）
宠物信息交流网站的设计与开发
内容摘要：
随着生活和工作方面的压力逐渐增加，人们对宠物的依赖和需求也就变得越
来越大。为了方便人们在购买宠物时对宠物的了解，开发了以宠物为主题的网站。
主要介绍网站的构建过程以及实现情况，包括动态页面和静态页面的设置，
各种功能的实现，从设计到实现的阶段都有具体的体现。详细介绍了系统分析,
系统设计,系统实施的开发过程。经过前期的准备工作，对网站进行总体规划后。
采用PhotoShop制作网页图像、制作网页页面效果等。使用Flash进行动画制作，
网站的数据库方面采用Microsoft office Access ，最后采用DreamweaverCS5
对资料进行整理与设计，开发出一个完整的宠物信息交流网站。
关键词： 宠物网 系统设计 数据库
I
浙江金融职业学院毕业设计 （宠物信息交流网站的设计与开发）
目 录
第1章 绪论........................................................ 1
第2章 系统开发环境软件需求......................................... 2
2．1 系统开发平台的配置 ......................................... 2
2．1．1 IIS简介 ............................................. 2
2．1．2 IIS的安装 ........................................... 2
2．1．3 IIS的配置 ........................................... 4
2．2 开发工具：Dreamweaver CS5 .................................. 5
2．2．1 Dreamweaver CS5简介 ................................. 5
2．2．2采用Dreamweaver CS5的优势 ........................... 5
2．3 数据库：Microsoft office Access ............................ 6
2．3．1 Microsoft office Access 2003简介 .................... 6
2．3．2 Microsoft office Access优点 ......................... 6
2．4 图形图像处理软件 7
2．4．1 Photosho的简介 ...................................... 7
2．4．2 Photoshop的特点 ..................................... 7
第3章 系统设计..................................................... 9
3.1 页面的设计 .................................................. 9
3．2 数据库的设计 .............................................. 10
3．2．1 数据库的创建........................................ 11
3．2．2 数据表的创建........................................ 11
3．3 制作留言系统 .............................................. 12
3．3．1 需求分析............................................ 12
3．3．2 设计思路............................................ 13
3．3．3 设计留言页面........................................ 13
3．3．4创建数据库连接 ...................................... 14
3．3．5 创建记录集.......................................... 17
3．3．6 设置动态文本........................................ 18
3．4 用户注册设计 .............................................. 20
II
浙江金融职业学院毕业设计 （宠物信息交流网站的设计与开发）
3．4．1 设计用户注册页面.................................... 20
3．5 用户登录设计 .............................................. 22
3．5．1 设计用户登录页面.................................... 22
第4章 设计功能的实现.............................................. 26
4．1 网站首页及其子页的访问 .................................... 26
4．1．1首页的访问 .......................................... 26
4．1．2 子页的访问.......................................... 26
4．2 注册的实现 ................................................ 27
4．2．1 注册功能的测试...................................... 27
4．3 用户登录的实现 ............................................ 28
4．3．1 用户登录的测试...................................... 28
4．4 留言板的实现 .............................................. 29
4．4．1 留言板的测试........................................ 29
第5章 总结........................................................ 31
参考文献............................................ 错误!未定义书签。
III
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
第1章 绪论
目前，互联网的快速发展，网站系统已经作为一种重要的信息交流平台，受
到越来越多的网民的青睐。随着生活和工作方面的压力逐渐增加，人们对宠物的
依赖和需求也就变得越来越大。调查结果显示，在较发达城市 北京、上海、武
汉、广州等宠物集中的四大城市里，有72.5%的市民表示自己比较钟爱和需求某
种动物。人口数量是决定产品需求的一个重环节，这一点在宠物市场中也不例外
中国现人口保守估计已突破14亿 我们暂按4户为一个家庭为一个需求单位的话
就是3.5亿户居民 再根据市民宠物需求调查为72% 约为 2亿的需求量 72%百分
比与美国现在情况相吻合，这有着非常诱人的市场前景，为了方便人们在购买宠
物时对宠物的了解，开发了以宠物为主题的网站。
本文详细介绍了宠物网站的功能和结构,并论证了网站的设计方案,简要介
绍了使用的开发工具DramweaverCS5以及涉及到的相关技术,并详细介绍了系统
分析,系统设计,系统实施的开发过程。
通过对网站制作原理及的数据库管理技术，设计并实现了一个功能比较实用
的宠物在线网站。基本满足了用户查找宠物资料信息的需求。
第1页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
第2章 系统开发环境软件需求
2．1 系统开发平台的配置
如果想要在本地的计算机上运行Asp页面，我们必须正确的安装IIS组件，
并进行相关的配置，下面我们就对IIS组件进行介绍、安装和设置。
2．1．1 IIS简介
Internet Information Services（IIS，互联网信息服务），是由微软公司
提供的基于运行Microsoft Windows的互联网基本服务。
2．1．2 IIS的安装
（1）进入Win7的 控制面板，选择程序和功能，点击“打开或关闭windows
功能”。 （如图1-1所示）
图1—1单击“打开或关闭windows功能”
第2页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
（2）打开“打开或关闭windows功能” 需要进行手动选择需要的功能，如
图所示将需要安装的服务进行选择（如图1-2所示）。
图1—2勾选“打开或关闭windows功能”
第3页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
2．1．3 IIS的配置
安装完成后，再次进入 控制面板，选择 管理工具，双击 Internet(IIS)
管理器 选项，进行IIS配置
（1）打开“Internet信息服务(IIS)管理器”， 选择 Default Web Site，
双击“ ASP” （如图1-3所示）。
图1—3双击“ASP”
（2）IIS7中ASP 父路径 是没有启用的，要开启父路径，选择True，搞定
父路径选项。
（3）点击右边的高级设置，设置物理路径为F：chongwu（如图1-4所示）。
图1—4设置物理路径
第4页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
（4）点击 默认文档， 设置网站的默认文档（如图1-5所示）。
图1—5设置默认文档
2．2 开发工具：Dreamweaver CS5
2．2．1 Dreamweaver CS5简介
Adobe Dreamweaver CS5是一款集网页制作和管理网站于一身的所见
即所得网页编辑器，是第一套针对专业网页设计师特别发展的视觉化网页
开发工具，它能够使设计人员和开发人员能充满自信地构建基于标准的网
站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成，您可
以使用 CSS 检查工具进行设计，使用内容管理系统进行开发并实现快速、
精确的浏览器兼容性测试。
2．2．2采用Dreamweaver CS5的优势
（1）可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的
网页。
（2）尽享对 WordPress、Joomla! 和 Drupal 等内容管理系统框架的创作
和测试支持。
（3）以可视方式显示详细的 CSS 框模型，轻松切换 CSS 属性并且无需读
第5页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
取代码或使用其他实用程序。
（4）使用多个查看、诊断和比较工具预览动态，网页和本地内容。
（5）为自定义 PHP 函数显示适当的语法，帮助您更准确地编写代码。
（6）站点特定的代码提示 新增功能
2．3 数据库：Microsoft office Access
由于该网站属于中小型网站，网站的访问量不大所以完全可以采用Access来
完成网站对数据库的需求
2．3．1 Microsoft office Access 2003简介
Microsoft Office Access是由微软发布的关联式数据库管理系统。它结合
了 Microsoft Jet Database Engine 和 图形用户界面两项特点，是 Microsoft
Office 的系统程式之一。它它提供了表、查询、窗体、报表、页、宏、模块7
种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、
数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系
统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任
务。
2．3．2 Microsoft office Access优点
（1）存储方式单一
Access管理的对象有表、查询、窗体、报表、页、宏和模块，以上对象都存
放在后缀为（.mdb）的数据库文件种，便于用户的操作和管理。
（2）面向对象
Access是一个面向对象的开发工具，利用面向对象的方式将数据库系统中的
各种功能对象化，将数据库管理的各种功能封装在各类对象中。它将一个应用系
统当作是由一系列对象组成的，对每个对象它都定义一组方法和属性，以定义该
对象的行为和外国，用户还可以按需要给对象扩展方法和属性。通过对象的方法、
属性完成数据库的操作和管理，极大地简化了用户的开发工作。同时，这种基于
第6页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
面向对象的开发方式，使得开发应用程序更为简便。
（3）界面友好、易操作
Access是一个可视化工具，是风格与Windows完全一样，用户想要生成对象
并应用，只要使用鼠标进行拖放即可，非常直观方便。系统还提供了表生成器、
查询生成器、报表设计器以及数据库向导、表向导、查询向导、窗体向导、报表
向导等工具，使得操作简便，容易使用和掌握。
（4）集成环境、处理多种数据信息
Access基于Windows操作系统下的集成开发环境，该环境集成了各种向导和
生成器工具，极大地提高了开发人员的工作效率，使得建立数据库、创建表、设
计用户界面、设计数据查询、报表打印等可以方便有序地进行。
（5）Access支持ODBC
利用Access强大的DDE（动态数据交换）和OLE（对象的联接和嵌入）特性，
可以在一个数据表中嵌入位图、声音、Excel表格、Word文档，还可以建立动态
的数据库报表和窗体等。Access还可以将程序应用于网络，并与网络上的动态
数据相联接。利用数据库访问页对象生成HTML文件，轻松构建
Internet/Intranet的应用。
2．4 图形图像处理软件Adobe Photosho
2．4．1 Photosho的简介
Adobe Photoshop，简称“PS”，是一个由Adobe Systems开发和发行的图
像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修
与绘图工具，可以更有效的进行图片编辑工作。
2．4．2 Photoshop的特点
（1）功能强大的选择工具
Photoshop拥有多种选择工具，极大地方便了用户的不同要求。而且多种选
择工具还可以结合起来选择 较为复杂的图像。
第7页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
（2）制定多种文字效果
利用Photoshop不仅可以制作精美的文字造型，而且还可以对文字进行复杂
的变换。
（3） 多姿多彩的滤镜
Photoshop不仅拥有多种内置滤镜可供用户选择使用，而且还支持第三方的
滤镜。这样，Photoshop就 拥有了"取之不尽，用之不竭"的滤镜。
（4）易学易用，用途广泛
对Photoshop不了解的人常常认为它是一种专业图形图像处理软件，其实这
是一种误解，Photoshop虽 然功能强大，但是也易学易用，适应于不同水平的
用户。
第8页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
第3章 系统设计
3.1 页面的设计
网站由一个首页和多个子页构成，其中系统主界面是一个网站给人的第一映
像，其界面不仅要让人觉得友善，还应该突出该网站的主题和特色！因此，在设
计主界面时颇花心思！因为本站是以可爱的宠物狗为题，所以在色调上我选择的
是暖色调。然后设计版式，根据网络上类似网站的风格，划分了几个模块:logo；
导航菜单；登陆模块；注册模块；消息发布模块；广告位；图片展示；相关信息
等。
其中网上的logo是由Photoshop制作的, 主要体现中心意旨，形象鲜明表
达最主要的情感思想或宣传中心主要体现中心意旨，形象鲜明表达最主要的情感
思想或宣传中心(如图3-1所示)。
图3—1网站logo设计
第9页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
首页的设计（如图3-2所示）。
图3—2网站首页设计
3．2 数据库的设计
数据库从技术上来看是整个信息系统的基础；从模型处理上来看，也是定量
分析式作的基础。目前各类网站开发工具都提供了相应的数据库功能。其中表的
建立尤为重要。
第10页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
3．2．1 数据库的创建
（1）启动Access软件，Access数据库的启动界面，执行“文件”，“新建”命
令，在Accesss软件界面的右侧会出现新建文件的相关选项，单击“空数据库”
选项，可以创建一个新的数据库，设置数据库名称为liuyan，保存该数据库，
单击“创建”按钮，完成数据库的创建，出现（如图3-3所示）的管理界面。
图3—3创建数据库
3．2．2 数据表的创建
（1）双击“使用设计器创建表”选项，弹出表设计窗口，在这里设计一个留言
信息表（如图3-4所示）。
第11页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
图3—4创建liuyan表
（2）填完表格之后，设置表名称为liuyan，执行“文件”，“保存”。
（3）按照同样步骤创建user表（如图3-5所示）。
图3—5创建user表
3．3 制作留言系统
3．3．1 需求分析
留言板是网站与用户交流沟通的方式之一。本系统主要实现用户留言的功
能，用户可以查看所有留言内容，同时可以地线留言。
第12页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
3．3．2 设计思路
实现留言板的方法实际上就是对数据库进行读写操作。用户访问留言板主页
面，留言板主页面将读取数据库中的所有用户留言并进行分页显示，用户可以单
击“提交”按钮，提交留言信息，将留言信息写入数据库。点击“返回留言列表”
可以查看相关的留言信息。
3．3．3 设计留言页面
设计留言页面（如图3-6所示）和留言显示页面
（如图3-7所示）。
图3—6设计
图3—7设计
（1）在“”中选中“我要留言”打开“行为”面板，单击“添加行
第13页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
为”按钮，在打开的下拉菜单中选择“转到URL”。
（2）打开“转到URL”对话框，单击“URL”编辑右侧的“浏览”按钮，在打开
的“选择文件”对话框中选择要转到的网页“” （如图3-8所示）。
图3—8设置转到URL对话框
3．3．4创建数据库连接
利用Dreamwever中的“数据库”面板可以非常容易地连接服务器和数据库。
（1）选择“窗口”，“数据库”菜单，打开“数据库”面板。单击
出的下拉列表中选择“数据源名称(DSN）”。
（2）打开“数据源名称(DSN）”对话框，输入“连接名称”为“cc”；由于尚未
为创建的数据库创建数据源，单击“数据源名称(DSN）”编辑框右侧的“定义”
按钮，以定义数据源（如图3-9所示）。
按钮，在弹
图3—9设置连接名称
（3）打开“ODBC数据源管理器”对话框，切换至“系统DSN”选项卡，然后单
击“添加”按钮。
（4）打开“创建新数据源”对话框，从中选择“Driver do Microsoft Access
（*.mdb)”然后单击“完成”（如图3-10所示）。
第14页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
图3—10选择数据源类型
（5）打开“ODBC Microsoft Access安装”对话框，单击选择按钮，以选择数
据库，打开“选择数据库”对话框，首先在“驱动器”下拉列表中选择数据库文
件所在盘符，然后在“目录”列表中选择数据库所在文件夹，接着在左侧的数据
库列表中选择已创建好的数据库“”，最后单击确定，（如图3-11所
示）。
图3—11选择数据库对话框
（6）返回“ODBC Microsoft Access安装”对话框输入数据源名“liuyan”，然
后单击“确定”（如图3-12所示）。
第15页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
图3—12输入数据源名“liuyan”
（7）返回“ODBC数据源管理器”对话框，新建的数据源已出现在系统数据源列
表中，单出“确定”（如图3-13所示）。
图3—13返回“ODBC数据源管理器”
（8）返回“数据源名称（DSN）”对话框，新建的数据源名称出现在“数据源名
称（DSN）”列表框中，为验证连接是否成功，单击“测试”按钮，（如图3-14
所示）。
第16页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
图3—14测试数据库连接
（9）显示提示对话框，表示设置无误，单击“确定”按钮，关闭提示对话框，
此时新建数据库连接已出现在“数据库”面板中（如图3-15所示）。
图3—15成功创建数据库连接
3．3．5 创建记录集
（1）继续在“”中操作。打开“”绑定面板，单击
录集（查询）”对话框。
，选择“记
（2）打开“记录集”对话框，在“连接”下拉列表中选择前面创建的“cc”连
接，“表格”下拉列表中选择数据表名“liuyan”。
（3）单击“测试”，此时将显示连接的表格内容，（如图3-16所示）。
第17页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
图3—16显示表格内容
3．3．6 设置动态文本
（1）继续在“”中操作，在“留言：”后面单击，然后打开“服务
器行为”面板，单击按钮，在弹出的下拉菜单中选择“动态文本”。
（2）打开“动态文本”对话框，在“域”列表区单击“liuyan”字段，然后单
击“确定”，以插入动态文本。
（3）按照同样方法，在“昵称：”和“时间：”后面分别插入“name”和“time”
字段，（如图3-17所示）。
图3—17设置动态文本
（4）打开“liuyan,.asp”，将插入点置于 起始标答上方一行的末尾，然
后打开“数据库”面板，右键单击前面创建 的数据库连接，在弹出的快捷菜单
中选择“插入代码”，在插入点所在的位置插入代码，
<%
If (CStr(Request("MM_insert")) = "form1") Then
If (Not MM_abortEdit) Then
' execute the insert
Dim MM_editCmd
Set MM_editCmd = Object ("d")
MM_Connection = MM_cc_STRING
第18页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
MM_dText = "INSERT INTO liuyan (name, Email, liuyan)
VALUES (?, ?, ?)"
MM_ed = true
MM_ MM_Parameter("param1",
202, 1, 20, ("textfield")) ' adVarWChar
MM_ MM_Parameter("param2",
202, 1, 20, ("textfield2")) ' adVarWChar
MM_ MM_Parameter("param3",
203, 1, 1073741823, ("textfield3")) ' adLongVarWChar
MM_e
MM_
End If
End If
%>
（5）打开“服务器行为”面板，单击，选择“插入记录”进行（如图3-18所
示）的操作。
第19页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
图3—18设置文本段
（6）选中“返回留言列表”按钮，为其添加行为，将“转到URL”的值设置为
“”
3．4 用户注册设计
3．4．1 设计用户注册页面
图3—19用户注册页面
（1）同样为该网页建立数据库连接和绑定记录集
（2）打开“服务器行为”面板，单击，选择“插入记录”
（3）在打开的“插入记录”对话框中设置“连接”为“cc”，进行（如图3-20
所示）的设置。
第20页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
图3—20设置文本字段
（4）由于在注册系统中是不允许重名的，因此继续在“服务器行为”中进行操
作，单击，选择“用户身份验证”，“检查新用户”
（5）在弹出的“检查新用户名”对话框中，用户名字段选择“name”表示不得
重名注册，如果已存在，则转到“”表示已重名，注册失败。（如图3-21
所示）
图3—21设置转到URL对话框
（6）选择“行为”单击，选择“检查表单”，用与检查提交的表单是否为空和
可输入的值（如图3-22所示）。
第21页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
图3—22检查表单
3．5 用户登录设计
3．5．1 设计用户登录页面
图3—23用户登录页面
之前已经建了和数据库连接的文件 。 所以在你新建的 中的
“应用程序”----“数据库”标签里面就自动有了"cc"。
（1）同样为该网页建立数据库连接和绑定记录集，打开“”绑定面板，单击
选择“记录集（查询）”对话框。
（2）打开“记录集”对话框，在“连接”下拉列表中选择前面创建的“cc”连
接，“表格”下拉列表中选择数据表名“user”。
（3）单击“测试”，此时将显示连接的表格内容（如图3-24所示）。
，
第22页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
图3—24显示表格内容
（4）在登录页中做了 Form 表单，点选 form 标记，设计页中整个表单被选中。
选择“应用程序”面板中“服务器行为”中，“用户身份验证”，“登录用户”，
进行（如图3-25所示）的配置。
图3—25设置登录用户
（5）确定后， 基本完成。切换到 的代码窗口，注意！已
经生成了用户的局部变量 Session： “Session("MM_Username"=
MM_valUsername”。该变量可以全站采用的。
MM_loginSQL = "SELECT username, pwd"
If MM_fldUserAuthorization <> "" Then MM_loginSQL = MM_loginSQL & ","
第23页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
& MM_fldUserAuthorization
MM_loginSQL = MM_loginSQL & " FROM [user] WHERE username = ? AND pwd
= ?"
Set MM_rsUser_cmd = Object ("d")
MM_rsUser_Connection = MM_cc_STRING
MM_rsUser_dText = MM_loginSQL
MM_rsUser_
MM_rsUser_Parameter("param1", 200, 1, 25, MM_valUsername) '
adVarChar
MM_rsUser_
MM_rsUser_Parameter("param2",
("textfield2")) ' adVarChar
MM_rsUser_ed = true
Set MM_rsUser = MM_rsUser_e
If Not MM_ Or Not MM_ Then
' username and password match - this is a valid user
Session("MM_Username") = MM_valUsername
If (MM_fldUserAuthorization <> "") Then
Session("MM_UserAuthorization")
CStr(MM_(MM_fldUserAuthorization).Value)
Else
Session("MM_UserAuthorization") = ""
End If
if CStr(tring("accessdenied")) <> "" And false Then
MM_redirectLoginSuccess = tring("accessdenied")
End If
MM_
ct(MM_redirectLoginSuccess)
End If
=
200, 1, 25,
第24页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
MM_
ct(MM_redirectLoginFailed)
End If
%>
（6）新建一，其是一个保护页面，只有当用户密码正确登录后才会进
入。否则跳转到 （登录失败，可能原因是用户名或密码错。）打开
，选择“应用程序”，“绑定”，“阶段变量”
（7）弹出的阶段变量对话框中，根据第 5 步的代码显示，名称输入 MM_Username
句即可（如图3-26所示）。
图3—26设置阶段变量
（8）选择建立起来的“MM_Username”，按下“插入”按钮或者拖入页中。可以
让不同用户进入时动态显示其对应的姓名（如图3-27所示）。再为 做
下权限限定，如果你单纯在地址栏输入绝对是进不了的，或者用户密码不正确也
是进不了的。该设置在 “服务器行为”，“身份验证”，选择“限制对页的访问” 。
图3—27插入MM_Username
（10）选择“用户名和密码”进行限制，拒绝则跳转到“”，如图所示。
图3—28限制对页的访问
第25页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
第4章 设计功能的实现
4．1 网站首页及其子页的访问
4．1．1首页的访问
（1） 在地址栏中输入“localhost”。
图4—1访问首页
4．1．2 子页的访问
（1）在首页中点击“藏獒”。
图4—2访问子页
第26页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
4．2 注册的实现
4．2．1 注册功能的测试
（1）点击网站中的注册按钮，跳转到注册页面，注册用户信息。用户名为佳乐，
密码为56789,邮箱为****************,hko,点击注册（如图4-3所示）。
图4—3用户注册
（2）注册成功后，跳转到注册成功页面（如图4-4所示）。
图4—4注册成功
（3）验证注册失败功能
从新在注册页面注册用户名为“佳乐”的用户，此时，跳转的页面为注册失败页
面，因为该用户已存在（如图4-5所示）。
第27页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
图4—5注册失败
4．3 用户登录的实现
4．3．1 用户登录的测试
（1）点击网站中的登录按钮，打开登录页面，用刚才注册的账号登录网站（如
图4-6所示）。
图4—6登录用户
（2）登录成功后显示结果（如图4-7所示）
图4—7登录成功
第28页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
（3）返回首页，此时可以看到首页中出现了“佳乐欢迎您！”（如图4-8所示）。
图4—8显示登录效果
（4）如果登录的用户或密码错误，则显示登录失败页面（如图4-9所示）。
图4—9登录失败
4．4 留言板的实现
4．4．1 留言板的测试
（1）点击留言按钮，打开留言页面，输入留言信息（如图4-10所示）。
第29页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
图4—10用户留言
（2）点击“提交”后，返回留言列表，可以查看刚刚留言的信息（如图4-11
所示）。
图4—11显示留言
第30页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
第5章 总结
至此，宠物网站设计与实现已经顺利完成。但是现在回想起来做毕业设计的
整个过程，颇有心得，其中困难重重，不过乐趣也尽在其中。整个网站建设过程
中需要用到大量的图片，以及对图片进行处理，这一工作量十分的庞大，但做出
来的效果是满意的，感觉是值得的。在几天的试运行的过程中，发现连接数据库
时一度出现过错误，经过调试改正后错误点全部清除，此系统可以按着设计思想
和需求功能正常运行。该网站符合用户的基本需求，易于操作，希望本系统能够
给用户带来方便。
毕业设计已接近尾声，色彩缤纷的大学生活也即将结束。即将踏入社会的我
对未来充满了希望。这次的毕业设计将大学四年所学的知识系统、全面的应用于
实践。该毕业设计不仅仅是对以前所学知识的综合运用，更是一个接触新知识并
逐步熟练掌握的过程。在这几个月的时间里我感到受益匪浅。
第31页 共33页
XXXX学院毕业设计 （宠物信息交流网站的设计与开发）
参考文献
[1]周志刚、李拴宝：网站规划与建设[Ｍ].北京.中国财政经济出版社.2008
[2]罗廷兰、董猛、戴敏：精彩网页设计[Ｍ].北京.电子工业出版社.2009
[3]杨格、蔡继文、郑鸿标：Dreamweaver网页设计与制作100例[Ｍ].北京.人
民邮电出版社.2006
[4]杨选辉：网页设计与制作教程[Ｍ].北京.清华大学出版.2007
[5]周德华、许铭霖：新编网页设计与教程[Ｍ].北京.冶金工业出版社.2006
第32页 共33页
发布评论