《个人网站设计_毕业设计论文.doc》由会员分享，可在线阅读，更多相关《个人网站设计_毕业设计论文.doc（54页珍藏版）》请在三一文库上搜索。
1、毕 业 论 文个人网站设计学生姓名： 学 号： 学院名称： 专业名称： 指导教师： 个人网站设计摘要计算机技术的发展，特别是网络技术的飞速发展，给文档的保存和管理提供了极大的方便。本论文中，将软件工程的基本原理和方法应用到整个系统，并对其进行需求分析，提出了解决问题的具体方法。在具体制作中，用ASP技术来实现B/S系统，ASP技术与数据库技术结合，用户在浏览器端可以随意查询自己需要的标本，而数据的后台操作则由服务器端处理。这样提高了网页的互动性，使整个系统能更好的为用户服务。关键词：软件工程；ASP；动态网页ABSTRACTWith the rapidly developing of comp
2、uter technology, especially in the network, the storage and management of file is more convenient. In this paper, the basic theory and the method of the soft project were used in the whole system, and basing on the analysis of the systems demand, the measure was brought forward. In the building of t
3、he network, ASP technology was used to realize B/S system. Because of the integrity of ASP technology and Database technology the users can inquire about the specimen they need freely with the disposal of data by the server. In this way ,the inter dynamic of the webpage was improved and the whole sy
4、stem could server the users better.Key words：Soft Project; ASP; Dynamic Webpage目录 第1章 绪论61.1 网站开发目的61.2 网站开发现状61.3 研究的主要内容6第2章 网站开发技术及平台介绍72.1 开发软件72.2 运行平台8第3章 个人网站分析83.1 现状分析83.2 需求分析93.3 设计分析93.4 可行性分析93.4.1 管理上的可行性93.4.2 技术上的可行性93.4.3 可行性分析结论10第4章 网站规划与设计104.1 个人网站页面设计104.1.1 网站整体框架的设计104.1.2 网站
5、内容的布置114.1.3 网站外观的调整114.2 个人网站后台总体规划114.3 后台结构设计114.4 网站后台功能设计124.4.1 后台功能分析124.4.1 后台功能模块设计134.5 数据库设计134.5.1 数据库简介134.5.2 创建数据库14第5章 网站后台代码165.1 网站后台代码设计要求165.2 网站后台部分代码设计165.3 网站后台代码设计的实现18第6章 个人网站后台功能测试216.1 测试方法216.2 实际测试226.3 测试结果23参考文献24致 谢25附录A 网站首页部分代码26附录B 网站页面29第1章 绪论1.1 网站开发目的互联网是社会发展的必然
6、趋势，很多人已经意识到网络的强大生命力和它在未来将处于的重要地位。他们钻研并且努力进入到这一个新的空间，新的领域。其中包括你和我。在我们的工作、日常生活中，能够拥有一个自己的网站，一个已经成为不少人的希望和骄傲。作为一个计算机专业的人，如果拥有自己的网上家园，这不仅是自己掌握现代信息技术的一个体现；同时也提供了给其他人于方便和实用。因此，我一直在努力，一直在尝试。我建立了自己的主页，每日辛勤的更新它以下是我从踏入网络之门到做主页，从简单到复杂系统规划自己的网站的过程，实现网络梦想！由于本人的知识水平有限，实际的经验也不足，所以所制作出来的作品有许多的不足和漏洞，希望大家提出宝贵的意见和批每个人
7、都有发挥个人才能，挥洒自己个性的网上伊甸园。有人觉得做网址站简直是傻瓜透顶了。站长都没有头脑想想，网址站上的网站是流量最大的，例如：华军、三九健康网、中国汽车网等。若无了网址站，相信改天这些网站都会说：“今天你有流量了没有？”1.3 研究的主要内容个人网站设计使用动态网页1的设计，提供电子相册、日志、下载、个人简历查询、具有信息发布2、访客留言等功能。第2章 网站开发技术及平台介绍2.1 开发软件网站主要用Dreamwever CS3进行网页设计、动画部分用Macromedia flash 5.0 ，图片主要用photoshop cs33处理。2.2 运行平台（1）硬件平台：使用基于Windo
8、ws XP的高性能PC服务器、路由器、防火墙。（2）软件平台：使用ASP+Access模式来构建。第3章 个人网站分析3.1 现状分析首先做好网站的整体架构，让自己身边的朋友去体验我的网站让他们去为我提出好的建议，尽可能的不要把网站做的高端和烦琐化，要用菜鸟的思维去考虑自己的站的架构，尽量把自己的站做的得体大方简洁，让所有人进去后有耳目一新的感觉。3.2 需求分析网络经济全球化的发展，跨国大公司大企业触角分布全球每一个角落，在此设计个人网站让更多人了解我。网站主要有： 个人主页4：该页面主要是综合各个版块的精华部分，包括我的照片，最新发布的文章等。 我的相册：用来发布我的数码照片。 生活随笔：
9、主要是一些我的文章和网络上的的文章。 给我留言：通过ASP和Access数据库制作的留言本 关于我：这个页面主要说明我的一些个人信息。3.3 设计分析主色调采用灰和黄色风格，整体风格协调，满足人们的视觉感。除关于我的个人档案外其他页面采用动态网页设计，该方式有浏览速度快，易搜索，易保存等特点。采用asp设计，后台采用Microsoft Access 5数据库进行管理。留言版添加了管理员功能，可以对留言内容进行审查，回复。对浏览者运行要求较低。用户只需装有IE5.0及以上版本即可浏览网站。3.4 可行性分析3.4.1 管理上的可行性设计通过后台管理模块，对网站进行管理，可进行发布文章，上传照片，
10、对访客的留言进行回复。3.4.2 技术上的可行性网络应用基础设施完善，由于信息技术的发展，我国的计算机网络飞速发展，这为个人网站提供了基础设施。网络安全技术应用，包括加密算法、CA数字认证、数字签名等，为电子商务应用提供安全保证，它实现了网络传输数据的安全性、完整性以及交易双方的不可抵赖性，身份认证等。就是网络技术的普及与掌握，如网络互联、网络安全技术、Web技术（如Html，XML，CGI等）、各种安全协议（Https，SET，SSL等）、网络数据库技术等，使我们有能力开发实现适合自己的电子商务系统。成为我们构建网站的直接技术支持。3.4.3 可行性分析结论综上所述，构建个人网站在技术、管理
11、上都是可行的，因而决定我的个人网站的开发。第4章 网站规划与设计4.1 个人网站页面设计4.1.1 网站整体框架的设计网站框架的设计包括整个网站的导航栏与页面尾部信息，使用了Dreamweaver的模板功能4.1.2 网站内容的布置内容的布置是指网页文件的合理组织，一个好的站点应该是文件组织有序，分门别类的放置便于网站管理员今后对网站进行维护与更新。4.1.3 网站外观的调整网页外观的控制是通过CSS 6（层叠样式表）来实现的。CSS，层叠样式表，“层叠”的意思，也就是说在同一个Web文档中可以有多个样式单存在，这些样式单根据所在的位置，拥有不同的悠闲级，优先级高的，就会在最后显示时采用。从样
12、式单插入的形式来看可以分为以下3中：内联式样式单：它利用现有的HTML标记，把特殊的样式加入到那些由标记控制的信息中。嵌入式样式单：它和Javascript一样，可以嵌入到HTML文件的头部中去（和标记之间），使用和容器装载，例如：“pcolor:red;font-weight:bold”，这样会对页面中所有标记起作用。外部式样式单：它是一种保存在外部的样式单文件，外部文件以“css”为扩展名，例如：。4.2 个人网站后台总体规划 后台包含设计人、系统设置、下载管理、页面设置、常用链接。其中设计人员中的服务信息有服务器名、服务器、服务器端口、服务器操作系统、客户端、脚本解释引擎等；系统设计有参
13、数设置、管理员设置、上传文件管理、首页图片管理；页面管理有个人主页、我的相册、生活随笔、散文小说、给我留言、首页内容、视频/音乐；常用链接有网站首页、退出管理。4.3 后台结构设计包括个人网站后台管理功能的设计、后台管理信息系统功能的设计、后台系统权限管理、后台文件管理、个人网站后台管理系统主页设计。左边下拉菜单栏，右边菜单栏。1. 建立一个动态加载的连接；2.建立一套页面表现层的组件（输入框、单选、复选择框、下拉列表）；3.日志功能组件 (任何人不能修改，只能查看)；4.权限功能组件admin组 （管理员组） 。 用户组下的用户只能使用开发人员提供的业务组件。 4.4 网站后台功能设计4.4
14、.1 后台功能分析服务器信息用来显示服务器名称，服务器IP等；参数设置是用来说明设计人员的资料及联系方式；管理员设置用来设置管理员名称及密码；上传文件管理用来上传文件；首页页面图片用来设计首页滚动的图片；我的相册、生活随笔、散文小说用来发布相片、文章；首页内容是写入首页显示的话；点击网站首页后会自动进入网站；点击退出管理后就会退出管理员登录页面。4.4.1 后台功能模块设计系统设置个人网站后台结构图下载管理页面管理常用链接参数设置管理员设置上传文件管理首页图片管理平面作品分类管理个人主页我的相册生活随笔散文小说给我留言首页内容网站首页退出管理图4-1 后台结构模型图如图4-1为后台结构图。每个
15、功能模块都对应其链接，有数据库链接，页面的链接。4.5 数据库设计4.5.1 数据库简介数据库是以某种文件结构存储的一系列信息表，这种文件结构使您能够访问这些表、选择表中的列、对表进行排序以及根据各种标准选择行。它涉及对各种不同形式的数据进行收集、存储、加工和传播等一系列活动。数据处理的核心问题是数据管理，即对数据的分类、组织、编码、存储、检索和维护。在计算机系统中，数据管理通常使用数据库管理系统完成。在信息化的当今社会，数据库技术已成为数据管理的重要基础之一，也是计算机软件技术的一个重要分支。数据库技术是一门综合学科，涉及操作系统、数据结构、算法设计、程序设计和数据管理等多方面知识，它的不断
16、发展使得人们可以科学地组织存储数据、高效地获取和处理数据。数据库系统已是当今计算机系统的重要组成部分。数据库通常有多个 索引与这些表中的许多列相关联，所以我们能尽可能快地访问这些表。一般来说，一个真正的、完整的站点里不开数据库的，因为实际应用中，需要保存的数据很多，而却这些数据之间往往存在还有关联，利用数据库来管理这些数据，可以很方便的查询和更新。数据库有很多种，如Fox 数据库(.dbf)、Access 数据库(.mdb)、Informix、Oracle和SQL Server等等。在这里，我将以 Microsoft Access 数据库作为本网站的数据库。4.5.2 创建数据库采用Micro
17、soft Access7程序创建数据库，使用设计器创建一个HN_news表， 如表4-1所示。字段名称数据类型字段属性id文本字段大小：长整型；新值：递增；索引：有（有重复）title文本字段大小：50；必填字段：否；允许空字符串：是；索引：无；Unicode压缩：是；输入法模式：开启；IME语句模式（仅日文）：无转化kinds是/否格式：是/否；必填字段：否；索引：无kin_demo备注必填字段：否；允许空字符串：是；索引：无；Unicode压缩：是；输入法模式：开启；IME语句模式（仅日文）：无转化ynimg文本字段大小：50；必填字段：否；允许空字符串：是；索引：无；Unicode压缩：
18、是；输入法模式：开启；IME语句模式（仅日文）：无转化demo备注必填字段：否；允许空字符串：是；索引：无；Unicode压缩：是；输入法模式：开启；IME语句模式（仅日文）：无转化hotclick数字字段大小：长整型；小数位数：自动；默认值：0；必填字段：否；索引：无auth文本字段大小：50；必填字段：否；允许空字符串：是；索引：无；Unicode压缩：是；输入法模式：开启；IME语句模式（仅日文）：无转化come文本字段大小：50；必填字段：否；允许空字符串：是；索引：无；Unicode压缩：是；输入法模式：开启；IME语句模式（仅日文）：无转化picUrl文本字段大小：50；必填字段：
19、否；允许空字符串：是；索引：无；Unicode压缩：是；输入法模式：开启；IME语句模式（仅日文）：无转化class数字字段大小：长整型；小数位数：自动；默认值：0；必填字段：否；索引：无time日期/时间默认值：Date；必填字段：否；索引：无；输入法模式：关闭；IME语句模式（仅日文）：无转化表4-1 HN_news建立与数据库的连接： 增加数据记录： sql=insert into tablename(ptwbk,mmwbk,gdwbk,dxk,fxk,lbk) values(data1,data2,data3,data4,data5, data5)； set rs=conn.execu
20、te(sql) 更改某条数据记录： sql=update tablename set data1=request(ptwbk ), where ID=num； set rs=conn.execute(sql) 删除某条数据记录： sql=delete from tablename where ID=num；set rs=conn.execute(sql) 将SQL语句处理的数据结果输出 Response.Write Response.Write For i=0 to rs.Fields.Count-1 Response.WRITE & rs.Fields(i).Name & Next Resp
21、onse.Write While Not rs.EOF Response.Write For i=0 to rs.Fields.Count-1 Response.WRITE & rs.Fields(i).Value & Next Response.Write rs.MoveNext Wend Response.Write 关闭数据库： rs.close；conn.Close 第5章 网站后台代码5.1 网站后台代码设计要求用Dreamweaver cs程序设计，以asp.VBScript和aspJvaScript序语言进行编辑。ASP语言的优势：Active Server Pages：“动态服
22、务器网页”，一般简称“ASP”。ASP之所以能受到大家的重视与使用原因，主要是在于所产生的执行结果都是标准的HTML格式，而且这些程序在网络服务器端执行，使用一般的浏览器（如IE或Netscape）都可以正确的获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”。5.2 网站后台部分代码设计 后台实现了对数据库的连接，可进行网站的基本设置、管理员的设置，可管理相册、生活随笔、散文小说、访客留言，还可以对访客留言进行回复，可上传图片、录入文章等。与数据库来连接: 后台管理首页顶部：%Sub Header()Response.WriteResponse.Write王丽珍的个人网
23、站后台管理Response.Write%留言板模块中，判断是否有留言： 暂时还没有留言！ 留言板中的管理员回复页面：管 理 员 回 复 回复color=#ff0000 的留言 /td font 回复内容： 文件录入窗口中有文件的标题：文件标题 文件地址：文件地址 * 5.3 网站后台代码设计的实现后台代码的实现都靠各个页面的超链接以及与数据库的连接。如系统设置里的超链接: 参数设置管理员设置 上传文件管理首页图片管理如生活随笔中的数据库连接：第6章 个人网站后台功能测试 网站制作完毕并不是网站开发的结束。最后我们还要进行实际的网站运行测试。其宗就包括本地计算机测试与远程计算机测试。
24、6.1 测试方法本地计算机的测试(1) xp系统下的测试(2)测试环境：PII 400mhz 128 内存(3)测试软件：IIS 5.1(4)测试浏览器：IE 6.0(5) 测试系统：Microsorft windows Xp professional sevice pzck 2测试结果：本系统在调试过程中发现了 某些浏览器插件在访问带有 jaba script 的网页时会提示安全信息，浏览者在了解网站安全按性能后会取消对该网页效果的屏蔽。此外没有发现任何问题.远程计算机访问 (1)测试环境 ： PII 500mhz 128 内存 (2)测试软件：IIS 5.1 (3)测试浏览器：IE 5.0
25、 (4)测试系统：Microsorft windows Xp professional sevice pzck 2 (5)网络环境： ADSL 512kb (6)服务器环境：PII 400mhz 128 内存 IIS 5.1 ADSL 512kb 测试结果： 浏览器 在 访问的时候网速较快，未发现其他问题。 性能分析：借助动态域名分析系统和 IIs可以实现动态IP做服务器，解析ASP 程序。但服务器配置较低，不易超过10 个以上的浏览者同时访问。6.2 实际测试1、链接测试链接是Web应用系统的一个主要特征，它是在页面之间切换和指导用户去一些不知道地址的页面的主要手段。链接测试分为三个方面：
26、1)测试所有链接是否按指示的那样确实链接到了该链接的页面;2)测试所链接的页面是否存在; 3)保证Web应用系统上没有孤立的页面，所谓孤立页面是指没有链接指向该页面，只有知道正确的URL地址才能访问。链接测试可以自动进行，现在已经有许多工具可以采用。链接测试必须在集成测试阶段完成，也就是说，在整个Web应用系统的所有页面开发完成之后进行链接测试。Xenu-主要测试链接的正确性的工具2、表单测试当用户给Web应用系统管理员提交信息时，就需要使用表单操作，例如用户注册、登陆、信息提交等。在这种情况下，我们必须测试提交操作的完整性，以校验提交给服务器的信息的正确性。例如：用户填写的出生日期与职业是否
27、恰当，填写的所属省份与所在城市是否匹配等。如果使用了默认值，还要检验默认值的正确性。如果表单只能接受指定的某些值，则也要进行测试。例如：只能接受某些字符，测试时跳过这些字符，看系统是否会报错。要测试这些程序，需要验证服务器能正确保存这些数据，而且后台运行的程序能正确解释和使用这些信息B/S结构实现的功能可能主要的就在这里，提交数据，处理数据等如果有固定的操作流程可以考虑自动化测试工具的录制功能，编写可重复使用的脚本代码，可以在测试、回归测试时运行以便减轻测试人员工作量。我们对UM子系统中各个功能模块中的各项功能进行逐一的测试，主要测试方法为：边界值测试、等价类测试，以及异常类测试。测试中要保证
28、每种类型都有2个以上的典型数值的输入，以确保测试输入的全面性。3、Cookies测试Cookies通常用来存储用户信息和用户在某应用系统的操作，当一个用户使用Cookies访问了某一个应用系统时，Web服务器将发送关于用户的信息，把该信息以Cookies的形式存储在客户端计算机上，这可用来创建动态和自定义页面或者存储登陆等信息。如果Web应用系统使用了Cookies，就必须检查Cookies是否能正常工作而且对这些信息已经加密。测试的内容可包括Cookies是否起作用，是否按预定的时间进行保存，刷新对Cookies有什么影响等。4、设计语言测试Web设计语言版本的差异可以引起客户端或服务器端严
29、重的问题，例如使用哪种版本的HTML等。当在分布式环境中开发时，开发人员都不在一起，这个问题就显得尤为重要。除了HTML的版本问题外，不同的脚本语言，例如Java、JavaScript等也要进行验证。5、数据库测试在Web应用技术中，数据库起着重要的作用，数据库为Web应用系统的管理、运行、查询和实现用户对数据存储的请求等提供空间。在Web应用中，最常用的数据库类型是关系型数据库，可以使用SQL对信息进行处理。在使用了数据库的Web应用系统中，一般情况下，可能发生两种错误，分别是数据一致性错误和输出错误。数据一致性错误主要是由于用户提交的表单信息不正确而造成的，而输出错误主要是由于网络速度或程
30、序设计问题等引起的，针对这两种情况，可分别进行测试。6.3 测试结果从连接测试、表单测试、Cookies测试、设计语言测试、数据库测试方面进行测试。1.本系统在调试过程中发现了某些浏览器插件在访问带有 jaba script 的网页时会提示安全信息，浏览者在了解网站安全按性能后会取消对该网页效果的屏蔽。此外没有发现任何问题.浏览器在访问的时候网速较快，未发现其他问题。2.性能分析:借助动态域名分析系统和 IIs可以实现动态IP做服务器，解析ASP 程序。但服务器配置较低，不易超过10 个以上的浏览者同时访问。3.链接测试:链接测试可以自动进行，现在已经有许多工具可以采用。链接测试必须在集成测试
31、阶段完成，也就是说，在整个Web应用系统的所有页面开发完成之后进行链接测试。此外，表单测试,Cookies测试,设计语言测试,数据库测试均可以通过且运行较好!无论从客户端还是后台，都可以运行。参考文献1吴涛主编，网站全程设计技术（修订本），北京：清华大学出版社；北京交通大学出版社，2006.72 龚赤冰编，ASP.NET 2.0网站开发实例教程，人民邮电出版社3励志联合 李锐 李哲等编著，Photoshop CS3中文版完全自学教程，机械工业出版社2008.34 杜巧玲等编, 网页设计超级梦幻组合,清华大学出版社, 2003.35彭力扬编，边学边用网页制作，清华大学出版社，2006.96 任学
32、文、范严编, 网页设计与制作，中国科学技术出版社，2006.87 戴建耘编著，Access2003数据库教程，电子工业出版社致 谢在本文完成之际，无论我的设计是否能够真的投入使用，每一行语句的调试，每一段文本的输入之中都有我辛勤的汗水。八周的设计时间虽然短暂，我却从中学到了很多的东西。我由衷地感谢关怀、教诲、帮助、支持和鼓励我完成学业的老师、朋友和亲人。这三年中还得到众多老师的关心支持和帮助。在此，谨向老师们致以衷心的感谢和崇高的敬意！特别感谢我的导师，在本次论文设计过程中，老师对该论文从选题，构思到最后定稿的各个环节给予细心指引与教导，使我得以最终完成毕业论文设计。这三年中还得到众多老师的关心支持和帮助。在此，谨向老师们致以衷心的感谢和崇高的敬意！在此我谨向我的导师以及在毕业设计过程中给予我很大帮助的老师、同学们致以最诚挚的谢意！ 附录A 网站首页部分代码 关于我