个人网站的设计与实现.doc

蝿聿肂葿袁羂莁蒈薁膇芇蒇蚃羀膃蒆螅膆聿薆袈罿莇薅薇螁芃薄蚀羇腿薃袂螀膅薂薂肅肁薁蚄袈莀薀螆肃芆薀衿袆膂虿薈肂肈蚈蚀袅莆蚇螃肀莂蚆羅袃芈蚅蚅膈膄节螇羁肀芁衿膇荿芀蕿罿芅荿蚁膅膁莈螄羈肇莈袆螁蒆莇蚆羆莂莆螈衿芇莅袀肄膃莄薀袇聿莃蚂肃莈蒂螅袅芄蒂袇肁膀蒁薆袄肆蒀蝿聿肂葿袁羂莁蒈薁膇芇蒇蚃羀膃蒆螅膆聿薆袈罿莇薅薇螁芃薄蚀羇腿薃袂螀膅薂薂肅肁薁蚄袈莀薀螆肃芆薀衿袆膂虿薈肂肈蚈蚀袅莆蚇螃肀莂蚆羅袃芈蚅蚅膈膄节螇羁肀芁衿膇荿芀蕿罿芅荿蚁膅膁莈螄羈肇莈袆螁蒆莇蚆羆莂莆螈衿芇莅袀肄膃莄薀袇聿莃蚂肃莈蒂螅袅芄蒂袇肁膀蒁薆袄肆蒀蝿聿肂葿袁羂莁蒈薁膇芇蒇蚃羀膃蒆螅膆聿薆袈罿莇薅薇螁芃薄蚀羇腿薃袂螀膅薂薂肅肁薁蚄袈莀薀螆肃芆薀衿袆膂虿薈肂肈蚈蚀袅莆蚇螃肀莂蚆羅袃芈蚅蚅膈膄节螇羁肀芁衿膇荿芀蕿罿芅荿蚁膅膁莈螄羈肇莈袆螁蒆莇蚆羆莂莆螈衿芇莅袀肄膃莄薀袇聿莃蚂肃莈蒂螅袅芄蒂袇肁膀蒁薆袄肆蒀蝿聿肂葿袁羂莁蒈薁膇芇蒇蚃羀膃蒆螅膆聿薆袈罿莇薅薇螁芃薄蚀羇腿薃袂螀膅薂薂肅肁薁蚄袈莀薀螆肃芆薀衿袆膂虿薈肂肈蚈蚀袅莆蚇螃肀莂蚆羅袃芈蚅蚅膈膄节螇羁肀芁衿膇荿芀蕿罿芅荿蚁膅膁莈螄羈肇莈袆螁蒆莇蚆羆莂莆螈衿芇莅袀肄膃莄薀袇聿莃蚂肃莈 个人网站的设计与实现摘要：步入21世纪以后，网络成了我们生活中必不可少的元素，于是各种各样的网站便如雨后春笋般地出现。现在asp的发展也已经有好几年的历史了，走在前面的人也已经作了许许多多的工作，通过大家的努力asp技术是越来越完善了，功能也已经是越来越强大了，也已经是一个相当成熟的软件开发工具了，现有的出现，是从asp发展而来得。A的功能是比asp更为的强大，但是asp更受到初学者们的喜爱，因为它在容易上手方面有其独到的一面，本网站使用ASP语言和VBscript脚本语言实现，后台数据库选用office access 数据库，可以实行最基本的功能如，站内留言，站内写心情，以及文章人气统计的功能。关键词：IIS、ASP、Access、Dreamweaver第一章 绪论1.1 我国网络发展现状2010年1月15日，中国互联网络信息中心（CNNIC）发布了第25次中国互联网络发展状况统计报告（以下简称报告）。报告数据显示，截至2009年12月，我国网民规模已达3.84亿，互联网普及率进一步提升，达到28.9%。随着我国互联网普及率的逐年提高，互联网正在走进人们的工作与生活。CNNIC报告调查显示，在家和单位上网的网民比例在2009年有了明显的提高，有83.2%的网民选择在家上网，另有30.2%的网民选择在单位上网，互联网作为人们日常工具的价值正在日益提升。1.2 个人网站的目的当今的社会，随着科技的进步，时代的发展，计算机信息行业的逐步壮大，人们也越来越离不开各种各样的信息了，人们对信息的追求也越来越迫切了。因此计算机信息的发展也必须适应这一朝流。然而，现代社会的人们喜欢在网络上展现自己的个性，写出自己的心情，写下自己身边一些奇怪的事，在网络上粘贴自己个性的相片。制作自己个人的网站，有些用于商业目的，有些用于娱乐，但最终都是满足了自己的爱好，又可以学到自己需要的知识。个人网站设计是一种建立在新型媒体之上的新型设计，它与传统媒体相比有许多的不同，它在信息传播方面具有声、像、图、文、视觉、听觉、互动的特点，通过视觉传达各种各样的个性化信息，而且更新和修正较为快捷方便，可以在任何时间更新，而不受时间和地域的限制。1.3 个人网站开发环境在进行个人网站建站之前，首先介绍一下我搭建的系统平台环境和开发工具。由于本人从未接触过编程和网页制作的相关工作，没有经验，因此在此次设计中我采用了比较容易掌握且的Window XP+IIS+ASP的组合作为系统开发平台。1.3.1 IIS服务IIS是Internet Information Server的缩写，是由微软公司提供的基于运行Microsoft Windows的互联网基本服务。 IIS的一个重要特性是支持ASP。IIS 3.0版本以后引入了ASP，可以很容易的张贴动态内容和开发基于Web的应用程序。1.3.2 ASP及其特点ASP是Active Server Page的缩写，意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是.asp，现在常用于各种动态网站中。ASP作为一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序。ASP能够直观、简易地实现强大的Web应用程序，而且它具有开放性、易操作性、程序与外观分离等特点，加之集中了社会上优秀的地各类专业人员，使ASP业务有了更加广阔的发展空间。1.3.3 Access简介Access 是微软公司推出的基于Windows的桌面关系数据库管理系统（RDBMS，即Relational Database Management System），是Office系列应用软件之一。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。Access能够存取 Access/Jet、Microsoft SQL Server、Oracle，或者任何 ODBC 兼容数据库内的资料。1.3.4 Dreamweaver简述Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver具有最佳的制作效率、操作直观、简单易学、站点管理方便、无可比拟的控制能力等优势，但他同样存在着难以精确达到与浏览器完全一致的显示效果、页面原始代码难以控制等缺陷。第二章 需求分析2.1 概述需求分析最根本的任务是确定“为了满足客户的需要，系统必须做什么”。具体的说，应该确定系统必须具有的功能和性能，系统要求的运行环境，并且预测系统发展的前景。必须仔细分析系统中的资料，既要分析系统中的数据流，又要分析长期使用的资料储存。该阶段不是确定系统怎样完成它的工作，而仅仅是确定系统必须完成哪些工作，也就是对目标系统提出完整、准确、清晰、具体的要求。2.2 个人网站的问题定义与可行性分析通常情况下，架设个人网站主要是为了通过互联网表达个人在商业、科技、交际、生活等方面的信息需求或者进行信息的交流，具有较强的目的性，我的个人网站一般体现在：为了展示自己的风采，让大家和我一起分享我的心得与经验，让和我有共同爱好的朋友有一个倾诉的地方。2.2.1 功能定义（1）管理员权限：修改所有页面内容、增删改文章、管理评论、修改公告、修改管理员自身信息、编辑各页面栏目、添加删除图片、添加删除音乐、修改版权信息等。（2）浏览者权限：阅读所有页面内容、添加评论、添加留言、浏览文章、浏览图片、浏览音乐等。2.2.2 可行性分析系统可行性分析主要从经济可行性、技术可行性和操作可行性三方面去分析。（1）经济可行性分析从系统的开发和效益关系上讲，采用asp这个可以开发出交互、高性能Web数据库应用的技术进行开发，效率较高。该系统的开发不需要花费太多的经费，只需在域名和服务器空间租用上有开销，因为个人网站不涉及超大容量的文件存储和庞大的访问量，因此对于服务器来讲，要求不会太高，开销不会很大。因此，从经济性分析是可行的。（2）技术可行性分析根据现有的技术设备条件，在技术上实现也是可行的。在设备方面，前期系统开发在本地端制作完成，只需通过ftp软件上传至服务器端即可，而软件开发所需条件相对较低，对于系统开发及运行环境均不造成任何困难。对于系统开发人员基本具备了计算机专业知识，有一定的编程基础，熟悉和掌握数据库及网络相关知识，具备开发条件。（3）操作可行性该系统操作上非常简单，对于用户来说，只要具备IE浏览器5.5版本以上即可通过域名搜索即可登录本站。2.3 个人网站整体要求2.3.1 功能要求（1）页面风格简洁明快，给人以较好的视觉印象。（2）用户浏览、操作均便捷，迅速。（3）用户权限、功能的设置要准确无误。2.3.2 系统性能要求在目前硬件设备条件下，要求处理程序的速度相对较快。因此，在程序设计阶段，优化代码，降低处理时间是需要考虑的问题。2.3.3 系统运行要求该系统是以ASP为环境，Access为后台数据库进行开发的，结合Web技术，实现一个给予Web的个人网站。（1）操作系统：用户端可为Windows系列任意操作系统，服务器端为基于NT技术的Win2000 Server/Advanced Server或Win2003/Advanced Server系统。（2）计算机：用户端使用普通PC，基本配置P3 1G以上，内存256MB以上，硬盘10G以上，分辨率800*600以上，集成显卡以上配置均可。开发环境为Pentium Dual-core 2.5G，内存2GB，分辨率1680*1050，显卡NVIDIA GF9600GT。（3）虚拟主机：独立web空间500M，数据库空间100M，月流量限制30GB，在线连接数100，瞬时带宽512Kb/s，主机系统Windows2003，在线绑定域名，FTP在线上传/管理，数据定期备份，硬件防火墙，Access数据库支持。2.3.4 关于未来需求由于系统开发时间较短，可能不是很完善，在运行过程中还会遇到一些问题，所以应在系统设计过程中对未来可能需要的扩充和修改做好准备，以便及时变更。第三章 网站的总体设计3.1.1 我的个人网站概况因为是个人网站，所以只是选择了自己擅长和喜爱的内容，在突出自己的风格和特点的同时，还应用了现在流行的网站设计技术和数据库技术。因此将网站设计分为前台页面展示平台和后台在线管理平台。3.1 .2个人网站体系结构和流程图本系统采用三层BS系统架构，管理员可以通过访问数据库进行数据修改，普通用户可以通过浏览器访问动态页面，HTTP/FTP作为传输协议，完成数据传输。系统架构图如下：虚拟主机数据库服务器FTPFTPHTTPHTTPInternetFTPFTPHTTPHTTP远端主控PC普通用户普通用户图3.1 系统构架系统流程图是描绘物理系统的传统工具，系统流程图表达的是信息在系统各个部件之间流动的情况，而不是对信息进行加工处理的控制过程。在进行可行性研究时需要了解和分析现有的系统，并以概括的形式表达对现有系统的认识。进入设计阶段以后应该把设想的新系统逻辑模型转变成物理模型，因此需要描绘未来的物理系统的概貌。综合上面的分析和设计，项目管理系统的系统流程图如下：事 物Internet数据库个人网站终 止图3.2系统流程网站结构图如下：用户通过输入网址登录主页。主页中包含管理员及注册用户登陆模块。普通用户浏览主页面或其它子页面，可以点击浏览详细内容，普通用户可对“留言板”可进行留言操作，对于“杂文”可加入评论。而管理员登录后，即可对各功能模块中的内容进行编辑、修改、甚至删除操作。如管理员未登录或退出登录，则于普通用户权限相同。浏览用户（不用登陆）管理员登录键入网址域名进入网站主页收藏音乐个人相册个人档案留言杂文写杂文提交留言图3.3 网站结构图第四章 数据库设计。 需要完成的部分第五章 功能模块设计。第六章 连接测试与维护以下为具体设计需要完成的部分，设计的要求前三章内已经大致说明，不再赘述。四六章要求如下：1、第四章 数据库设计：要有E-R图，要分别详细阐述数据库中每个表的组成，有表格形式的说明。2、第五章 功能模块设计：对每一个功能模块进行设计。要求每一个功能模块都具备：功能文字描述、流程图、实现代码、效果截图。3、第六章 连接测试与维护：如何安装配置IIS、Dreamweaver配置、测试；维护中应注意的问题、设计中遇到的问题及解决方案。细节问题要求：1、如图3.3所示，在主页进行管理员登录后，可对“个人档案”、“个人相册”、“收藏音乐”、“杂文”、“留言”进行增删改。而普通登录，只能查看以上信息，同时具备添加、回复“留言”和“杂文”回复的功能。2、在“留言”和“杂文”模块要具备按由最新至最远时间自动排序的功能，具备按人名或主题检索的功能。可以在文中添加表情。要求3月31日能够交付。（越快越好） 袅膇芈蚇袄艿蒄薃袃罿芆蕿袃膁薂蒅袂芄莅螃袁羃薀虿袀肆莃薅衿膈薈蒁羈芀莁螀羇羀膄蚆羇肂莀蚂羆芅节薈羅羄蒈蒄羄肇芁螂羃腿蒆蚈羂芁艿薄肁羁蒄蒀肁肃芇蝿肀芅蒃螅聿莈莅蚁肈肇薁薇蚄膀莄蒃蚄节蕿螂蚃羂莂蚈螂肄薈薄螁膆莀蒀螀荿膃袈蝿肈葿螄螈膁芁蚀螈芃蒇薆螇羃芀蒂螆肅蒅螁袅膇芈蚇袄艿蒄薃袃罿芆蕿袃膁薂蒅袂芄莅螃袁羃薀虿袀肆莃薅衿膈薈蒁羈芀莁螀羇羀膄蚆羇肂莀蚂羆芅节薈羅羄蒈蒄羄肇芁螂羃腿蒆蚈羂芁艿薄肁羁蒄蒀肁肃芇蝿肀芅蒃螅聿莈莅蚁肈肇薁