计算机专业网页制作毕业论文

1、目 录摘要 1第一章 前言2第二章 asp 的概述3第三章 开发环境及需求 4一、 开发目的 4 二、 项目背景 4三、 开发环境 4四、动态网页开发的主流技术 4第四章 结构设计 5一、 数据库的搭建 5二、 数据字典 5三、 功能模块图 6第五章 功能设计 7一、 前台新闻显示 7二、 后台管理 7第六章 功能说明及实现 8一、 前台显示说明 8二、 后台新闻管理 12三、 数据库实现 14第七章 结论 17参考文献 致谢 18新闻发布系统基于web的个人网站新闻发布系统摘要随着宽带网络的普及和信息化建设的大潮，互联网已经逐渐成为我们生活的一部分，网页作为接触互联网的一个窗口，发挥了不可缺

2、少的作用。本设计目的是能够实现个人网站信息的发布及更新，不仅有简洁的前台显示，也有方便修改的后台。asp+access是中小型网站常用的开发软件组合，本网站也用到了这两者。利用access建立数据库，既方便修改也方便查找。网站可实现信息的发布，也能够实现游客与站长之间的交互。经过授权的用户可以通过web浏览器，以人机交互式的客户端程序实现对个人新闻的发布、管理。本系统是web站点的一个子系统，具有很好的外部接口，能够很好的配合站点的其它子系统服务于新闻发布。关键词：新闻显示栏目管理文章录入文章管理附件上传 文本留言作者：指导老师: abstractalong with the wide ban

3、d network popularization and the informationconstruction flood tide, the internet already gradually became a partwhich we lived, the homepage achievement contacts the internet awindow, has played the essential role. this design goal is can realizeindividual website information issue and the renewal,

4、 not only has thesuccinct onstage to demonstrate, also has the backstage which theconvenience revises. asp+access is the middle and small scale website commonly useddevelopment software combination, this website also used these two.using access establishment database, also facilitates revises alsofa

5、cilitates searches. the website may realize the information issue,also can realize between the tourist and stationmaster interactive.after the authorized user may through the web browser, by theman-machine interactive customer end procedure realization toindividual news issue, the management. this s

6、ystem is a web stand sub- system, has the very good exteriorconnection, can the very good coordinate stand other subsystems servethe news issue.keywords：news demonstration column management article input article management appendix passes on text messagewritten by wang dongqin supervised by tao wen中

7、图分类号：f251 文献标识码：a 第一章 前言网页设计作为用户界面交互设计的延伸，是在新的媒介的新的技术下实现的一个全新的设计创作领域。因此，设计创作网页还应遵循网页特有的背景特点的结构思路，具备实际操作的易用功能的外观设计的时尚与贴切。伴随着网络的出现，网页逐渐融入人们的生活。快速及时的新闻浏览，五彩缤纷的网上信息，使网络与人们的生活息息相关，于是世界上又出现了第三媒体internet。它打破了地域限制，真正使信息得以共享，改变了人们的工作和生活方式。制作网页是企业和个人的宣传自己的重要手段，同时也是学习者获取学习信息的重要手段。尤其是在教育领域，在素质教育与终身教育成为必然的今天，人们对

8、信息的需求有了更新，更高的要求，而网页由于本身所具有的信息量大，传递快速，没有时空限制等特点恰好满足这种要求。所以网页也逐渐成为一种新兴的教育资源。也正是由于网络实现网站的数据信息能够进行实时交互，保证网站数据的实时性。 目前，asp技术已风靡全球，个人建站、企业建站，各种基于b/s结构的管理系统都可以看到asp的身影。asp技术以其通俗易懂的编程方式，受到广大读者的青睐。而本文也是基于asp来建站。access是web站点部署的最常用的数据库，它与asp结合成为一个领域中、小型系统的经典组合。使用access时，无须编写任何代码，只需通过直观的可视化操作就可以完成大部分数据库管理任务；它是一

9、个面向对象的、采用事件驱动机制的关系型数据库管理系统；它可以通过odbc与其他数据库相连，实现数据交互，也可以与office家族的word、excel等办公软件进行数据交互，还可以在其中嵌入和链接声音、图象、视频等多媒体数据。随着internet的进一步发展,静态web站点的开发与维护变得越来越困难,一方面信息的不断增加和变化,使站点维护人员不得不经常修改他们的网页,特别是基于数据库驱动的web站点更是如此，随着internet上信息量的增多和交互性的加强使html显得越来越难以胜任。另一方面静态网页由于不能与浏览者进行有效交互,使人们感到越来越乏味,而不愿意再一次地进入同一站点。所以开发动态

