毕业设计-基于web的个人网站新闻发布系统

目录摘要1第一章前言2第二章ASP的概述3第三章开发环境及需求4一、开发目的4二、项目背景4三、开发环境4四、动态网页开发的主流技术4第四章结构设计5一、数据库的搭建5二、数据字典5三、功能模块图6第五章功能设计7一、前台新闻显示7二、后台管理7第六章功能说明及实现8一、前台显示说明8二、后台新闻管理12三、数据库实现14第七章结论17参考文献致谢18新闻发布系统基于WEB的个人网站新闻发布系统摘要随着宽带网络的普及和信息化建设的大潮，互联网已经逐渐成为我们生活的一部分，网页作为接触互联网的一个窗口，发挥了不可缺少的作用。本设计目的是能够实现个人网站信息的发布及更新，不仅有简洁的前台显示，也有方便修改的后台。ASPACCESS是中小型网站常用的开发软件组合，本网站也用到了这两者。利用ACCESS建立数据库，既方便修改也方便查找。网站可实现信息的发布，也能够实现游客与站长之间的交互。经过授权的用户可以通过WEB浏览器，以人机交互式的客户端程序实现对个人新闻的发布、管理。本系统是WEB站点的一个子系统，具有很好的外部接口，能够很好的配合站点的其它子系统服务于新闻发布。关键词新闻显示栏目管理文章录入文章管理附件上传文本留言作者指导老师ABSTRACTALONGWITHTHEWIDEBANDNETWORKPOPULARIZATIONANDTHEINFORMATIONCONSTRUCTIONFLOODTIDE,THEINTERNETALREADYGRADUALLYBECAMEAPARTWHICHWELIVED,THEHOMEPAGEACHIEVEMENTCONTACTSTHEINTERNETAWINDOW,HASPLAYEDTHEESSENTIALROLETHISDESIGNGOALISCANREALIZEINDIVIDUALWEBSITEINFORMATIONISSUEANDTHERENEWAL,NOTONLYHASTHESUCCINCTONSTAGETODEMONSTRATE,ALSOHASTHEBACKSTAGEWHICHTHECONVENIENCEREVISESASPACCESSISTHEMIDDLEANDSMALLSCALEWEBSITECOMMONLYUSEDDEVELOPMENTSOFTWARECOMBINATION,THISWEBSITEALSOUSEDTHESETWOUSINGACCESSESTABLISHMENTDATABASE,ALSOFACILITATESREVISESALSOFACILITATESSEARCHESTHEWEBSITEMAYREALIZETHEINFORMATIONISSUE,ALSOCANREALIZEBETWEENTHETOURISTANDSTATIONMASTERINTERACTIVEAFTERTHEAUTHORIZEDUSERMAYTHROUGHTHEWEBBROWSER,BYTHEMANMACHINEINTERACTIVECUSTOMERENDPROCEDUREREALIZATIONTOINDIVIDUALNEWSISSUE,THEMANAGEMENTTHISSYSTEMISAWEBSTANDSUBSYSTEM,HASTHEVERYGOODEXTERIORCONNECTION,CANTHEVERYGOODCOORDINATESTANDOTHERSUBSYSTEMSSERVETHENEWSISSUEKEYWORDSNEWSDEMONSTRATIONCOLUMNMANAGEMENTARTICLEINPUTARTICLEMANAGEMENTAPPENDIXPASSESONTEXTMESSAGEWRITTENBYWANGDONGQINSUPERVISEDBYTAOWEN第一章前言网页设计作为用户界面交互设计的延伸，是在新的媒介的新的技术下实现的一个全新的设计创作领域。因此，设计创作网页还应遵循网页特有的背景特点的结构思路，具备实际操作的易用功能的外观设计的时尚与贴切。伴随着网络的出现，网页逐渐融入人们的生活。快速及时的新闻浏览，五彩缤纷的网上信息，使网络与人们的生活息息相关，于是世界上又出现了第三媒体INTERNET。它打破了地域限制，真正使信息得以共享，改变了人们的工作和生活方式。制作网页是企业和个人的宣传自己的重要手段，同时也是学习者获取学习信息的重要手段。尤其是在教育领域，在素质教育与终身教育成为必然的今天，人们对信息的需求有了更新，更高的要求，而网页由于本身所具有的信息量大，传递快速，没有时空限制等特点恰好满足这种要求。所以网页也逐渐成为一种新兴的教育资源。也正是由于网络实现网站的数据信息能够进行实时交互，保证网站数据的实时性。目前，ASP技术已风靡全球，个人建站、企业建站，各种基于B/S结构的管理系统都可以看到ASP的身影。ASP技术以其通俗易懂的编程方式，受到广大读者的青睐。而本文也是基于ASP来建站。ACCESS是WEB站点部署的最常用的数据库，它与ASP结合成为一个领域中、小型系统的经典组合。使用ACCESS时，无须编写任何代码，只需通过直观的可视化操作就可以完成大部分数据库管理任务；它是一个面向对象的、采用事件驱动机制的关系型数据库管理系统；它可以通过ODBC与其他数据库相连，实现数据交互，也可以与OFFICE家族的WORD、EXCEL等办公软件进行数据交互，还可以在其中嵌入和链接声音、图象、视频等多媒体数据。随着INTERNET的进一步发展,静态WEB站点的开发与维护变得越来越困难,一方面信息的不断增加和变化,使站点维护人员不得不经常修改他们的网页,特别是基于数据库驱动的WEB站点更是如此，随着INTERNET上信息量的增多和交互性的加强使HTML显得越来越难以胜任。另一方面静态网页由于不能与浏览者进行有效交互,使人们感到越来越乏味,而不愿意再一次地进入同一站点。所以开发动态网页或动态内容成了越来越多的站点所追求目标。所谓动态内容是由每一个用户按照自己的需求发出请求而特殊制作的WEB网页。网络发展前景无限，及早与网络结合，与信息时代同步，与高科技汇合，定会给社会各行各业的发展注入新鲜的活力。站在网络时代的前夜，我们清晰地听到了网络时代的宣言谁掌握了网络，谁就掌握了未来。第二章ASP的概述ASPACTIVESEVERPAGES是微软公司推出的一个基于WEB服务器端的开发环境。它以良好的扩展性和兼容性、强大的交互能力和数据处理能力，迅速风靡全球，在INTERNET上几乎处处都看到它的身影。目前市面上对ASP技术的需求极其热切，几乎绝大部分的网站建设和企业的信息管理系统都是采用ASP技术。利用ASP生成的网页，与HTML相比具有更大的灵活性。只要结构合理，一个ASP页面就可以取代成千上万个网页。尽管ASP在工作效率方面较之一些新技术要差，但胜在简单、直观、易学，是涉足网络编程的一条捷径。它具备一个服务器端的脚本执行环境，用它可产生和执行动态的、交互的、高性能的WEB服务器应用程序。HTMLHYPERTEXTMARKUPLANGUAGE,超文本标记语言是WWW日描述语言。设计HTML语言的目的是为了能把放在一台计算机中的文本或图形与另一台计算机中的文本或图形方便地联系在一起，形成有机的整体。客户端浏览动态网页时，会在服务器上执行一些程序，由于执行程序时的条件不同，所以执行的结果会不同，因而最终传送到客户端浏览器中的内容也将有所不同，所以称为动态网页。ACTIVESERVER的另一大优点是代码的安全性。页面的访问者所能看到的只是服务器方的处理结果。ASP文件可以用常规的文本编辑器编辑，ASP使用VBSCRIPT、JAVASCRIPT等脚本语言作为开发工具，镶嵌于HTML文本中，使用“将ASP的程序包含起来。当用户从浏览器向WEB服务器提出请求时，WEB服务器会自动将ASP的程序解释为标准的HTML格式的主页内容，用户端只要使用常规可执行HTML程序的浏览器，就可浏览ASP所设计的主页内容，因此与浏览器无关，并且保证了ASP的源程序代码不会外漏。ASP中包括五个内置的ACTIVEX服务器组件和五个内置的对象DATABASEACCESSCOMPONENT（数据库访问组件）、FILEACCESSCOMPONENT（文件访问组件）、ADROTATORCOMPONENT（广告轮播器组件）、CONTENTLINKINGCOMPONENT（内容链接组件）、BROWSERCAPABILITIESCOMPONENT（浏览器信组件）以及REQUEST（请求对象）、SERVER（服务器对象）、SESSION（会话对象）、RESPONSE（响应对象）、APPLICATION（应用程序对象）。在所有ASP组件中，最有用的是数据库访问组件，也称为ACTIVEX数据对象或ADO。在站点发布数据库将使用这个组件及其中包含的对象，以完成对ODBC数据源的读写。此外，ASP技术的另一个重要特点是，程序员可以利用JAVA、VISUALBASIC、VISUALC等语言制作适应自己特殊需要的ACTIVEX服务器组件来扩充ASP的功能，使自己的动态网页几乎具有无限的扩充能力，这是传统的CGI程序所不及的。总而言之ASP具有学习快、设计快的特点，不需花许多时间即可学会和快速设计出WEB应用程序。ASP的源程序码在服务器端执行，代码保密性好。集成与HTML中，无需编译链接可直接执行，而且使用文本编辑器即可设计。第三章开发环境及需求一、开发目的随着计算机技术的发展，网络技术对我们生活和工作显得月来越重要，特别是现在信息高度发达的今天，人们对最新信息的需求和发布迫切的需要及时性。而动态交互式网页刚好提供了这些功能，本系统就是一个能够在网上实现新闻的网上多用户发布，多栏目管理。二、项目背景HTML作为一种样式语言，随着INTERNET上信息量的增多和交互性的加强使HTML显得越来越难以胜任的情况之下，在ASP编程语言高度发展的形式下，我们开始了对新闻发布系统的开发。三、开发环境1硬件条件服务器两台，一台为数据库服务器，一台为WEB服务器；客户端计算机若干；网络通讯设备，主要包括交换机、网卡、集线器、MODEM等。2系统平台采用BROWSER/SERVER体系结构，服务器端采用MICROSOFTWINDOWSSEVER作为网络操作系统，WEB服务器软件采用IIS60（INTERNETINFORMATIONSERVER）。客户端软件，包括单机操作系统和浏览器软件，分别选用WINDOWSXP和INTERNETEXPLORER，数据库系统采用MICROSOFTACCESS有利于方便操作。3开发工具基于WEB的系统开发工具应使开发者使用各种各样的技术来创建动态的WEB应用程序，并且应是一个可视化的工具。我们采用了DREAMWEAVERMX进行开发，它是用来快速创建数据驱动WEB应用程序的基于团队的开发环境，支持ASP，以ODBC连接数据库，脚本语言为简单易学的JAVASCRIPT或VBSCRIPT。4运行需求正常使用时不应出错，若运行时遇到不可恢复的系统错误，也必须保证数据完好无损，对数据的精确度、时间特性、适应性等都有一定要求，要求系统运行时能够保证正确性、可靠性、高效性、完整性、易使用性、可维护性、可测试性、复用性、安全保密性、可移植性、互联性。四、动态网页开发的主流技术静态网页内容经常以HTML缩写，在服务器端以HTM或HTML文件存储。对于静态网页，服务器不执行任何程序。只是把HTML页面文件传给客户端浏览器直接进行解析工作。在静态网页上，也可以出现各种动态的效果，如GIF等格式的动画、滚动字幕等，这些动态效果只是视觉上的。第四章结构设计一、数据库的搭建数据只有用数据库来管理才能有自动化管理的可能。数据的结构将影响整个管理机制的应用，而且一但建立以后要修改常会出现麻烦。所以一开始就要仔细慎重地搭建一个完整而合理的结构。MICROSOFTACCESS数据库相对其它的数据库来说要简单容易操作些，本新闻发布系统中的数据库文件就是ACCESS类型的数据库，数据库中共有六张表如图411图411系统数据库数据库文件名用英语，方便编程。本系统与数据库建立连接的ASP源代码可以参照后文。二、数据字典本系统的数据字典如下表421所示字段名名称类型用户名USERNAMECHAR用户密码PASSWORDCHAR标题TITLECHAR内容CONTENTCHAR作者ADMINCHAR时间DATEANDTIMEDATE网站地址WEBURLCHAR图片路径IMGPATHCHAR网站名称WEBNAMECHAR网站标题WEBTITLECHAR管理员邮箱ADMINEMAILCHAR上传标记UPLOADFLAGINTEGER录入时间UPDATETIMEDATE日期DATEDATE表421三、功能模块图如图431图432第五章功能设计一、前台新闻显示前台新闻显示是指浏览者打开主页浏览到的页面，我们通常上网所浏览的就是网站的前台，如WWW163COM，单击打开就是网易的页面，通常称它们为前台。它是浏览者浏览信息的平台。前台是可以根据网站的需要,进行各种方式的插入,自动更新，如显示栏目导航。使用新闻文章管理系统制作动态网页时,可在需要的地方插入相应的代码,即可以多种形式显示新闻文章的栏目或内容。例如一级栏目列表、二级栏目列表、栏目导航列表、某一栏目的文章可任意调整。该系统也可经后继开发,使之生成JS代码,在一个主机上维护新闻文章,在其他静态网页中插入代码后显示相应的新闻文章。本文的前台显示就是个人介绍、图片、音乐、日记等。是很经典的一个个人信息发布系统，不存在商业信息。通过前台的相应提示，点击即可以浏览其中的内容，听取其中的音乐。二、后台管理所谓的后台是相对前台来说的，它一般由管理员来操作浏览及修改。后台其实就是一个用ASP编写的网页，它的一些连接是前台，修改了它里面的内容，前台会随着修改，而不用去代码中修改，提高了效率的同时也方便那些不懂ASP的管理者。它流行于许多的网站。1新闻栏目管理增加,修改,删除一级,二级新闻文章栏目。2新闻文章添加按不同栏目添加新闻文章、支持文本、HTM格式或源代码显示、支持图片上传和附件上传。3新闻文章删除删除旧的文章。4新闻文章删除在后台管理系统中上传一些文章、上传图片等、在前台查询这些文章。5管理员管理新闻管理系统的管理员设置。后台的管理实现网站更新的方便快捷和实用，对于小型网站编写后台要较大型网站要容易的多，因为大型网站考虑的内容及文件之间的关系要复杂的多。在编写大型网站后台一般要多人来进行，而且要分模块。第六章功能说明及实现一、前台显示说明（如图611所示）图611是前台进入页面显示。可以在地址栏中输入，127001/INDEXASP图611主要内容是显示“东晴工作室”，突出个人主页个性。画面简洁，很具亲和力。背景图片经过PHOTOSHOP处理，把个人标志做上去，如“东晴工作室”。点击“进入”即可进入主页内容。（如下图612）图612图612是主页内容显示页面。1首页的顶部是导行栏，方便游客浏览。2“我的介绍”，显示个人信息。其它专栏分别显视各自内容。3在导行栏下面的是信息内容，或者是显示目录，点击目录项可显示其内容。4信息内容可以从后台修改，也可从源代码中修改。5“给我留言”一栏，可以实现游客和主人的交互。电击“我的音乐”进入图612此页面是“我的音乐”一栏，可以看到有目录项，点击相应歌曲名称便可以欣赏音乐了。例如，点击“心愿”页面如下图614和图615图614图615图616图616显示的是“我的照片”一栏。每页显视三张，有照片名称、简介，点放大图片可经放大图片。可以通过后台直接添加图片。图617图617显示的是“我的随笔”，可以看到的是，首先显示的是“目录”，这样可以使网页简洁明了。点击日记标题可以浏览相应随笔内容。如图618图618二、后台新闻管理后台管理登陆页面如图621所示图621输入用户名和密码登陆后，系统进行检测，代码如下测试登陆用户（CHECKASP）“ANDSESSION“PASSWORD“THENCALLCONNECTIONDATABASESETRSGRATERS“SELECTFROMYUANER_ADMIN“,1IFNOTRSEOFTHENIFRS“PASSWORD“SESSION“PASSWORD“ORRS“USERNAME“SESSION“USERNAME“THENER1ENDIFELSEER1ENDIFCALLDBCONNENDELSEER1ENDIFIFER1THENRESPONSEWRITE“对不起,你无权访问该页面“RESPONSEWRITE“登录“RESPONSEENDENDIF若检测正确，则进入主页面。（图622）图622若不正确，代码检测如下图622后台管理首页1关于管理（可参看图622）11在后台主页中，选择“关于”。12修改其中的内容，修改完成后点击“提交”就可以了。（登陆错误ASP代码）图6222音乐管理（图622）21在后台主页中，选择“音乐”。22选择要修改的歌曲（如“喜欢你”），然后进行修改。23填写好名称和歌词，在地址栏中输入歌曲地址（这里是从百度MP3中搜索得到）。24从图中，可以看出，可以删除及新增加歌曲。图6233相片管理（如图623）31在后台主页中，选择“相片”。32选择要修改的“我的照片”，填写好相关信息。注意照片的名称与统一。其它类似修改。4退出则退出管理，进入主页面。三、数据库实现通过数据库，可以对网页中的文件进行修改和查找。本网站使用的是ACCESS制作。图631显示的是数据库的主目录。图631在给文件起名字的时候，不仅要好记，而且最好要使用字母命名，这样有利于编程。图631是网页主要内容的数据，打开其中一个表格，如YUANER_ABOUT（图632）图631这个表其实就是后台管理中的“ABOUT”，可以修改其中的内容，然后保存。下面的是YUANER_MUSIC表中的内容。（图633）图633这个是“我的音乐”中的内容，修改相应的内容可以更新前台主页内容。表建好后，需要建立连接，实现的代码如下数据库的连接（CONNASP）RESPONSEBUFFERTRUEDIMSTARTIME,DBDIMSQLNOWSTRING,CONNDIMERCONSTISSQLDATABASE0定义数据库类别，1为SQL数据库，0为ACCESS数据库STARTIMETIMERDIMRSSUBCONNECTIONDATABASEDIMCONNSTRIFISSQLDATABASE1THENSQL数据库连接参数数据库名、用户密码、用户名、连接名（本地用LOCAL，外地用IP）DIMSQLDATABASENAME,SQLPASSWORD,SQLUSERNAME,SQLLOCALNAMESQLDATABASENAME“YUANER“SQLPASSWORD“SQLUSERNAME“YUANER“SQLLOCALNAME“LOCAL“CONNSTR“PROVIDERSQLOLEDBUSERID“PASSWORD“INITIALCATALOG“DATASOURCE“ELSE用户第一次使用请修改本处数据库地址并相应修改DATA目录中数据库名称DB“DATA/DATAASP“CONNSTR“PROVIDERMICROSOFTJETOLEDB40DATASOURCE“MAYBEBACKINTHEPAST,TOONESELFTHEPARANOIDWEIRDBELIEFDISILLUSIONMENT,THESEDAYS,MYMINDHASBEENVERYMESSY,INMYMINDCONSTANTLYALWAYSFEELONESELFSHOULDGOTODOSOMETHING,ORWRITESOMETHINGTWENTYYEARSOFLIFETRAJECTORYDEEPLYSHALLOW,SUDDENLYFEELSOMETHING,DOIT一字开头的年龄已经到了尾声。或许是愧疚于自己似乎把转瞬即逝的很多个不同的日子过成了同一天的样子；或许是追溯过去，对自己那些近乎偏执的怪异信念的醒悟，这些天以来，思绪一直很凌乱，在脑海中不断纠缠。总觉得自己自己似乎应该去做点什么，或者写点什么。二十年的人生轨迹深深浅浅，突然就感觉到有些事情，非做不可了。THEENDOFOURLIFE,ANDCANMEETMANYTHINGSREALLYDO而穷尽我们的一生，又能遇到多少事情是真正地非做不可DURINGMYCHILDHOOD,THINKLUCKYMONEYANDNEWCLOTHESARENECESSARYFORNEWYEAR,BUTASTHEADVANCEOFTHEAGE,WILLBEMOREANDMOREFOUNDTHATTHOSETHINGSAREOPTIONALJUNIORHIGHSCHOOL,THOUGHTTOHAVEACRUSHONJUSTMEANSTHATTHEREALGROWTH,BUTOVERTHEPASTTHREEYEARSLATER,HISWRITINGOFALUMNIINPEACE,SUDDENLYFOUNDTHATISNTREALLYGROWUP,ITSEEMSISNOTSOIMPORTANTTHENINHIGHSCHOOL,THINKDONTWANTTOGIVEVENTTOOUTYOURINNERVOICECANBEINTHEHIGHSCHOOLCHILDRENOFTHEFEELINGSINAPERIOD,BUTWASEVENTUALLYINFARCTIONWHENGRADUATIONPARTYINTHETHROAT,LATERAGAINSTOODONTHEPITCHHEHASSWEATPROFUSELY,LOOKEDATHISTHROWNABASKETBALLHOOPS,SUDDENLYFOUNDHIMSELFHASALREADYCANTREMEMBERHISAPPEARANCE童年时，觉得压岁钱和新衣服是过年必备，但是随着年龄的推进，会越来越发现，那些东西根本就可有可无；初中时，以为要有一场暗恋才意味着真正的成长，但三年过去后，自己心平气和的写同学录的时候，突然就发现是不是真正的成长了，好像并没有那么重要了；然后到了高中，觉得非要吐露出自己的心声才能为高中生涯里的懵懂情愫划上一个句点，但毕业晚会的时候最终还是被梗塞在了咽喉，后来再次站在他曾经挥汗如雨的球场，看着他投过篮球的球框时，突然间发现自己已经想不起他的容颜。ORIGINALLY,THISWORLD,CANPRODUCEACHEMICALREACTIONTOANEVENT,INADDITIONTORESOLUTELY,HAVETODO,ANDTIME原来，这个世界上，对某个事件能产生化学反应的，除了非做不可的坚决，还有，时间。APERSONSTIME,YOURIDEASAREALWAYSSPECIALTOCLEARWANT,WANT,LINEISCLEAR,ASIFNOTHINGCOULDSHAKEHISALSOONCESEEMEDTOBEDETERMINEDTODOSOMETHING,BUTMOREOFTENISHEBACKEDOUTATLASTDISLIKEHISCOWARDICE,FINALLYFOUNDTHATTHEREAREALOTOFLOVE,THEREAREALOTOFMISS,LIKESHADOWREALLYHAVEBEENDOOMEDTHOSEWHODO,JUSTGREENYEARSONESELFGIVEONESELFANARMINJECTION,ORISASELFRIGHTEOUSSPIRITUAL一个人的时候，自己的想法总是特别地清晰。想要的，不想要的，界限明确，好像没有什么可以撼动自己。也曾经好像已经下定了决心去做某件事，但更多的时候是最后又打起了退堂鼓。嫌恶过自己的怯懦，最终却发现有很多缘分，有很多错过，好像冥冥之中真的已经注定。那些曾经所谓的非做不可，只是青葱年华里自己给自己注射的一支强心剂，或者说，是自以为是的精神寄托罢了。ATTHEMOMENT,THESKYISDARK,THEAIRISFRESHFACTORAFTERJUSTRAINEDSUDDENLYTHOUGHTOFBLUEPLAIDSHIRTTHOSEWEREBROKENINTOVARIOUSSHAPESOFSTATIONERYFROMTHECORNERATTHEBEGINNINGOFDEEPFRIENDSHIPHAVEDECLAREDTHEENDOFTHEENCOUNTERTHATHAVENTSTARTPLANNINGTHOSEYEARS,THOSEDAYSOFDO,FINALLY,LIKEYOUTH,WILLENDINOURLIFE此刻，天空是阴暗的，空气里有着刚下过雨之后的清新因子。突然想到那件蓝格子衬衫；那些被折成各种各样形状的信纸；那段从街角深巷伊始的友谊；还有那场还没有开始就宣告了终结的邂逅计划那些年那些天的非做不可，终于和青春一样，都将在我们的人生中谢幕。BAUMGARTNERTHEDISAPPOINTINGNEWSMISSIONABORTEDRPLAYSANIMPORTANTROLEINTHISMISSIONSTARTINGATTHEGROUND,CONDITIONSHAVETOBEVERYCALMWINDSLESSTHAN2MPH,WITHNOPRECIPITATIONORHUMIDITYANDLIMITEDCLOUDCOVERTHEBALLOON,WITHCAPSULEATTACHED,WILLMOVETHROUGHTHELOWERLEVELOFTHEATMOSPHERETHETROPOSPHEREWHEREOURDAYTODAYWEATHERLIVESITWILLCLIMBHIGHERTHANTHETIPOFMOUNTEVEREST55MILES/885KILOMETERS,DRIFTINGEVENHIGHERTHANTHECRUISINGALTITUDEOFCOMMERCIALAIRLINERS56MILES/917KILOMETERSANDINTOTHESTRATOSPHEREASHECROSSESTHEBOUNDARYLAYERCALLEDTHETROPOPAU