基于aspnet的个人网页制作毕业设计说明书论文.docx
《基于aspnet的个人网页制作毕业设计说明书论文.docx》由会员分享，可在线阅读，更多相关《基于aspnet的个人网页制作毕业设计说明书论文.docx（40页珍藏版）》请在冰点文库上搜索。
基于aspnet的个人网页制作毕业设计说明书论文
毕业设计说明书
标题：
基于的个人网页制作
毕业论文（设计）原创性声明
本人所呈交的毕业论文（设计）是我在导师的指导下进行的研究工作及取得的研究成果。
据我所知，除文中已经注明引用的内容外，本论文（设计）不包含其他个人已经发表或撰写过的研究成果。
对本论文（设计）的研究做出重要贡献的个人和集体，均已在文中作了明确说明并表示谢意。
作者签名：
日期：
毕业论文（设计）授权使用说明
本论文（设计）作者完全了解**学院有关保留、使用毕业论文（设计）的规定，学校有权保留论文（设计）并向相关部门送交论文（设计）的电子版和纸质版。
有权将论文（设计）用于非赢利目的的少量复制并允许论文（设计）进入学校图书馆被查阅。
学校可以公布论文（设计）的全部或部分内容。
保密的论文（设计）在解密后适用本规定。
作者签名：
指导教师签名：
日期：
日期：
注意事项
1.设计（论文）的内容包括：
1）封面（按教务处制定的标准封面格式制作）
2）原创性声明
3）中文摘要（300字左右）、关键词
4）外文摘要、关键词
5）目次页（附件不统一编入）
6）论文主体部分：
引言（或绪论）、正文、结论
7）参考文献
8）致谢
9）附录（对论文支持必要时）
2.论文字数要求：
理工类设计（论文）正文字数不少于1万字（不包括图纸、程序清单等），文科类论文正文字数不少于1.2万字。
3.附件包括：
任务书、开题报告、外文译文、译文原文（复印件）。
4.文字、图表要求：
1）文字通顺，语言流畅，书写字迹工整，打印字体及大小符合要求，无错别字，不准请他人代写
2）工程设计类题目的图纸，要求部分用尺规绘制，部分用计算机绘制，所有图纸应符合国家技术标准规范。
图表整洁，布局合理，文字注释必须使用工程字书写，不准用徒手画
3）毕业论文须用A4单面打印，论文50页以上的双面打印
4）图表应绘制于无格子的页面上
5）软件工程类课题应有程序清单，并提供电子文档
5.装订顺序
1）设计（论文）
2）附件：
按照任务书、开题报告、外文译文、译文原文（复印件）次序装订
3）其它
摘要
互联网是社会发展的必然趋势，很多人已经意识到网络的强大生命力和它在未来将处于的重要地位。
他们钻研并且努力进入到这一个新的空间，新的领域。
其中包括你和我。
以个人为中心，淡化了传统中心地位，使得我们的世界向多元化加速发展，人人都有话语权，人人都是中心。
互联网是一个互动性极强的平台，它自由、宽容、平等、共享，并使来自民间的声音参与到了构建主流话语的行动中来。
计算机技术的发展，特别是网络技术的飞速发展，给文档的保存和管理提供极大的方便。
本论文中，将软件工程的基本原理和方法应用到整个网站系统，并对其进行需求分析，提出了解决问题的具体方法。
在具体制作中，用ASP技术来实现B/S系统，ASP技术与数据库技术结合，用户在浏览器端可以随意查询自己需要的标本，这样提高了网页的互动性，使整个系统能更好的为用户服务。
Internet飞速发展使得网站不再仅仅为企业或公司等大型结构所拥有，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。
因此网站建设在Internet应用上的地位显而易见，一个家庭甚至个人都可以拥有属于自己的网站，而在这其中，个人网站已经日渐普及，而且发展到今天，创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。
关键词：
个人网站；ASP.net；SQLserver2008；互联网；
1系统概述
1.1课题背景
Blog是1997年12月由美国的Jorn Barger最早提出的，这些年全球博客获得了突飞猛进的发展。
据博客搜索Technorati统计，目前全球平均每5.8秒钟诞生一个博客。
它是一个个人互联网出版工具，博客使用者可以很方便地用文字、链接、图片建立起个性化的网络世界。
博客正在改变人与人之间交流方式。
目前，全球参与博客的人数已经达到千万之众，而且每几秒钟，都有一名新的博客用户加盟进来。
很多律师、教授、学者，甚至法官和议员都有了自己的博客网站，形成了独特的博客文化。
许多企业正在把博客方式引入到企业的内部网和公司网站，用于非正式的知识管理和网络营销等。
政府和教育等领域都在尝试利用博客构造内部知识管理和沟通交流的新体系，可以让职员积累知识，发表评论，链接有意思的网络资源，促进彼此的交流沟通。
一个典型的博客结合了文字，图像，其他博客或网站的链接及其他与主题相关的媒体。
能够让用户以互动的方式留言，是许多博客的重要组成元素。
博客是使用方便的、交互性强。
与传统的电子邮件、BBS等互联网沟通方式相比，博客是一种较人性化的沟通平台。
BBS公共匿名性很强，而且缺乏约束。
电子邮件是多用于个人间的通讯，而博客是公共性和个人性的结合。
博客是个人在网上展示自己风采、与别人交流的综合平台，它的管理比BBS简单的多。
1.2开发意义
1.2.1社会意义
博客网站已经由几年前的火热变的平淡，通过各种方式和途径融入了我们的现实生活，成为我们展现自己的主要方式。
它们大部分是由简短而且经常更新的帖子构成，所有文章都是按照年份和日期排列，有些类似斑竹的日记。
看上去平淡无奇，毫无可炫耀之处，但它可以让每个人零成本、零维护地创建自己的网络媒体，每个都可以随时把自己的思想火花和灵感更新到博客站点上。
博客能让我们在互联网上表达自己的心声。
博客的发展对应着全球知识社会来临的背景。
对于组织机构信息化仍处于初级阶段的中国，博客充分发挥个人主导性和积极性的非正式知识管理工具和其深度沟通交流的功能，对于我们国家的知识传播、扩散和有效提升组织的学习和创新能力，具有特殊的意义。
博客用户的快速增长以及组织机构对它的广泛应用，有助于推动中国向学习型社会演进。
1.2.2个人用途
（1）纪录个人生活片段：
如同自己的日记，可将自己每日生活中发生的事情纪录下来并与朋友分享。
（2）传播个人见解：
博客是自由的虚拟空间，可按照个人意志去写内容，传达个人的思想。
（3）抒发感情：
博客来抒发个人感情，把生活中的喜怒哀乐写到博客中，与朋友分享。
（4）认识结交好友：
通过博客结交志同道合新朋友。
（5）分享图片：
生活中好玩的，美丽的瞬间可以在博客中与朋友分享，留下这一瞬间。
2开发技术及运行环境介绍
随着博客逐渐融入我们的生活，我设计了一个切实可行的个人博客网站,该网站应用了Asp.Net技术，基于C#语言实现，开发环境为visualstudio2008,后台数据库采用SQLServer2005。
通过C#，SQL语言，存储过程，触发器等实现个人博客网站的主要功能。
2.1开发技术介绍
本网站使用Visualstudio2008开发平台，后台数据库采用SQLServer2005。
2.1.1Asp.Net的介绍
“Asp.Net是一种建立在通用语言上的程序构架，是统一的Web开发平台，它开为开发人员提供创建企业级Web应用程序所需的服务。
”[1]。
Asp.Net提供许多Web开发的强大优势。
Asp.Net是一个全新的Web开发框架，包括了许多新的特性：
Asp.Net作为.NETFramework的一部分，当编写Asp.Net应用程序的代码时，可以访问.NETFramework中的类；可以使用与公共语言运行库（CLR）兼容的任何语言来编写应用程序的代码；Asp.Net提供了易于编写，结构更清晰的代码，目的是让程序员更容易开发出Web应用，满足计算向Web转移的战略需要。
Asp.Net具有一些新性能：
“执行效率的提高，世界级的工具支持，强大性和适应性，高效可管理性，自定义性，和可扩展性，安全性”[2]。
Asp.Net是基于通用语言的编译运行的程序，它可以在Web应用软件开发者的几乎全部的平台上运行。
你可以选择一种适合你自己的语言来编写程序，或者把你的程序用很多种语言来写，现在已经支持的有C#，VB，Jscript。
将来，这样的多种程序语言协同工作的能力保护您现在的基于COM+开发的程序，能够完整的移植向Asp.Net。
2.1.2MicrosoftVisualStudio2008简介
VisualStudio2008是面向WindowsVista、Office2007、Web2.0的下一代开发工具,是对VisualStudio2005一次及时、全面的升级。
VisualStudio2008是一个集成的开发工具集，他最基本的用途就是进行代码的编写和调试。
在VisualStudio2008中的应用程序主要分两个层次，语言分类，有C#语言，VC++，VB.NET等开发语言。
“VisualStudio2008将一些常用的应用程序的创建过程以应用程序向导的方式给出，自动生成公共代码，大大提高了效率”[3]。
VisualStudio2008为开发人员提供了相关的工具和框架支持，帮助创建支持AJAX的Web应用程序。
开发人员能够利用这些丰富的客户端和服务器端框架轻松构建以客户为中心的Web应用程序，这些应用程序可以集成任何后端数据提供程序、在任何当前浏
览器内运行并完全访问ASPNET应用程序服务和Microsoft平台。
为了帮助开发人员迅速创建先进的软件，VisualStudio2008提供了改进的语言和数据功能，例如语言集成的查询（LINQ），各个编程人员可以利用这些功能更轻松地构建解决方案以分析和处理信息。
2.1.3SQLServer2005数据库技术介绍
SQL（StructuredQueryLanguage）意思为结构化查询语言。
SQL语言的主要功能就是同各种数据库建立联系，进行沟通。
“SQLServer2005是一种基于客户机/服务器的关系型数据库管理系统，具备通常数据库管理系统最基本的功能。
”[4]用来对存放在计算机中的数据库进行组织、管理和检索，它使用Transact-SQL语言在服务器和客户机之间传送请求。
“SQLServer2005是一个全面的数据库平台，使用集成的商业智能（BI）工具提供了企业级的数据管理”[5]。
SQL是一种介于关系代数与关系演算之间的结构化查询语言，是一个综合的、通用的、功能极强的关系数据库语言。
SQL利用表、索引、关键字、行和列等来确定存储位置，它具有数据定义、数据操纵、数据管理、存取保护以及处理控制等多种功能。
它为组织中的用户提供了一个更安全可靠和更高效的平台，用于企业数据和BI应用。
SQLServer2005为IT专家和信息工作者带来了强大的，熟悉的工具，同时降低了在从移动设备到企业数据系统的多平台上创建，部署，管理和使用企业数据和分析应用程序的复杂性。
2.1.4C#简介
C#是一种最新的、面向对象的编程语言。
它使程序员可以快速地编写各种基于Microsoft.NET平台的应用程序，Microsoft.NET提供了一系列的工具和服务来最大程度地开发利用计算与通讯领域。
最重要的是，C#使得C++程序员可以高效的开发程序，而绝不损失C/C++原有的强大的功能。
C#与C/C++具有极大的相似性，因为C#继承与C++，熟悉类似语言的开发者可以很快的转向C#。
C#是一种完全的、纯粹的面向对象语言，不但支持封装、继承、多态性等面向对象技术的关键特征，而且增加了特性（Attribute）、属性（Property）、委托（Delegation）、可容类型（NullableType）等强大功能。
C#也是一种传统的面向对象语言，只支持标准的单一继承，避免了C++中因多继承而带来的复杂性。
2.2运行环境介绍
计算机硬件配置：
CPU:
Centrino2GHZ;内存:
2G;硬盘：
250G
操作系统：
MicrosoftWindowsXP；
集成开发平台：
VisualStudio2008
数据库：
SQLServer2005
浏览器：
360安全浏览器
3可行性分析与需求分析
3.1可行性分析
“可行性分析是在对系统调查的基础上，得出本系统的开发是不是能够实现和是否值得进行。
对系统的开发从技术，经济，社会等方面进行分析和研究，以避免各种失误，保证系统的设计成功。
”[6]
（1）经济可行性分析。
经济可行性分析主要是对个人网页的经济效益进行分析。
本网站对开发者开说不需要太高的软硬件支出，成本低效益高，网站在经济上是可行的。
（2）技术可行性分析。
技术上的可行性分析主要分析技术条件能否顺利完成工作，分析软，硬件能否满足开
发者的需求等。
该网站采用的ASP.NET开发，数据库服务器选用微软公司的SqlServer数据
库，它能处理大量数据，同时保持数据的完整性并提供许多高级管理功能。
硬件方面，硬件更新的速度随着科技飞速发展越来越快，容量越来越大，可靠性越来越高，完全满足个人个人网页网站的需要。
（3）运行可行性分析。
此网站具备友好漂亮的页面，使用方便，操作简单，易于被用户接受，用户只要熟悉计算机的操作，就能浏览个人网页，查看日志，欣赏图片，留言等操作。
在管理网站方面更是简单，方便。
从使用操作方面看，此网站简单，方便，易于运行。
（4）法律可行性分析。
本网站的设计都是在法律范围内进行设计的，没有侵权，或蓄意破坏他人网站的行为。
3.2需求分析
3.2.1前台访客浏览
个人网页就是给访客来浏览你的个人网页，前台具有的功能如下：
（1）浏览日志并给与评论
（2）浏览个人的图片并留下评论
（3）查看个人的资料
（4）在线给个人留言
（5）友情链接
3.2.2后台个人管理
个人通过登录后可以管理自己的个人网页，回复访客的评论与留言。
其具有的功能如下：
[7]
（1）日志管理：
发表日志，回复访客的评论
（2）相册管理：
上传图片，回复访客的评论
（3）个人资料的管理：
修改资料
（4）留言管理：
回复留言，删除留言
（5）友情连接管理：
添加链接，删除链接
3.3数据流图
“数据流图分析主要包括对信息的流动、传递、处理、存储等的分析”[8]。
数据流图分析的目的就是要发现和解决数据流通中出现的问题。
现有的数据流图分析是通过分层的数据流程图（dataflowdiagram，简称DFD）来实现的。
其具体的做法是：
按照网站的设计理出的业务流程顺序，并通过相应调查掌握数据的处理过程，绘制成一套完整的数据流图。
[9]
数据流图的基本图形元素有4种：
→：
箭头代表表示数据的流向，数据名称总是标在箭头的上面；
〇：
圆代表加工；
═：
双杠代表数据文件或数据库；
□：
方框代表表示数据的源点或终点。
网站运行过程中，主要涉及到两部分的数据流向，个人网页的顶层DFD图，如图3.1所示。
图3.1个人网页系统顶层DFD图
个人网页访问端和管理者的第二层DFD图，如图3.2和图3.3所示
图3.2个人网页访客端第二层DFD图
图3.2是个人网页访客端的分解DFD图，个人网页访客首先进入网站首页，通过请求信息从日志信息表中获取日志信息从而阅读并给与评论形成日志评论信息表，访客也可以发出请求信息查看评论。
或通过请求信息从相片信息表中获取相片信息从而欣赏并给与评论形成相片评论信息表，访客也可以发出请求信息查看评论。
访客给个人留言形成留言信息表，也可发出请求从个人信息表和友情链接信息表获取信息后查看个人资料和友情链接。
图3.3是个人网页管理者的第二层DFD图:
图3.3个人网页管理端第二层DFD图
图3.3是个人网页管理端得分解DFD图，个人网页管理者首先进过身份验证登陆进入管理界面，根据从个人信息表中获取个人信息进行修改并及时更新个人信息表，从日志信息表中获取日志的相关信息进行管理并及时更新日志信息表，从图片信息表中获取图片的相关信息进行管理并及时更新图片信息表，从友情链接信息表中获取友情链接的相关信息进行管理并及时更新友情链接信息表，从留言信息表中获取留言的相关信息进行管理并及时更新留言信息表，并发出请求查看留言给予回复形成留言回复信息表。
4总体设计
4.1网站的设计和功能模块
4.1.1网站的功能模块
根据需求分析，个人网站主要是建立网上的个人信息发布及管理平台，主要功能有以下几点：
（1） 用户可以浏览网站。
（2） 用户注册会员。
（3） 用户可以在线留言。
（4）发布新闻。
（5）发布图片。
（6）流量统计。
（7）管理员审核留言。
一般个人网站系统都具有上述功能。
3.1.1系统结构设计
以上是个人网站的功能，以下是系统功能结构图，如下图3.1所示。
图4.1系统功能模块结构图
4.1.2网站的流程图
网站的流程图如图4.2所示
图4.2个人网站流程图
前台主要是访客执行的一些操作，访客首先进入首页，浏览相关信息：
比如日志，相片，留言等页面。
后台主要是用户的一些管理操作，用户登陆成功后进行相关的管理操作，日志，图片的更新，评论留言的回复，页面的信息的更新，个人资料的修改等。
4.2数据库设计
4.2.1数据库的需求分析
用户的需求具体体现在各种信息的提供、保存、更新和查询方面，这就要求数据库结构能充分满足各种信息的输入和输出。
[11]通过网站的功能分析，针对一般的个人网站，总结出如下的需求信息：
个人网站主要有访客和个人网站管理者两个角色，个人网站管理者（用户）可以发表日志，上传相片，回复评论等
（1）一个用户拥有多个日志，多个相片，多条留言
（2）一篇日志拥有多条评论，
经过对上述的系统的功能的分析和需求总结，设计以下数据项：
（1）用户信息包括：
用户名，密码
（2）日志信息包括：
日志名称，日志类别，日志内容，发表时间
（3）相片信息包括：
相片名称，上传时间
（4）留言信息包括：
留言内容，留言名称，留言时间
4.2.2数据库概念结构设计
由上面的数据项，可以设计出能够满足用户需求的各种实体，以及它们之间的关系，这后面的逻辑结构设计打下基础。
这些实体包含各种具体信息，通过相互之间的作用形成数据的流动。
“数据库系统是基于某种数据模型的，是对现实世界进行抽象得到的。
即E-R图来描述现实世界的概念模型”[12]。
E-R图是直观表示概念模型的工具，它有四个基本成分：
□：
矩形框，表示实体类型（考虑问题的对象）。
◆：
菱形框，表示联系类型（实体间的联系）。
〇：
椭圆形框，表示实体类型和联系类型的属性。
对于关键码的属性，在属性名下划一横线。
—：
直线，联系类型与其涉及的实体类型之间以直线连接。
本网站的整体E-R图如下图4.3所示：
图4.3个人网站的整体E-R图
4.2.3数据库表的设计
从上面的流程，我们可以看出该系统中我们需要用到一下几个表：
（1）系统管理员表AdminUser
用于存储系统管理员的信息，包括：
用户ID、用户名、密码、姓名、Email、电话、地址，其中用户ID为该表的主键。
如表4-4所示。
表4-4系统管理员表
（2）日志文章表Article
用于存储日志文章的相关信息，包括：
ID，文章类型、标题、内容、作者、发表时间、是否有图片、图片，其中ID为该表的主键。
它的设计视图如表4-5所示。
表4-5日志文章表
（3）图片文章表ArticlePhoto,如表4-6所示。
表4-6图片文章表
（4）日志分类表ColumnType，如表4-7所示。
表4-7日记分类表
（5）普通用户表commonuser，如表4-8所示。
表4-8普通用户表
（6）留言信息表guestInfo，如表所示4-9所示。
表4-9留言信息表
（7）相册信息表Photo，如表4-10所示。
表4-10相册信息表
（8）访问量表，如表4-11所示。
表4-11访问量表
（9）友情链接表，如表4-12所示。
表4-12友情链接表
4.2.4数据库的完整性和安全性
“数据库的完整性是指数据的正确性和相容性。
是为了防止数据库中存在不符合语义的数据，也就是防止数据库中存在不正确的数据。
”[13]完整性检查和控制的防范对象是不合语义的，不正确的数据，防止他人进入数据库。
数据库完整性约束主要包括以下三方面要求：
1.实体完整性；2.参照完整性；3.用户定义的完整性。
“数据库的安全性是保护数据库防止恶意的破坏和非法的存取。
安全性控制的防范对象是非法用户和非法操作，防止他们对数据库数据的非法存取”[14]。
本网站中访客只能浏览用户的日志，图片，资料，留言，不可更改和窃取用户的私要。
管理个人网站的信息，用户需要通过登陆窗口安全登陆才能进入管理页面，进行相关的管理，更改。
5详细设计与实现
5.1首页设计
在任何WEB站点上，主页总是最重要的页面。
不仅因为它会有比其他页面更大的访问量，还有它就是一个门的门面；有很多形象的比喻可以说明主页的作用：
主页是杂志的封面；主页是对外的脸面；主页是一件艺术品等等。
所以首页也从不同角度反映了该网站的特点。
主页是多样的，作者的目的也是多样的。
我们的设计要重点突出一目了然，彰显个性。
在网页设计中，对于布局最基本的要求就是要考虑用户的方便程度并能明确地传达信息，要凸现网页设计的够成要素，在开始设计之前，首先要明确这个网站的目的，目标是什么，接着就是要明确制作的每个网页页面所要说明的是什么。
在布局时，我们应该考虑醒目性，可读性，明快性。
造型性创造性等要素，按照这些要求我们在大脑已经有了雏形，本系统的首页如图4-1所示。
图5.1个人网站首页
首先，我们看到首页是由用户自定义控件、站点地图、非母版页组成。
5.1.1母版页
在该系统中，母版有两个分别为MasterPage3Column.master和MasterPage2Column.master。
如图5.1，5.2所示。
图5.1MasterPage3Column.master页面
图5.2MasterPage3Column.master页面
两个母版页都有两个自定义控件和一个站点地图，两个控件分别为top.ascx和left.ascx控件。
站点地图是Web.Sitemap，在该系统中有且只有一个。
5.2个人简介
如图5.3所示。
图5.3个人简介
如果显示的个人信息，我们看一下源码：
获取个人信息代码，包括ＩＤ、姓名、性别、QQ、邮箱、地址、电话、图片和说明。
SqlDataSourceID="SqlDataSource1"runat="server"ConnectionString="<%$ConnectionStrings:
PersonwebConnectionString%>"
SelectCommand="SELECT[PersonId],[Name],[Sex],[QQ],[Email],[Address],[Tel],[imageURL],[note]FROM[myself]WHERE（[PersonId]=@PersonId）">
ParameterDefaultValue="1"Name="PersonId"Type="Int32"/>
SqlDataSource>
5.3日志文章
如图5.4所示
图5.4日志文章
一下是实现
升级会员 