10、网页或动态内容成了越来越多的站点所追求目标。所谓动态内容是由每一个用户按照自己的需求发出请求而特殊制作的web网页。网络发展前景无限，及早与网络结合，与信息时代同步，与高科技汇合，定会给社会各行各业的发展注入新鲜的活力。站在网络时代的前夜，我们清晰地听到了网络时代的宣言：谁掌握了网络，谁就掌握了未来。第二章 asp的概述asp(active sever pages)是微软公司推出的一个基于web服务器端的开发环境。它以良好的扩展性和兼容性、强大的交互能力和数据处理能力，迅速风靡全球，在internet上几乎处处都看到它的身影。目前市面上对asp技术的需求极其热切，几乎绝大部分的网站建设和企业的

11、信息管理系统都是采用asp技术。利用 asp 生成的网页，与html相比具有更大的灵活性。只要结构合理，一个 asp 页面就可以取代成千上万个网页。尽管 asp 在工作效率方面较之一些新技术要差，但胜在简单、直观、易学，是涉足网络编程的一条捷径。它具备一个服务器端的脚本执行环境，用它可产生和执行动态的、交互的、高性能的web服务器应用程序。html(hypertext mark-up language,超文本标记语言)是www日描述语言。设计html语言的目的是为了能把放在一台计算机中的文本或图形与另一台计算机中的文本或图形方便地联系在一起，形成有机的整体。客户端浏览动态网页时，会在服务器上执

12、行一些程序，由于执行程序时的条件不同，所以执行的结果会不同，因而最终传送到客户端浏览器中的内容也将有所不同，所以称为动态网页。active server的另一大优点是代码的安全性。页面的访问者所能看到的只是服务器方的处理结果。asp文件可以用常规的文本编辑器编辑， asp使用vbscript、javascript等脚本语言作为开发工具，镶嵌于html文本中，使用将asp的程序包含起来。当用户从浏览器向web服务器提出请求时，web服务器会自动将asp的程序解释为标准的html格式的主页内容，用户端只要使用常规可执行html程序的浏览器，就可浏览asp所设计的主页内容，因此与浏览器无关，并且保证

13、了asp的源程序代码不会外漏。asp中包括五个内置的activex服务器组件和五个内置的对象：database access component（数据库访问组件）、file access component（文件访问组件）、ad rotator component（广告轮播器组件）、content linking component（内容链接组件）、browser capabilities component（浏览器信组件）以及request（请求对象）、server（服务器对象）、session（会话对象）、response（响应对象）、application（应用程序对象）。在所有asp组

14、件中，最有用的是数据库访问组件，也称为activex数据对象或ado。在站点发布数据库将使用这个组件及其中包含的对象，以完成对odbc数据源的读写。此外，asp技术的另一个重要特点是，程序员可以利用java、visual basic、 visual c+等语言制作适应自己特殊需要的activex服务器组件来扩充asp的功能，使自己的动态网页几乎具有无限的扩充能力，这是传统的cgi程序所不及的。总而言之asp具有学习快、设计快的特点，不需花许多时间即可学会和快速设计出web应用程序。asp的源程序码在服务器端执行，代码保密性好。集成与html中，无需编译链接可直接执行，而且使用文本编辑器即可设计

15、。第三章 开发环境及需求一、开发目的随着计算机技术的发展，网络技术对我们生活和工作显得月来越重要，特别是现在信息高度发达的今天，人们对最新信息的需求和发布迫切的需要及时性。而动态交互式网页刚好提供了这些功能，本系统就是一个能够在网上实现新闻的网上多用户发布，多栏目管理。二、项目背景html作为一种样式语言，随着internet上信息量的增多和交互性的加强使html显得越来越难以胜任的情况之下，在asp编程语言高度发展的形式下，我们开始了对新闻发布系统的开发。三、开发环境1.硬件条件服务器两台，一台为数据库服务器，一台为web服务器；客户端计算机若干；网络通讯设备，主要包括交换机、网卡、集线器、

16、modem 等。2.系统平台采用browser/server体系结构，服务器端采用microsoft windows sever作为网络操作系统，web服务器软件采用iis6.0（internet information server）。客户端软件，包括单机操作系统和浏览器软件，分别选用windows xp和internet explorer，数据库系统采用microsoft access有利于方便操作。3.开发工具基于web的系统开发工具应使开发者使用各种各样的技术来创建动态的web应用程序，并且应是一个可视化的工具。我们采用了dreamweavermx进行开发，它是用来快速创建数据驱动we

