计算机专业毕业论文动态网站设计.doc

计算机专业毕业生论文(设计) 课题名称：动态网站设计 2007年 6 月目 录一、ASP 技术简介及特点41、ASP 的特点42、ASP 的语法和原理43、ASP 的内建对象54、ASP 与数据库的关系5二、基于ASP的新闻发布系统的开发平台及其原理5三、系统设计61、系统设计思想61.1 页面模块化61.2 新闻模板化62、系统的功能特点63、系统部分模块的详细设计74、数据库设计10四、建设基于ASP的新闻发布系统101、数据库设计112、 环境配置文件的设计113、样式设计124、过程和函数库的设计125、用户系统的设计13156、主页设计167、后台管理程序的设计168、网页美工设计17参考文献：17动态网站设计主题词: 网站建设； ASP 技术； 网页设计 摘 要: 该文针对目前Internet 的发展， 主要从基于ASP 动态新闻发布系统的设计与实现的角度， 介绍了关于ASP 技术建设网站的常用技术和方法， 文中以方法介绍， 适当插入关键代码。ASP 与Access 数据库的结合、网站结构与网页设计等方面讨论了动态新闻发布系统的开发。利用ASP 和ADO 技术开发的动态新闻发布系统， 是各个部门对新闻信息的管理及时、高效和提高工作效率的关键。本系统实现了新闻的录入、浏览、搜索， 编辑等基本功能。随着Internet 的发展，网络上建立了越来越多的高校动态网站，使网络继传统的广播、报纸、电视之后成为社会的第四媒体。目前比较流行的网络动态技术，有JSP、ASP、PHP 等多种。其中，ASP 以其使用简单、网络平台易于搭建和内置对象丰富等优势，成为本二级网站建设方案的首选。ASP(Active Server Pages) 是一种服务器应用程序环境，意为“活动服务器网页”。它是微软公司开发的代替CGI 脚本程序的一种应用程序，可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。使用它，一方面可以创建和运行动态交互的Web 服务器应用程序，便于日后通过Active X技术实现功能扩展，可以和类似SQL 的数据库进行挂接，开发者几乎可以使用所有的开发工具来组合HTML代码。另一方面，由微软公司出品的ASP ，在对Windows 系列的服务器兼容性上有着先天的优势，而且ASP 技术使用的VB Script 脚本语言用途广泛，简单易学，使网站的制作维护容易上手。这些脚本可以利用本地服务器或远程服务器上运行的组件来存取数据库、应用程序或处理信息。因此，ASP 可以直观、简易地实现强大的Web 应用程序。当发生页面请求时，系统可以动态地识别这种脚本制作的代码，并将结果及时传送到调用的客户端，供其在所使用的浏览器上浏览。一、ASP 技术简介及特点ASP即Microsoft Active Server Pages，其实是一套微软开发的服务器端脚本环境。Active Server Page 是创建动态网页的一个很好的工具，它起一种编程语言的作用，可以利用它编写动态产生HTML 的程序代码。因此，只要用户浏览Web 站点并请求一个ASP页，Web 服务器就可以处理相应的ASP 代码，生成HTML 代码，然后将它传递到用户浏览器并显示出网页。ASP 内含于IIS3。0 和4。0之中，通过ASP 我们可以结合HTML 网页、ASP 指令和ActiveX 元件建立动态、交互且高效的WEB 服务器应用程序。有了ASP 就不必担心客户的浏览器是否能运行所编写的代码，因为所有的程序都将在服务器端执行，包括所有嵌在普通HTML 中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。ASP 作为Microsof t 开发的动态网页语言，只能在微软公司的服务器产品中执行，如IIS ( Internet Information Server) (Windows N T/ 2000/ 2003)或者PWS ( Personal Web Server) (Windows 98 现已很少使用) 。通过ASP 结合HTML 代码、ASP指令和ActiveX 组件，可以建立动态、交互的Web服务器应用程序。1、ASP 的特点可以使用VBScript 、JavaS2cript 等脚本语言结合数据库开发网站应用程序。其中ActiveX 组件可以使用如VB、VC + + 之类的程序设计语言开发。ASP可以结合Dreamweaver 等流行的网页编辑软件，方便、快捷地进行可视化编辑。使用了中间层的理念。所有的脚本语言操作均在服务器端由IIS 解析，传到浏览器的仅是HTML 代码，保证了源代码的安全性。2、ASP 的语法和原理ASP 提供了在HTML中嵌套代码和使用Response 对象输出H TML 代码两种表达方式。考虑网站的后续维护，本二级网站使用了前一种方法。网站程序设计时以 作为ASP 代码的定界符，将要加入的代码写入其中。最后把文件保存为以1asp 为扩展名的文件，放入IIS 提供的虚拟环境后，即可通过浏览器访问。3、ASP 的内建对象ASP 提供了Application 、Session 、Request 、Response 和Server 等5 个内建对象。其中，Application 对象是一个应用程序级的对象，用于在所有用户之间共享信息(计数器程序) ；Session 对象被用于一个特定用户任务所需的信息，当一个用户访问Web 应用程序时，Session 类型的变量可以提供在该Web 应用的所有页面中共享数据(用户的权限审核) ；Request 对象用于从浏览器发往服务器的请求内的所有信息(用户信息的获取) ；Response 对象用于向客户端浏览器发送数据，用户可以使用该对象将服务器的数据用HTML的格式发送到用户端的浏览器上(动态新闻的显示) ；Server 对象提供的是对服务器信息的访问。4、ASP 与数据库的关系ASP 一个重要的功能，是通过ADO 组件访问数据库。当用户使用浏览器请求ASP 网页时，Web 服务器将调用ASP 引擎执行ASP 文件通过OL EDB 访问数据库，最后将查询到的内容输出到HTML 主页上。ASP 访问数据库的步骤，包括定义数据源、使用SQL 语言查询数据库和关闭数据库等。二、基于ASP的新闻发布系统的开发平台及其原理新闻发布系统是基于B/S( 浏览器/服务器) 模式的WEB 信息管理系统， 它采用了微软的ASP 作为开发平台， 服务器端脚本用VBScript 来编写， 客户端脚本JavaScript 来编写， 数据库使用ACCESS， 服务器是windows2000 Server+IIS。ASP 中的命令和Script 语句都是由服务器来解释执行的，执行结果产生动态生成的Web 页面并送到浏览器。ASP 文件的制作和HTML 类似， 利用ASP 将可以灵活的把执行的脚本嵌入到HTML 文件中， 使HTML 文件的编写与脚本的开发融合在一起。通过ASP 内置的对象、服务器组件ADO 访问相应的数据库系统可以完成非常复杂的任务。三、系统设计1、系统设计思想1.1 页面模块化本系统把一些常用的页面( 如页面的头部页面、尾部页面、连接数据库等文件) 集成模块， 当在其它页面有重复出现的这些部分， 只需集成的模块来组装就可以了。1.2 新闻模板化本系统在数据库中有新闻模板内容， 再输入新的新闻数据内容时用替换函数把模板相应的内容替换为输入的内容， 然后利用组件技术将替换后的代码写进文件中， 形成一个新的新闻文件， 而新闻文件的文件名是根据系统日期时间( 包括年月日时分秒) 来自动生成， 不会造成新闻文件出现同名的状况， 同时也能将时间信息在文件名上体现出来， 这也是本系统的特色之处， 其实现的函数关键代码如下:2、系统的功能特点 页面模块化: 系统界面的设计使用模块进行处理， 如把页面的头、尾页面内容， 数据库的连接等做成单独的文件， 在其它页面设计中需要时， 只要用就可以把相应的内容包括进去了， 这样有利于页面风格比较统一以及提高开发系统的效率。 新闻模板的应用: 本系统的新闻代码的生成是基于模块的， 更换新闻内容时只要将新闻的一些必要的信息( 如新闻的作者、标题、内容) 录入， 然后自动修改新闻模板， 再利用组件技术创建新闻文件。这样使得文件格式统一， 便于搜索， 同时对已录入新闻的处理( 包括审核、修改、删除) 将立即在主页的对应栏目显示出来， 达到即时发布、即时见效， 体现了新闻的时效性。 组件技术的使用: 本系统创建新闻时用了组件技术， 根据系统时间自动生成文件名， 然后利用IIS 自带组件进行新闻文件的创建和删除等。 新闻内容格式的转换: 在新闻录入时， 将网页格式的新闻内容保存到数据库中， 以便在新闻浏览中显示更多的信息。 功能完善， 管理方便: 功能方面包括对新闻录入、浏览、删除、修改、检索等各个方面， 完整地实现了网站对即时新闻的管理要求， 同时由于应用了模板， 对系统的管理维护非常方便。3、系统部分模块的详细设计系统的主要功能是通过几个功能模块来实现的。具体的设计过程如下: 系统登录: 该模块负责将用户分为普通用户和注册用户来实现用户权限的管理。 新闻查阅: 该模块负责分页列出网站所有新闻的信息，每条新闻的标题有相应的超链接， 点击后能跳转到具体发布新闻内容的页面。 新闻搜索: 该模块提供了新闻搜索功能， 主要是通过查询表及使用SQL 中的模糊查询语句， 输入搜索新闻的关键字即可快速地查找到符合条件的新闻。 新闻评论: 新闻评论是注册用户在阅读某条新闻时可以发表自己的看法， 供其它阅读者浏览参考。 新闻的管理: 管理员对该模块负责分页显示已登录的注册用户曾发布过且未删除的新闻信息， 注册用户可以对该条新闻进行删除、修改。只有系统管理员具有对发布的每一条新闻的处理权限。 新闻审核: 新闻添加后要经过审核才能发布， 有误之处可进行修改， 并能将某些不良新闻进行删除。 新闻栏目管理功能: 包括栏目的添加、修改和删除。添加功能的实现是通过获取栏目名称、路径然后通过文件组件生成相应文件夹并写进相应的数据表。修改只能修改栏目名称， 删除栏目的同时要把新闻文件夹与对应的记录一起删除。4、数据库设计数据库设计是指对于一个给定的应用环境， 构造最优的数据库模式， 建立数据库及其应用系统， 有效存储数据， 满足用户信息要求和处理要求， 它是信息资源管理最有效的手段。数据库结构设计的好坏将直接对应用系统的效率及实现效果产生影响。由于本系统有不同的用户， 所以在需求分析中就要考虑到不同用户的需求。对于普通用户和注册用户来说， 他们所关心的就是新闻的浏览、搜索和评论等信息。对于新闻管理员来说， 他们关心的是对新闻的栏目、新闻进行添加、修改、审核、删除。利用Microsoft Access作为本系统的后台数据库， 它使用方便， 数据储量也大， 比较适合中小型网站的数据库。四、建设基于ASP的新闻发布系统基于ASP技术构建的动态网站包括前台网页和后台管理平台两部分。前台是相对稳定的模块， 其数据来源主要是后台管理系统的数据输入；后台管理程序可以让用户远程管理前台显示的内容， 下面介绍关于动态网站设计的主要元素。1、数据库设计数据库设计是网站设计的基础部分，也是网站设计的关键，通常用Access、SQL、MYSQL 等， 以Access为例， 在数据库设计阶段， 要有关于网站的需求分析， 比如新闻发布、公告、下载、简介等， 每个栏目最好都有对应的表， 例如对应于文章发布的表可以设计为两个：表一：artart_id 序号， cat_id 分类号， art_title 文章标题， art_date 发布日期， art_poster 发布人或作者， art_type类型， art_form 来源， art_count 浏览计数， art_ content 文章内容， art_ keyword 关键字表二：a_catcat_id 分类编号， cat_name 分类名表一主要记录文章相关信息， 其中分类问题交由分类表二完成， 这样可以对文章进行分类管理。除了常用的文章表外， 一个网站系统可能还需要下载管理表、统计分析表、文件管理表、软件登记表、照片表、用户表、投票表、管理员表、友情链接表、动态新闻表等， 可以根据实际情况增加其他表。设计数据库还要考虑扩充性， 如文章发布表可能有其他需求， 另外单独设立与文章类似的版块， 这样可以增加文章表易名后备份留用。这一点很重要， 因为网站使用者的需求比设计初期要多。2、 环境配置文件的设计环境配置文件通常被命名为config。asp， 主要包括网站名称、网站域名、logo 的URL、E- mail、权限数据库路径和名称、版权、内容显示行数与格式， 颜色配置等。元素越多， 网站的机动性就越强。同时对于网站的安全也有很大的好处。设计的时候要设置打开的权限， 避免游客的非法侵入。3、样式设计样式是网站的统一风格， 既可以提高网站的效率， 又可美化网站， 包括一般字体设置、链接设置、BODY设置、Button 设置、Select 设置、Input 设置等。一个重要的技巧是设置样式类型， 例如：myclassfont- family:Verdana，Arial，Helvetica，sans- serif； font- size:8pt；color；#FF9A00。设计网页时可以用样式名myclass 直接进行个性化设置。4、过程和函数库的设计过程和函数库的设计与网站的设计可以同步， 根据实际需要增加或修改过程和函数。主页的需求往往更大一点， 可以为主页单独设计一个过程和函数库文件， 在主页驱动的开始包括进去。常用的过程和函数包括: 类型转换、汉字文本长度测定、类型判断、字符串格式化、HTML 转换、UBB 串转换、效果生成等。一个重要的技巧是将栏目过程和函数化， 即将一个版块写成一个过程或函数， 如下面的统计过程：新闻: 篇高增荣: ASP 构建新闻发布系统的方法动画: 首在实际的页面设计时， 只要就可以了。5、用户系统的设计建立一套有效的用户管理往往可以更有效地管理网站， 包括用户注册、用户登陆、用户权限管理、用户数据跟踪、用户增减管理等。例如以下用户表:user_id 编号，username 用户名， Cusername 中文名， password 密码， question 问题， answer 问题答案，Email电子邮箱， sex 性别， regdate 注册日期， loginIP 登陆IP， logintimes 登陆次数， Homepage 个人主页，QQ 号等。在用户表的基础上， 可以设计用户的注册、用户登陆、用户权限管理、用户数据跟踪、用户增减管理等一系列网页。例如登陆网页：function checkform()if(document。login。username。value=)alert(请输入用户名! )；document。login。username。focus()；return false；if( document。login。password。value=)alert(请输入密码! )；document。login。passeord。focus()；return false；注册用户登陆用户名称:用户密码: 与之对应的有userchklogin。asp， 用来检测登陆信息是否正确， 如正确则转到指定文件。具体代码略。6、主页设计主页设计包括logo、banner、menu、各版块、页脚等标准模块。版块划分中可以腾出部分区域用作广告或者宣传栏， 也可以放置一些精心设计的动画， 从而美化网页。作为网站的首页， 主页应该投入较多的精力和时间。最好的方法是先浏览相关的网站， 积累经验后再进行创作， 效果可能好些。用户密码: 7、后台管理程序的设计后台管理是网站内容的支撑， 其关键性技术在于能够处理上传的文字和图片资料， 并能分类管理。首先， 文字的上传应该尽量保证原有组织形式， 使用比较多的方法是UBB 算法， 可以将HTML 的代码以伪代码的形式保存， 浏览时解释为HTML， 具有较大的自由度。文件上传( 包括图片文件和压缩文件的上传) 可以借助FSO 组件等， 也可以使用无组件的方式上传一些小文件。后台管理往往采用框架结构， 分为菜单按钮区和管理区。实际上， 管理程序内核都比较相似， 都是关于数据库的操作， 包括删除、增加、修改等编辑操作， 只要数据库设计合理