个人网站制作毕业设计(论文)

毕业设计（论文）报告 题 目 个人网站制作 系 别 软件与服务外包学院 专 业 软件技术 班 级 软件 1002 学生姓名 丁 伟 学 号 100100459 指导教师 陈晓男 2013年 4 月 无锡科技职业学院毕业设计（论文） 个人网站制作 i 个人网站制作 摘要： 随着经济社会的发展，计算机已被应用到社会生活的各个领域。与此同时，互联网作 为信息技术的通信桥梁连接着全球的计算机，而网站作为网络信息主要的表现形式而且还是互联网信息的主要承载者，在 表现出其及其重要的地位，并发挥着其及其重要的作用。无论是在国内还是国外都得以迅速的发展和壮大，并被人们重视和关注。互联网已经彻底的改变了世界，互联网的世界里蕴藏着无限的可能，在这种情况下，各行各业及其个人、单位、工厂、企事业等等在网上构筑属于自己的网络信息平台，保护自己的网络资源并在互联网上开辟自己的市场和消费群体，以及构造自己的数字化世界和加强全球范围内不同地域的人们联系交流等等活动 也就显的日益重要。于是各种各样的网站便如雨后春笋般地出现鱼龙混杂且良莠不齐。 日益兴起和以网页为载体的网络信息的广泛传播和应用，使得网站的建设及网页制作得到发展的空间，大至大型企业的产品推销、售后服务、解决方案，小至个人 面开发，形形色色，五彩缤纷，网站建设和网页制作也成为计算机网络领域最热门的话题。 论文论述了系统的开发背景和设计目标，并对系统开发所采用的技术进行相应的简单介绍。在系统分析中，对系统的模型进行简单分析，明确系统的操作流程，并对系统进行可行性分析，确定在目前的条件下，开 发留言板信息管理系统是可行的。在需求分析结果的基础上，对系统的功能模块进行划分。接着对系统中的数据库进行模型设计，包括数据流图、实体联系图及数据表结构。本文以个人网站建设为例，系统介绍网站的需求、系统分析及设计方案，最终并给出 关键词： 留言板、互联网、日志 无锡科技职业学院毕业设计（论文） 个人网站制作 to of At as a to as of to at or to s in of on to to to up of so So a of as eb by of eb of in In SP of in of of of to In of to of of to is At of of of 锡科技职业学院毕业设计（论文） 个人网站制作 In as an SP 锡科技职业学院毕业设计（论文） 个人网站制作 录 前言 . 1 第一章 文献综述 . 2 . 2 . 3 . 3 . 4 . 4 第二章 设计部分 . 5 . 5 . 6 . 6 . 6 . 6 . 6 . 6 . 7 . 7 . 7 组件介绍 . 8 . 8 简要介绍 . 10 . 10 简要介绍 . 11 . 11 . 14 . 14 . 14 回复表 . 15 . 16 . 16 言板 . 17 第三章 结果与讨论 . 18 人简介版块 . 18 的论坛版块 . 18 示评论功能 . 18 表评论与回复评论功能 . 20 理员登录功能 . 20 理功能 . 21 人专题版块 . 22 学欣赏 . 22 无锡科技职业学院毕业设计（论文） 个人网站制作 v 乐音乐 . 23 的相册版 块 . 23 站说明版块 . 24 我留言版块 . 25 言板主界面 . 25 言界面 . 25 看留言界面 . 26 接数据库 . 27 送邮件版 块 . 27 接百度版块 . 28 . 29 站的风格是否统一 . 29 站链接稳定性测试 . 29 据库测试 . 30 第四章 总结 . 31 致谢 . 32 参考文献 . 33 无锡科技职业学院毕业设计（论文） 个人网站制作 1 前言 随着经济社会的发展，计算机已被应用到社会生活的各个领域。与此同时，互联网作为信息技术的通信桥梁连接着全球的计算机，而网站作为网络信息主要的表现形式而且还是互联网信息的主要承载者，在 发挥着其及其重要的作用。无论是在国内还是国外都得以迅速的发展和壮大，并被人们重视和关注。互联网已经彻底的改变了世界，互联网的世界里蕴藏着无限的可能，在这种情况下，各行各业及其个人、单位、工厂 、企事业等等在网上构筑属于自己的网络信息平台，保护自己的网络资源并在互联网上开辟自己的市场和消费群体，以及构造自己的数字化世界和加强全球范围内不同地域的人们联系交流等等活动也就显的日益重要。于是各种各样的网站便如雨后春笋般地出现鱼龙混杂且良莠不齐。 日益兴起和以网页为载体的网络信息的广泛传播和应用，使得网站的建设及网页制作得到发展的空间，大至大型企业的产品推销、售后服务、解决方案，小至个人 面开发，形形色色，五彩缤纷，网站建设和网页制作也成为计算机网络领域最热门的话题。 论文论述了系统 的开发背景和设计目标，并对系统开发所采用的技术进行相应的简单介绍。在系统分析中，对系统的模型进行简单分析，明确系统的操作流程，并对系统进行可行性分析，确定在目前的条件下，开发留言板信息管理系统是可行的。在需求分析结果的基础上，对系统的功能模块进行划分。接着对系统中的数据库进行模型设计，包括数据流图、实体联系图及数据表结构。本文以个人网站建设为例，系统介绍网站的需求、系统分析及设计方案，最终并给出 无锡科技职业学院毕业设计（论文） 个人网站制作 2 第一章 文献综述 互联网是社会发展的必然趋势， 很多人已经意识到网络的强大生命力和它在未 来将处于的重要地位。他们钻研并且努力进入到这一个新的空间，新的领域。以个人为中心，淡化了传统中心地位，使得我们的世界向多元化加速发展，人人都有话语权，人人都是中心。 互联网是一个互动性极强的平台，它自由、宽容、平等、共享，并使来自民间的声音参与到了构建主流话语的行动中来。 计算机技术的发展，特别是网络技术的飞速发展，给文档的保存和管理提供极大的方便 1。本论文中，将软件工程的基本原理和方法应用到整个网站系统，并对其进行需求分析，提出了解决问题的具体方法。在具体制作中，用 ， 数据库技术结合，用户在浏览器端可以随意查询自己需要的标本，这样提高了网页的互动性，使整个系统能更好的为用户服务。 速发展使得网站不再仅仅为企业或公司等大型结构所拥有，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在 个家庭甚至个人都可以拥有属于自己的网站，而在这其中，个人网站已经日渐普及，而且发展到今天，创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。 研究现状分析 伴随着社会的发展和科学的进步，上网成为越来越多人们的选择。随着互联网的飞速发展，有关网络的技术也层出不穷 2。如今互联网上的个人网站如雨后春笋般蓬勃发展，绚丽多彩的主页比比皆是。每个人都有发挥个人才能，挥洒自己个性的网上伊甸园。 在 站大全类网站又再一次达到顶峰。然而这个模式拷贝成功的网站却寥寥无几。而对于技术薄弱的个人网站来说，似乎网址类网站应该是一个很好的切入点。但是由于搜索的异军突起，网址类网站似乎变得可有可无。 网页实际是一个文件，他存放在世界某个角落的某一台计 算机中而这台计算机必须是与互联网相连的。网页经由网址（ 识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，无锡科技职业学院毕业设计（论文） 个人网站制作 3 然后再通过浏览器解释网页的内容，再展示到你的眼前。文字与图片是构成一个网页的两个最基本的元素。可以简单的理解为：文字，就是网页的内容，图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。网页实际 上只是一个纯文本文件，它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏缆器则对这些标记进行解 释并生成页面。 1理论研究基础 个人网 站 是由个别提供的一套集博客、文章、相册、日程、通讯录、链接、调查、留言板等诸多功能于一体的网络平台。个人网 站 的自由、开放精神，并使之更容易操作，更具个性需求，而不需要高深的技术 3。 它可以帮助个人进行全面的信息化，以多种形式达到对信息获取、组织、思考、表达、共享和交流的目的。以个人为中心，建立一个完全属于自己的可定制的个性化网络平台。来自文章的评论，留言板都可以很好的进行交流，倾听别人的声音。 2技术层面的支持 随着互联网的进一步发展与成 熟，网络的带宽进一步加阔，网络应用也越来越广泛。网页制作更是日新月异，层出不穷。涌现了很多琳琅满目的网站，使得整个互联网多姿多彩。 在进行动态网页制作的时候，通常都是使用 于 用方便，操作简单，很多网页设计者一直使用 成在 脚本语言中，其工作界面简单，因此， 学易用，是网页制作初学者的入门软件。同时配合数据库的操作，使个人网站具有更好的网络平台和交互性。 中国互联网在近几年发展迅猛。一方面，产生了一批依赖技 术领先的互联网公司，取得了成功；另一方面，互联网技术逐渐走向普及，使得行业进入门槛正在降低 4。在这里面出现了大量的个人网站。并且个人网站存在着巨大的商业价值。如果能以强大的号召力，把互补的个人网站联合起来，不知道可以成立多少个门户网站。我们有理由相信，个人网站还极具潜力。 无锡科技职业学院毕业设计（论文） 个人网站制作 4 随着 迅速普及，我们已经不再满足于仅仅浏览网页，而是希望更深入地参预到网络中去， 开放性使个人建立自己的网站成为可能，拥有自己的网站也越来越成为一种时尚，同时创建一个能充分体现自 我风格和特色的个人网站已经成为互联网用户的新追求。 我们更需要交 流， 相信交流能够促进我们不断的进步，并融合别人的长处；让我们多一些渠道倾听来自不同立场的声音；设想我们的网络，当每个人都拥有个人网页，不管是否在线，我们都可以跨越时间、空间进行交流，因为这个网页中拥有 我 所有的一切 ， 生活，见解，知识，思想；理想的状态是个人门户就是 每个人 的影子，他为 每个人 打点网络上的一切，很多志同道合的朋友会在这里和你相识相知。 互联网是社会发展的必然趋势， 很多人已经意识到网络的强大生命力和它在未来将处于 的重要地位 5。他们钻研并且努力进入到这一个新的空间，新的领域。其中包括你和我。 在我们的工作、日常生活中，能够拥有一个自己的网站，一个已经成为不少人的希望和骄傲。就这个课题的研究，因为是个人网站，所以我只是选择了自己擅长和喜爱的内容，在突出自己的风格和特点的同时，还应用了现在流行的网站设计技术和数据库技术。 无锡科技职业学院毕业设计（论文） 个人网站制作 5 第二章 设计部分 在 联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在 已成为个人、政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视 7。 越来越多的人希望能真正参预到互联网上，这就出现了越来越多的个人网站的设计以及推广的工作和任务。 就我个人而言，之所以在毕业设计的时候选择这个课题是因为我也想拥有自己的个人网站，在互联网上拥有自己的一席之地，从而真正的参与到网络中去，做网络新时代的主人，同时也希望自己喜欢和收藏的一些东西能够和网络一起分享，和互联网上的你一起分享。 我所制作的个人网站大体可分为以下几个功能： 1 搜索引擎： 根据浏 览者的要求，使用主页上的搜索引擎链接到百度，在整个 成信息的优化与提取。 2 论坛： 主要功能是网友和网站之间的交流平台，也是网友给版主提出意见的主要渠道。在论坛中用户可以发表意见，这些意见可以让所有人看到，也可以只让版主看到，版主和其他人可以针对留言的内容进行回复，只留给版主的留言只有版主能够回复，并且版主可以登录后台对留言进行管理，是否发表或删除。 3 发送电子邮件： 网友可以通过“联系我”利用 版主或其他人发送电子邮件。 4 精品收藏： 在其中展示我喜爱的东 西，包括电影、歌曲和一些优美的文章。奇文共欣赏，疑义相与析。我只想起到抛砖引玉的作用，让大家从中认识我和了解我，让一些美好的东西我们大家共同来欣赏。但我增加了管理权限，我以管理员的身份可以对加入的新内容进行管理，即允许加入和对其进行删除。 5 留言板： 无锡科技职业学院毕业设计（论文） 个人网站制作 6 是一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，和大家进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通。 计介绍 这次我所设计的课题正是互联网与个人生活之间的紧密联系的体现，个人的宣传网站，包括个人简介、论坛、个 人照片、个人专题等。在突出自己的风格和特点的同时，还应用了现在流行的网站设计技术和数据库技术。 户特征 用户人群：具有基本的计算机操作能力，熟知网络并能够在 游。 行环境 软件平台需要服务器上的操作系统为 P 为T 000 的 后是 T 000 8 的样现在的浏览器是微软一家独大，使用的浏览器是微软的站的数据库使用了同样是 据库，因为一个数据不是很庞大的个人网站没有必要使用 时用起来比较简单好用。 语说明 一： 放式数据库互连 8 二： 人网页 三： 据处理 四： 务处理 五： 000：数据库 六： 动服务器网页 七： 文本标志语言 在明确了我的个人网站的风格和定位后，就是网站的材料组织以及网站的页面设计和数据库设计。网站最后完成发不到网上后，能够充分吸引浏览者的目光，利用搜索引擎，浏览者可以在网站内搜索自己喜欢的资料，并且可以在留言板和大家交流，在后台管理页面中，通过身份认证，管理员可以对网站信息进行管理。无锡科技职业学院毕业设计（论文） 个人网站制作 7 站内的其它页面均是我自己的精心收藏，与大家一起分享。 简要介绍 缩写，它是微软公司主推的 最新的版本是 面包含的 因而用户能够利用 T 置的安全特性， 建立强大、灵活而安全的 一个重要特性是支持 。 本以后引入了 以很容易的张贴动态内容和开发基于 (1)点击：【开始】 -【设置】 -【控制面板】 -【添加 /删除程序】，打开“添加 /删除程序”对话框。 (2)点击左边菜单栏中“添加 /删除 件”项，打开“ 件向导”对话框（这个过程可能要花几十秒钟），在对话框“组件”列表中，选中“ 息服务（ 项。 (3)将“ 000”安装盘放入光驱中，然后点击“下一步”。这个步骤可能会花几分钟。 (4)点击“完成”按钮 ，完成 据库 简要介绍 10。 一个数据库管理系统，它之所以被集成到 而不是 ，是因为它与其它的数据库管理系统（如 比更加简单易学，一个普通的计算机用户即可掌握并使用它。而且最重要的一点是， 以应付一般的数据管理及处理需要。 放式数据库互联）是微软推出的一种工业标准，一种开放的独立于厂商的 用程序接口，可以跨平台访问各种个人计算机、小型机以及主机系统 11。 为一个工业标准，绝大多数数据库厂商、大多数应用软件和工具软件厂商都为自己的产品提供了 口或提供了其中就包括常用的 然也包括无锡科技职业学院毕业设计（论文） 个人网站制作 8 了 式； 式； 式； 这三种访问方式对数据库的访问是由 完成的。 览器用 议向 息服务器（ 交请求。 以一个 12。在本程序中我使用的是第二种方式，即 组件介绍 我们在 务器运用 用程序进行的最常见和最实用的任务就是访问服务器端的数据库。而 件使得我们能够轻而易举地通过 问存储在服务器端的数据库或其他表格化数据结构中的信息。 是一种功能强大的数据访问编程模式，从而使得大部分数据源可编程的属性得以直接扩展到 面上 13。可以使用 编写紧凑简明的脚本便连接到 容的数据库和 B 兼容的数据源，这样 序员就可以访问任何与 容的数据库，包括 。 如果您是一个对数据库连接有一定了解的脚本编写人员，那将发现 令语句并不复杂而且容易掌握，同样地，如果您是一个经验丰富的数据库编程人员，将会正确认识 悉 据库编程的朋友会发现 某中类似的地方。但是据说 内存需要更小。 建 据库介绍 用 创建数据库，最简单的是通过它提供的的一个“向导”，在启动这个软件以后，建立数据库文件的操作。 下面是我利用“向导”来创建一份数据库文件的具体操作步骤： 据页和项目”单选按扭，然后单击“确定”按钮，无锡科技职业学院毕业设计（论文） 个人网站制作 9 若选择 话框中的“空 据库”单选项按钮，就会建立一个空的数据库了，数据库里面的信息需要手工来添加，若选择“打开已有文件”单选按钮则可以从下方的列表中选择打开已经存在的数据库。 建”对话框中，我们可以选择一个模板来快速建立数据库，我们就先选择个“定单管理”看看，然后单击“确定”按扭。 件新建数据库”对话框的功能是，指定数据文件名，以及保存它的文件夹。我们就以它的初始文件名“定单入口 1”吧，单击“创建”安扭后，新建的数据库文件就将被指定保存到 认的文件夹下了，或我们给它指定一个新的也行，这样一来，一份新的数据库就建立好了，屏幕上也将显示“数据库向导”对话框。 2“下一步”按钮。 据库向导”对话框 分为左右两部分，左边的窗口是用来选择“数据库中的表”，右边的窗口是用来选择“表中的字段”。选择好所需要的数据库中的表和表中的字段之后，就单击下一步按钮。 上“数据库向导”对话框是用来确定屏幕的显示样式，我们就采用标准样式吧，单击下一步按钮。 上“数据库向导”对话框是用来确定打印报表的样式的，我们可以选择如“组织”样式，然后单击下一步按钮。 上“数据库向导”对话框的作用是确定数据库的标题和是否在所有报表上加一幅图片，我们就先设定数据库的标题为“定单入口”，并不在所有报表上加图片，然后单 击下一步按钮。 击以上“数据库向导”对话框的“完成”按钮，就完成了创建数据库的工作了。 这个数据库在使用之前还会弹出“我的公司信息”对话框，当然，不同的模板是不相同的，象这个就是要求输入公司的名称和地址信息，如下图所示，关闭这个对话框，系统将自动保存信息。 闭“我的公司信息”对话框后，会弹出“主切换面板”对话框。位于“主切换面板”对话框后面的是“定单入口 1”窗体，通过这两个窗体即可对新创建的数据库进行各种操作了。 无论什么时候使用“数据库向导”新建数据库， 将自动无锡科技职业学院毕业设计（论文） 个人网站制作 10 新建一个切换面板，这个面板对浏览数据库都是很有帮助的，“切换面板”中有一些按钮，单击它们可以打开相应的窗体和报表，或打开其他窗体和报表的切换面板、退出 自定义切换面。 简要介绍 服务器端脚本编写环境，使用它可以创建和运行动态、交互的 务器应用程序。使用 以组合 、 本命令等，以创建交互的 和基于 功 能强大的应用程序 14。 由于脚本程序是在服务器上而不是在客户端运行，传送到浏览器上的 是在 务器上生成的。所以不必担心浏览器能否处理脚本： 务器已经完成了所有脚本的处理，并将标准的 面传输到浏览器。由于只有脚本的结果返回到浏览器，所以服务器端脚本不易被别人复制。用户看不到创建他们正在浏览的页的脚本命令。 1： 2： 3： 件， 文件后缀名为 区别于同样可以包含 件。一个 可以包括下列元素的任意组合： 本（ 令 不需要任何 存在文件中，起个好听的名字，文件名的后缀一定要改为 然后上传到服务器上一个有执行权的 目录下（例如 接下来的问题是，怎么执行这个序。 问数据库的原理 用来产生和执行动态的高性能的 用户使用浏览器请求 用 文） 个人网站制作 11 行 解释其中的脚本语言（ 通过 数据库访问组件 成数据库操作，最后15。 简要介绍 用来产生和执行动态的高性能的 用户使用浏览器请求 用 解释其中的脚本语言（ 通过 数据库访问组件 成数据库操作，最后15。 务概述 随着计算机的普及和网络技术的迅速发展，人们也越来越依赖于计 算机和网络。因此，网络安全应该也必须引起注意。网络安全是一门涉及计算机、网络、通讯、密码、信息安全、应用数学、数论、信息论等多种学科的综合性学科，涉及面极广，而且不断更新和发展。 该个人网站系统是 基于 术，建立以结构模式、以数据库为后台核心应用、以服务为目的信息平台 ，对资源进行科学的加工整序和管理维护，为 用户 提供 个人 信息保障 和直接参预到互联网上而设计的系统。 包括界面设计 ,代码设计 ,这一阶段偏重于网页制作工具和技巧的应用 , 编写总 系 统总体功能分析及架构图。 一 个人简介： 介绍版主的一些基本信息，希望各位访客能够认识版主。 二 我的论坛： 此版块又分为主页、发表意见、回复意见、显示论坛内容、版主后台管理以及版主的回复界面。其中发表意见界面是所有访客都可以在论坛里面发表自己的意见，这些意见可以是发表给所有的访客，也可以是只发表给版主，如果只发表给版主，只有版主可以看到和回复；回复意见是所有访客针对自己感兴趣的话题进行回复；这些发表的意见和回复可以在显示论坛内容的界面都显示出来，供大家讨论；那些只有版主才能看到的信息在版主的管理界面， 这个界面需要登录，无锡科技职业学院毕业设计（论文） 个人网站制作 12 设有用户名和密码，在这里版主可以对所有评论进行发表或删除的管理。 图 2论坛功能图 1 个人专题： 这里收录了我平时搜集的一些文章和音乐，各位访客可以根据自己的喜好进行阅览。 2 我的相册： 在这个板块可以看到我的照片，班级照片和搜集的校园照片，如果大家喜欢可以收藏。更改照片的时候只要更新数据库就可以了。 3 网站说明： 里面是我对整个网站的介绍，不太清楚网站构架的访客可以先到这里。 4 给我留言： 这是每位访客针对我的网站情况 给我留言，这些留言会直接保存到数据库里面，并且能够轻松的读取。 用户 管理员 登录 评论 管理 发表 无锡科技职业学院毕业设计（论文） 个人网站制作 13 图 2留言板功能图 5 发送邮件： 各位访客可以通过 6 链接百度： 如果访客想在互联网上查找东西，可以直接点击这里。 图 2网站的各个模块 用户 留言 显示 发表 个人简介 个人专题 链接百度 我的相册 网站说明 个性花园 网友 文学欣赏 给我留言 我的论坛 发送邮件 快乐音乐 衣服 饰品 我的照片 我的班级 美丽校园 无锡科技职业学院毕业设计（论文） 个人网站制作 14 据库结构设计 坛管理员登录 表 2管理员登录 字段名称 数据类型 字段大小 允许空 说明 动编号 长整 型 否 无 本 50 否 无 本 50 否 无 1 表的说明 此表是用来论坛管理员登录的，共分为三个字段，其中 据类型是自动编号， 段分别用来存放管理员的登录名和密码，数据类型文本。 2限制条件 在论坛管理员登录时，只有正确输入此表中的用户名和密码才能够登录到管理界面，才有权对论坛里面的内容进行删除，否则只能 坛发言 表 2论坛发言表 字段名称 数据类型 字段大小 允许空 说明 动编号 长整型 自动编号 期 /时间 是 留言时间 本 50