17、b应用程序的基于团队的开发环境，支持asp，以odbc连接数据库，脚本语言为简单易学的javascript或vbscript。4.运行需求正常使用时不应出错，若运行时遇到不可恢复的系统错误，也必须保证数据完好无损，对数据的精确度、时间特性、适应性等都有一定要求，要求系统运行时能够保证正确性、可靠性、高效性、完整性、易使用性、可维护性、可测试性、复用性、安全保密性、可移植性、互联性。四、动态网页开发的主流技术静态网页内容经常以html缩写，在服务器端以.htm或.html文件存储。对于静态网页，服务器不执行任何程序。只是把html页面文件传给客户端浏览器直接进行解析工作。在静态网页上，也可以出现

18、各种动态的效果，如gif等格式的动画、滚动字幕等，这些动态效果只是视觉上的。第四章 结构设计一、 数据库的搭建数据只有用数据库来管理才能有自动化管理的可能。数据的结构将影响整个管理机制的应用，而且一但建立以后要修改常会出现麻烦。所以一开始就要仔细慎重地搭建一个完整而合理的结构。microsoft access数据库相对其它的数据库来说要简单容易操作些，本新闻发布系统中的数据库文件就是access类型的数据库，数据库中共有六张表如图4.1.1图4.1.1系统数据库数据库文件名用英语，方便编程。本系统与数据库建立连接的asp源代码可以参照后文。二、数据字典本系统的数据字典如下表4.2.1所示：字段

19、名名称类型用户名usernamechar用户密码passwordchar标题titlechar内容contentchar作者adminchar时间dateandtimedate网站地址weburlchar图片路径imgpathchar网站名称webnamechar网站标题webtitlechar管理员邮箱adminemailchar上传标记uploadflaginteger录入时间updatetimedate日期datedate表4.2.1三、功能模块图如图4.3.1图4.3.2第五章 功能设计一、前台新闻显示 前台新闻显示是指浏览者打开主页浏览到的页面，我们通常上网所浏览的就是网站的前台，如

20、，单击打开就是网易的页面，通常称它们为前台。它是浏览者浏览信息的平台。前台是可以根据网站的需要,进行各种方式的插入,自动更新，如显示栏目导航。使用新闻文章管理系统制作动态网页时,可在需要的地方插入相应的代码,即可以多种形式显示新闻文章的栏目或内容。例如：一级栏目列表、二级栏目列表、栏目导航列表、某一栏目的文章可任意调整。该系统也可经后继开发,使之生成js代码,在一个主机上维护新闻文章,在其他静态网页中插入代码后显示相应的新闻文章。本文的前台显示就是个人介绍、图片、音乐、日记等。是很经典的一个个人信息发布系统，不存在商业信息。通过前台的相应提示，点击即可以浏览其中的内容，听取其中的音乐。二、后台

21、管理所谓的后台是相对前台来说的，它一般由管理员来操作浏览及修改。后台其实就是一个用asp编写的网页，它的一些连接是前台，修改了它里面的内容，前台会随着修改，而不用去代码中修改，提高了效率的同时也方便那些不懂asp的管理者。它流行于许多的网站。1. 新闻栏目管理：增加,修改,删除一级,二级新闻文章栏目。2新闻文章添加：按不同栏目添加新闻文章、支持文本、htm格式或源代码显示、支持图片上传和附件上传。3新闻文章删除：删除旧的文章。4新闻文章删除：在后台管理系统中上传一些文章、上传图片等、在前台查询这些文章。5管理员管理：新闻管理系统的管理员设置。 后台的管理实现网站更新的方便快捷和实用，对于小型网

22、站编写后台要较大型网站要容易的多，因为大型网站考虑的内容及文件之间的关系要复杂的多。在编写大型网站后台一般要多人来进行，而且要分模块。第六章 功能说明及实现一、前台显示说明 （如图6.1.1所示）图6.1.1是前台进入页面显示。可以在地址栏中输入，/index.asp图6.1.1主要内容是显示“东晴工作室”，突出个人主页个性。画面简洁，很具亲和力。背景图片经过photoshop处理，把个人标志做上去，如“东晴工作室”。点击“进入”即可进入主页内容。（如下图6.1.2）图6.1.2图6.1.2是主页内容显示页面。1. 首页的顶部是导行栏，方便游客浏览。2. “我的介绍”，显示个

23、人信息。其它专栏分别显视各自内容。 3. 在导行栏下面的是信息内容，或者是显示目录，点击目录项可显示其内容。4. 信息内容可以从后台修改，也可从源代码中修改。5. “给我留言”一栏，可以实现游客和主人的交互。电击“我的音乐”进入图6.1.2此页面是“我的音乐”一栏，可以看到有目录项，点击相应歌曲名称便可以欣赏音乐了。例如，点击“心愿”页面如下图6.1.4和图6.1.5图6.1.4图6.1.5图6.1.6图6.1.6显示的是“我的照片”一栏。每页显视三张，有照片名称、简介，点放大图片可经放大图片。可以通过后台直接添加图片。图6.1.7图6.1.7显示的是“我的随笔”，可以看到的是，首先显示的是“

