个人网站的设计与实现

个人网站的设计与实现摘要：论文论述了系统的开发背景和设计目标，并对系统开发所采用的技术进行相应的简单介绍。在系统分析中，对系统的模型进行简单分析，明确系统的操作流程，并对系统进行可行性分析，确定在目前的条件下，开发系统是可行的。在需求分析结果的基础上，对系统的功能模块进行划分。接着对系统中的数据库进行模型设计，包括数据流图及数据表结构。本文以个人网站建设为例，系统介绍网站的需求、系统分析及设计方案，最终给出PHP技术实现网站的过程。关键词：留言板，互联网，相册1绪论1.1我国网络发展现状2010年7月15日，中国互联网络信息中心（CNNIC）发布了《第26次中国互联网络发展状况统计报告》。《报告》数据显示，截至2010年6月，中国网民规模达到4.2亿，突破了4亿关口，较2009年底增加3600万人；互联网普及率攀升至31.8%，较2009年底提高2.9个百分点。家庭宽带上网网民规模达到36381万人，使用电脑上网的群体中宽带普及率已经达到98.1%。我国手机网民规模为2.77亿，半年新增手机网民达4334万，增幅为18.6%，其中只使用手机上网的网民占整体网民比例提升至11.7%。农村网民规模达到11508万，占整体网民的27.4%，半年增长7.7%。2011年1月15日，中国互联网络信息中心（CNNIC）发布了《第27次中国互联网络发展状况统计报告》。《报告》数据显示，截至2010年12月，中国网民规模达到4.85亿，较2010年底增加3770万人；互联网普及率攀升至34.3%，较2010年底提高2.5个百分点。宽带网民规模为4.5亿，有线（固网）用户中的宽带普及率达到98.3%。我国手机网民规模达3.03亿，较2009年底增加了6930万人。手机网民在总体网民中的比例进一步提高，从2009年末的60.8%提升至66.2%。农村网民规模达到1.25亿，占整体网民的27.3%，同比增长16.9%。IT技术快速的发展，网页已经从WEB1.0时代发展到了WEB2.0，WEB2.0是一种更先进的理念，能更大程度的满足当下用户所谓需求。WEB2.0的大趋势不可逆转，互联网正经历一次新秩序的建立。WEB2.0的先进理念有：1、更加开放、平等、协作、共享、精准。2、能充分展现个人才华，集结群众智慧、广泛获取信息、提高办事效率。3、市场更加细分、网络更加社会化、资源更加优化配置，大家都有更多成功的机会。归根到底，用户需求变化推进互联网的发展。首先，在WEB2.0时代信息爆炸的情况下，用户希望获得的信息更加精准；其次，希望提高使用互联网的效率或者效果；第三，希望能够按照自己的习惯和方式来使用互联网服务。综上所述，学习一种适应WEB2.0理念的动态网页开发技术不论是在目前的WEB开发应用领域还是将来互联网的发展中都是十分有帮助的。所谓WEB2.0，并没有什么明确的定义，一般来说WEB2.0是相对WEB1.0的新一类互联网应用的统称。Web2.0是一个新生的术语，它更注重用户的交互作用，用户既是网站内容的消费者，也是网站内容的制造者。也有人生动的将WEB2.0称作“大众的新智慧”，即利用网络来发掘大众的智慧。还有很多这种概念的支持者认为WEB2.0服务将取代传统桌面计算机应用。1.2开发环境和工具的介绍在进行个人网站建站之前，首先介绍一下我搭建的系统平台环境和开发工具。在此次设计中我采用了如下的开发坏境和工具：Windows7操作系统，Mysql数据库，dreamweaver。1.2.1Dreamweaver简介Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver具有以下两个优势：（1）制作效率Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dreamweaver能与您喜爱的设计工具，如PlaybackFlash，Shockwave和外挂模组等搭配，不需离开Dreamweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。（2）网站管理使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名Dreamweaver会自动更新所有连结。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。（3）控制能力Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver还支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。梦幻样版和XMLDreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。您也可以使用样版正确地输入或输出XML内容。全方位的呈现利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于cascadingstylesheets的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时，只要从Dreamweaver的网站在下载它的描述档，便可得知详尽的成效报告。1.2.2Mysql简介MySQL是一个小型关系型数据库管理系统，开发者为瑞典MySQLAB公司。在2008年1月16号被Sun公司收购。而2009年，SUN又被Oracle收购。MySQL是一种关联数据库管理系统，关联数据库将数据保存在不同的表中，而不是将所有数据放在一个大仓库内。这样就增加了速度并提高了灵活性。MySQL的SQL“结构化查询语言”。SQL是用于访问数据库的最常用标准化语言。MySQL软件采用了GPL（GNU通用公共许可证）。由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，许多中小型网站为了降低网站总体拥有成本而选择了MySQL作为网站数据库。由于MySQL是开放源码软件，因此可以大大降低总体拥有成本。1.3个人网站研究的目的和意义在飞速发展的21世纪，随着Internet的迅速普及，在你的身边已经有了各种各让的网站，腾讯微薄，新浪微博，qq空间，人人网等。现在的我们已经不再满足于仅仅浏览网页，而是希望更深入地参预到网络中去，随着各种技术的不断发展和更新，我们也拥有了建立个人网站的知识，同时Internet的开放性使建立属于自己的网站成为一种可能，拥有自己的网站也越来越成为一种时尚，因为这个网页中会包含很多我的个人信息，我可以在网页上写出自己的心情，写下身边一些有趣的事和朋友们分享，贴上自己喜欢的照片。在业余时间，很多人都喜欢看电影，现在也有很多电影网站，比如优酷、土豆、迅雷，但是当你看过之后你一定会发现，目前为止都没有一个专门介绍电影的网站，我未来的目标就是创建这样一个网站，让那些志同道合的朋友在选择电影时有一个参考，所以我选这个课题一是为了完成创建个人网站的梦想，二是为将来的网站创建打下一个基础。1.4本章小结本章先是讲述了我国目前网络发展状况，让读者对形势有一个总体了解，然后介绍一下个人网站设计过程中用到的工具，还有开发环境，最后讲述了本次课题选取的目的和意义。2需求分析2.1概述需求分析最根本的任务是确定“系统需要具有哪些功能,才可以满足用户的需求”。具体的说，应该确定系统必须具有的功能和性能，系统要求的运行环境，并且预测系统发展的前景。必须要对系统进行详细的分析，既要分析系统中的数据流，又要分析长期使用的资料储存。该阶段不是确定系统怎样完成它的工作，而仅仅是确定系统必须完成哪些工作，也就是对目标系统提出完整、准确、清晰、具体的要求。2.2个人网站的问题定义与可行性分析一般情况下，架设个人网站主要是为了通过互联网表达个人在商业、科技、交际、生活等方面的信息需求或者进行信息的交流，具有较强的目的性，我的个人网站主要是为了展示自我，同时附带电影介绍功能。提供帮助给他人的同时，和一些现实中没机会接触到的人交个朋友也是我的目标之一。2.2.1个人网站功能管理员可实现的操作有：登录，退出，修改密码；可以添加、更改、删除日志、音乐、游客的评论以及发表的留言，还可以对留言进行回复，游客可以查看日志，聆听音乐，在日志模块发表评论，在留言模块进行留言，在页面链接处可以转到google官方网页，可以查看相册。2.2.2可行性分析系统可行性分析主要从经济可行性、技术可行性和操作可行性三方面去分析。（1）经济可行性分析从系统的开发和效益关系上讲，该系统的开发不需要花费太多的经费，因为个人网站不涉及超大容量的文件存储和庞大的访问量，而且是毕业设计，开销不会很大。因此，从经济性分析是可行的。（2）技术可行性分析根据现有的技术设备条件，在技术上实现也是可行的。在设备方面，前期系统开发在本地端制作完成，只需通过ftp软件上传至服务器端即可，而软件开发所需条件相对较低，对于系统开发及运行环境均不造成任何困难。对于系统开发人员基本具备了计算机专业知识，有一定的编程基础，熟悉和掌握数据库及网络相关知识，具备开发条件。（3）操作可行性该系统操作上非常简单，对于用户来说，只要具备IE浏览器8版本以上通过域名搜索即可登录网站。2.3系统的总体设计毕业设计的目标是个人网站，因此网站中所包含的内容都是我所喜欢的，希望网站在访客浏览之后会留下一个良好的印象。运用的主要是现在流行的网站设计技术和数据库技术。网站的设计主要分为前台页面展示和后台在线管理平台两个部分。个人网站总设计如图2.1所示。图2.1个人网站总设计图留言板个人网站个人介绍日志音乐播放器留言及回复每天随笔链接google相册兄弟相册校园风光电影介绍评论及回复网友留言发送邮件2.4具体模块划分1.个人信息作为个人网站，网站管理员的相关信息无疑是首要的，因此这一模块被放在第一选项的位置。希望游客可以通过简短的介绍认识管理员，同时给游客留下一个良好的印象。2.我的日志管理员可以在此版块下对日志及发表的留言进行查看、更改、删除、回复等操作。游客可以进行查看、留言。具体流程图如图2.2所示。图2.2日志模块功能图3.相册在这个板块可以看到我上传的照片，照片内容主要都是关于朋友和学校的。还有我看过的大部分电影的海报及简单的文字介绍。4留言板此模块是用于访客在浏览我的网站之后进行留言，这些留言会直接保存到数据库里面，并且能够轻松的读取。图2.3留言板功能图5.发送邮件游客可以通过邮箱地址向我发送电子邮件。管理员登录管理评论访客发表访客发表留言邮件6.链接google如果访客想回到互联网上，可以直接点击这里。这里可能有的人会觉得此模块没有用处，仅以个人角度而言，我有很多次在浏览网站时突然想查阅相关资料，我设计这一模块就是为了避免游客繁琐的操作。2.5本