24、目录”，这样可以使网页简洁明了。点击日记标题可以浏览相应随笔内容。如图6.1.8：图6.1.8二、 后台新闻管理后台管理登陆页面如图6.2.1所示 图6.2.1测试登陆用户（check.asp）%er=0if session(username) and session(password) then call connectiondatabaseset rs=graters(select * from yuaner_admin,1)if not rs.eof thenif rs(password) session(password) or rs(username)session(username

25、) thener=1end if else er=1 end ifcall dbconnendelse er=1end ifif er=1 then response.write 对不起,你无权访问该页面! response.write 登录 response.endend if % %输入用户名和密码登陆后，系统进行检测，代码如下：若检测正确，则进入主页面。（图6.2.2）图6.2.2（登陆错误asp代码）若不正确，代码检测如下： 图6.2.2后台管理首页1. 关于管理（可参看图6.2.2）1.1 在后台主页中，选择“关于”。1.2 修改其中的内容，修改完成后点击“提交”就可以了。图6.2.

26、22. 音乐管理（图6.2.2）2.1 在后台主页中，选择“音乐”。2.2选择要修改的歌曲（如“喜欢你”），然后进行修改。2.3 填写好名称和歌词，在地址栏中输入歌曲地址（这里是从百度mp3中搜索得到）。2.4 从图中，可以看出，可以删除及新增加歌曲。图6.2.33. 相片管理（如图6.2.3）3.1 在后台主页中，选择“相片”。3.2选择要修改的“我的照片”，填写好相关信息。注意照片的名称与统一。其它类似修改。4退出则退出管理，进入主页面。三、数据库实现通过数据库，可以对网页中的文件进行修改和查找。本网站使用的是access制作。图6.3.1显示的是数据库的主目录。图6.3.1在给文件起名字

27、的时候，不仅要好记，而且最好要使用字母命名，这样有利于编程。图6.3.1是网页主要内容的数据，打开其中一个表格，如yuaner_about（图6.3.2）图6.3.1这个表其实就是后台管理中的“about”，可以修改其中的内容，然后保存。下面的是yuaner_music表中的内容。（图6.3.3）图6.3.3这个是“我的音乐”中的内容，修改相应的内容可以更新前台主页内容。表建好后，需要建立连接，实现的代码如下： 数据库的连接（conn.asp）%response.buffer = truedim startime,dbdim sqlnowstring,conndim erconst issql

28、database = 0 定义数据库类别，1为sql数据库，0为access数据库startime = timer()dim rssub connectiondatabasedim connstrif issqldatabase = 1 thensql数据库连接参数：数据库名、用户密码、用户名、连接名（本地用local，外地用ip）dim sqldatabasename,sqlpassword,sqlusername,sqllocalnamesqldatabasename = yuanersqlpassword = sqlusername = yuanersqllocalname = (loc

29、al)connstr = provider = sqloledb; user id = & sqlusername & ; password = & sqlpassword & ; initial catalog = & sqldatabasename & ; data source = & sqllocalname & ;else 用户第一次使用请修改本处数据库地址并相应修改data目录中数据库名称db = data/data.aspconnstr = provider = microsoft.jet.oledb.4.0;data source = & server.mappath(db)e

30、nd ifon error resume nextset conn = server.createobject(adodb.connection)conn.open connstrif err thenerr.clear set conn = nothingresponse.write the sever is busy,please to try again.response.endend ifend subfunction graters(sqlstr,wr)dim rs set rs=server.createobject(adodb.recordset)rs.open sqlstr,

31、conn, 1, wr set graters=rs第七章 结论asp从推出至今时间也不算漫长，由于它具有开发简单，功能强和灵活等优点，现在已被广泛接受，成为开发动态网络站点的主要技术之一，有人声称asp已在web开发领域悄悄地进行着一场革命。今天已有上万个web站点使用了asp技术，其中包括许多internet中最大的站点。有人估计，在过去几年中，asp开发人员已达百万之多，预计在今后的发展过程当中将会越来越多。asp正慢慢成为动态web应用程序开发环境的主流。动态网页是指包含在服务器端执行的程序代码的网页。客户端浏览动态网页，必须先由服务器执行网页中的程序，在将执行的结果传送到客户浏览器中。目前，开发动态网页的3种主流技术是asp、php、jsp，这三者各有所长，但都需要把脚本语言嵌入到html文档中。相比之下，asp简单易学，安装及使用方便；php运行成本低，有良好的安全性；