个人动态网站设计毕业论文.doc

《个人动态网站设计毕业论文.doc》由会员分享，可在线阅读，更多相关《个人动态网站设计毕业论文.doc（33页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、河南农业大学本科生毕业论文（设计）题 目 个人动态网站设计 学 院 机电工程学院 专业班级 学生姓名 指导教师 撰写日期：5摘 要现在网络已经成为了我们生活中不可缺少的元素，简单的HTML网页但它已不能满足人们想互动或者随时更新网站内容的需求，所以应用而生的是一种动态网页技术。本网站是用ASP语言和Vbscript脚本语言实现，后台数据选用office Access数据库，可以实行最基本的功能如，站内留言，写日志，音乐播放与下载，相册浏览，网站浏览人数统计以及后台管理的功能。其中留言，日志和音乐页面用到了动态ASP技术，实现网站的即时更新，相册，个人档案等则是纯粹的静态页面.可以这样理解，动态

2、网页其实是服务器根据用户提交的条件而生成的一个静态页面。关键词：ASP技术，动态网站，网页Personal dynamic website designAbstractNow the network has become indispensable elements in our life, Past simple HTML page can not satisfy us to do something like interacting or updating website content, So the dynamic web technology comes. This site has

3、 been developed by Vbscript and ASP scripting language, And the office Access database has been used, which can implemented some basic functions such as message, log, music playing or down, browsing the photos of myself, counting the visitors of my web, as well as the back-stage management. In other

4、 words, the dynamic web actually is a static page generated by the server which is based on the users condition .Key Words：ASP technology；dynamic website；web page目 录1 引言12开发技术22.1 IIS22.1.1 IIS的添加32.1.2 IIS的运行32.2 ASP简介42.3 office Access数据库42.4 Microsoft Dreamweave 8简介52.5 adode Photoshop CS53 网站设计5

5、3.1数据库的设计53.2图片准备73.3首页的制作83.4音乐页面制作93.4.1音乐数据库链接93.4.2播放与下载页面113.5留言页面制作133.5.1留言模板的建立133.5.2查看留言143.5.3写留言153.5.4管理员回复与删除153.6日志页面制作173.7相册页面的制作183.8友情链接板块19参考文献20致 谢21附录1：写留言模块源代码22附录2：管理员删除页面源代码281 引言随着科技的进步，时代的发展，计算机信息行业的逐步壮大，加上人们也越来越离不开各种各样的信息，对信息的追求更是越来越迫切了，因此计算机信息的发展也必须适应这一潮流。然而现代社会的人们喜欢在网络上

6、张显自己的个性，写出自己的心情，记下身边一些奇怪有趣的事，在网络上粘贴自己个性的相册，制作自己个人的网站，有些用于商业目的，有些用于娱乐，但最终都是满足了自己的爱好，同时又学到了自己需要的知识。由于本人的知识水平有限，实际的经验也不足，所以所制作出来的作品有许多的不足和漏洞，希望大家提出宝贵的意见和批评。以下是我的设计思想第一步：确定网站结构网站包括那些栏目，采用怎样的制作结构，这些都是我们在制作网站前要首先确定的，网站结构为以后的设计奠定了基础。合理的网站栏目结构其实并没有什么特别之处，但是能直观正确的表达网站的基本内容及其内容之间的层次关系，站在用户的角度考虑，使得用户在网站浏览时可以方便

7、的获取信息，不至于迷失。图1-1是我个人网站的结构图：图1-1 网站结构图第二步：确定网站风格风格是抽象的，是指网站饿整体形象给浏览者的综合感受。这个整体形象包括网站色彩，字体，版面布局，浏览方式，文字，语气等诸多因素，网站可以是平易近人的、生动活泼的也可以是专业严肃的。不管是色彩、文字、布局还是交互方式，只要能由此让浏览者明确分辨出这是你网站独有的，这就是网站的风格。我的网站坚持使用纯色或者颜色比较一致的图片做背景，这样是读者看起来不至于产生幻觉，风格的形成不是一次定位的，我们可以在事件中不断强化、改进、调整。第三步：给网站申请域名域名是联接网站和互联网网址的纽带，它像品牌、商标一样具有重要

8、的识别作用，是访问者通达网站的“钥匙”，是网站在网络上存在的标志，担负着标示站点和导向网站站点的双重作用。 在选取域名的时候，首先要遵循两个基本原则。1域名应该简明易记，便于输入 这是判断域名好坏最重要的因素。一个好的域名应该短而顺口，便于记忆，最好让人看一眼就能记住，而且读起来发音清晰，不会导致拼写错误。此外，域名选取还要避免同音异义词。2域名要有一定的内涵和意义 用有一定意义和内涵的词或词组作域名，不但可记忆性好，而且有助于实现企业的营销目标。例如个人爱好，喜欢的词语或者企业网站的话可以选择企业名称、产品名称等都是不错的选择，这样能更加方面记忆以及加强宣传作用。一个好的域名会大大增加网站在

9、互联网上的知名度，本站注册lmonkey就取之简记,因此，如何选取好的域名就显得十分重要。对于初学者来说可以申请免费域名来检测，本站在注册了免费空间，网站为http:/lmonkey.8c8c.info/ ，因为是免费的所以空间不太稳定并且有一定的时间限制。2 开发技术2.1 IISIIS是Internet Information Server的缩写，它是微软公司主推的Web服务器，基于运行Microsoft Windows的互联网基本服务。最初是Windows NT版本的可选包，随后内置在Windows 2000、Windows XP Professional和Windows Server

10、2003一起发行，但在普遍使用的Windows XP Home版本上并没有IIS。IIS意味着你能发布网页，并且有ASP（Active Server Pages）、JAVA、VBscript产生页面，有着一些扩展功能。它的一个重要特性是支持ASP，IIS3.0版本以后引入了ASP，可以很容易的张贴动态内容和开发基于Web的应用程序。2.1.1 IIS的添加进入“控制面板”，依次选“添加/删除程序添加/删除Windows组件”，将“Internet信息服务（IIS）”前的小钩去掉（如有），重新勾选中后按提示操作即可完成IIS组件的添加。用这种方法添加的IIS组件中将包括Web、FTP、NNTP和

11、SMTP等全部四项服务。2.1.2 IIS的运行当IIS添加成功之后，再进入“开始设置控制面板管理工具Internet服务管理器(Internet信息服务)”以打开IIS管理器，对于有“已停止”字样的服务，均在其上单击右键，选“启动”来开启1。安装成功后的页面如下（IIS默认的网站 http:/localhost/）：图2-1 IIS安装测试成功页面2.2 ASP简介ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用

12、户界面的web应用程序。 与HTML相比，ASP网页具有以下特点：（1）利用ASP可以实现突破静态网页的一些功能限制，实现动态网页技术；（2）ASP文件是包含在HTML代码所组成的文件中的，易于修改和测试；（3）服务器上的ASP解释程序会在服务器端执行ASP程序，并将结果以HTML格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览ASP所产生的网页；（4）ASP提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。例如可以从web浏览器中获取用户通过HTML表单提交的信息，并在脚本中对这些信息进行处理，然后向web浏览器发送信息；（5）ASP可以使用服务器端ActiveX组件来执

13、行各种各样的任务，例如存取数据库、发送Email或访问文件系统等。（6）由于服务器是将ASP程序执行的结果以HTML格式传回客户端浏览器，因此使用者不会看到ASP所编写的原始程序代码，可防止ASP程序代码被窃取。(7)开发需要有丰富的经验,否则会留出漏洞,让黑客利用进行注入攻击.当在Web站点中融入ASP功能后，将发生以下事情： 1、用户向浏览器地址栏输入网址，默认页面的扩展名是.asp。 2、浏览器向服务器发出请求。 3、服务器引擎开始运行ASP程序。4、ASP文件按照从上到下的顺序开始处理，执行脚本命令，执行HTML页面内容。5、页面信息发送到浏览器2。2.3 office Access数

14、据库Access 是微软公司推出的基于Windows的桌面关系数据库管理系统（RDBMS，即Relational Database Management System），是Office系列应用软件之一。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。ASP访问数据库的方式：在ASP脚本中可以通过ADO（activex data objects）方式访问数据库3。2.4 Microsoft

15、 Dreamweave 8简介Dreamweave是Macromedia公司推出的可视化网页制作工具，是较受网页设计人员欢迎的网页制作软件之一，是网站建设不可缺少的工具之一。Macromedia Dreamweave 8是建立Web站点和应用程序的专业工具。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，在编辑上可以选择可视化方式或者源码编辑方式4。2.5 adode Photoshop CSPhotoshop是世界顶尖级的图像设计与制作工具软件。图像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果，其重点在于图像的处理加工。在表现图像中的阴影和色彩的细微变化

16、方面或者进行一些特殊效果处理时，使用位图形式是最佳的选择，他在这方面的优点是矢量图无法比拟的。3 网站设计3.1 数据库的设计本网站中用到四个数据库分别是音乐数据库Music.mdb、留言数据库Massage.mdb、日志数据库suibi.mdb、网站计数器数据库jsp.mdb。页面如下：图3-1 Music.mdb音乐数据库图3-2 Massage.mdb留言数据库 图3-3 Suibi.mdb日志数据库图3-4 jsp.mdb网站计数器数据库3.2 图片准备 在做网站之前首先就是准备素材，包括网站内容，背景图片等，可以在网上搜到各种各样的图片素材，然后用Photoshop处理，最后得到符合

17、网站需要的图片。3.3 首页的制作图3-5 代码设计窗口 该窗口即是Dreamweaver 8的设计窗口，以下的代码均在此窗口中完成，包括图片，表格等的插入以及网页页面的设计排版等。图3-6首页面index.asp首页为index.asp，链接到后台数据库jsp.mdb,包括网站导航，各个页面的连接以及后台管理入口和其他友情连接，和网站计数器等。在页面右侧的应用程序窗口中点击数据库下的“+”选择“自定义连接字符串”弹出窗口3-8所示，在连接字符串中输入Provider=Microsoft.Jet.OLEDB.4.0;datasource=&server.mappath(datajsp.mdb)

18、连接到计数器数据库5。运行页面如图3-7所示：图3-7首页浏览3.4 音乐页面制作3.4.1 音乐数据库链接点击Dreamweaver 8界面右侧的应用程序窗口。点击“+”在弹出的菜单中选中“自定义链接字符串”，弹出自定义链接字符串窗口如图3-8所示：图3-8 自定义链接字符串在链接字符串中输入如下字符：Provider=Microsoft.Jet.OLEDB.4.0;datasource=&server.mappath(datamusic.mdb) 点击“测试”出现如图3-9所示即实现了链接数据库。图3-9链接成功生成的Dreamweaver 界面中代码如下：63.4.2 播放与下载页面播放

19、图3-10音乐页面点击播放按钮，将弹出ActiveX插件，调用Windows Media Player播放选中的歌曲，他们之间是通过歌曲数据库中歌曲的MusicPath即歌曲路径来实现播放，为了节省空间，我是从其他网站上找到歌曲ID，这样做虽然节省了空间，但有一个缺点就是如果所链接网站上的歌曲源地址发生改变，那么这个歌曲在次网站则无法播放或者找不到文件。图3-11 音乐播放页面其中代码为： param name=FileName value= / 7 点击音乐页面的下载按钮则运行如图3-12所示：图3-12音乐下载页面同样也是通过传递歌曲MusicPath实现Response.Redirect

20、(RS1.Fields.Item(MusicPath).Value)3.5 留言页面制作3.5.1 留言模板的建立 Dreamweaver模板是一种特殊类型的文档，用于设计“固定的”页面布局；然后您便可以基于模板创建文档，创建的文档会继承模板的页面布局。设计模板时，可以指定在基于模板的文档中哪些内容是用户“可编辑的”。 使用模板可以一次更新多个页面。从模板创建的文档与该模板保持连接状态。可以修改模板并立即更新基于该模板的所有文档中的设计8。使用模板可以使网页看起来更美观整齐，有利于保持网页风格一致，并且提高工作效率。留言模板页如图3-13所示：图3-13留言模板模板中用到了动态文本的效果，“有

21、事请留言，我会尽快回复！”实现动态效果只需要为文本添加一个页面标签：有事请留言,我会及时回复!8 3.5.2 查看留言 点击首页的“给我留言”即可进入查看页面，显示所有留言，且是倒叙显示，即后留言的显示在最顶端，这样方便浏览和管理员操作。留言显示了用户姓名、QQ、留言主题、留言内容、以及管理员是否回复和留言时间。如图3-14所示。图3-14查看留言 3.5.3 写留言 进入查看留言页面即可点击“写留言”进行操作，其中的姓名、QQ、主题、内容都是必须填写的，填写完后点击提交留言即可（代码见附录代码I）。用户留言界面如图3-14所示：图3-15写留言页面 3.5.4 管理员回复与删除 这个页面也即

22、是后台操作的一部分，只有管理员登陆后才可以进行相应的修改，其中管理员删除页面的代码见附录代码II。图3-16 登陆页面图3-17管理员登陆留言页面图3-18管理员回复页面3.6 日志页面制作图3-19 日志浏览页面 日志页面包括浏览页面sbindex.asp和管理页面sbadmin.asp，浏览者只可以浏览日志，管理者可以写日志，日志板块用到模板suibi1.dwt,这样可以使日志看起来更美观。运行页面如图3-20：图3-20日志页面 后台管理页面比浏览页面多了写日志和删除日志功能，日志页面的不足之处在与浏览者不能参与回复，只能查看。3.7 相册页面的制作图3-21 相册页面Photo.asp

23、、flower.asp、beautiful.asp分别为网站的三个相册，中间应用模板myphoto.dwt。网站相册的不完善之处在于它不能实现在线添加相册或删除，必须更新页面才可以实现，这是不足之处，以后有待完善。 3.8 友情链接板块友情链接板块包括招聘网站、购物网站、新闻网站，仅是个人上网比较喜欢浏览的网址，在此仅供参考如图3-22所示：图3-22 首页中的友情链接参考文献1 刘瑞阳，黎卫东，黄炳强.Dreamweaver 8+ASP动态网站开发从入门到精通 人民邮电出版社2 倪洪球.Dreamweaver 8+ASP动态网站开发实例精讲 人民邮电出版社3 龙马工作室编著.asp+acce

24、ss网站开发实例精讲 人民邮电出版社4 戌马工作室编著 Dreamweaver8与ASP动态网站开发自学导航北京：机械工业出版社，2006.015 昭君工作室编著 Dreamweaver 8中文版网站开发自学导航北京：机械工业出版社，2006.016 戎马工作室编著 ASP动态网站开发自学导航 北京：机械工业出版社，2006.017 刘瑞新主编 ASP动态网站开发毕业设计指导及实例 北京：机械工业出版社，2006.018 王峰 基于IIS+ASP+access模式的网站安全问题研究 电脑知识与技术2008年19期9 潘超 ASP开发的网站安全浅析 中国科技博览2009年6期致 谢将近一个月的毕

25、业设计让我确确实实学到了不少东西，从对网站的一无所知到现在的简单建站，我有一种小小的成就感，当然这中间离不了李勉老师的指导，李老师总能在我不知所措的时候给我帮助，并且不时的提出新的任务让我做得更好，在这里我由衷的感谢李老师。感谢机电工程学院所有的老师对我的教育和培养，我在这四年的学习中，丰富了知识层面，学会了做人的道理，受益匪浅。在此我对学院的所有老师表示深深的敬意! 四年的时间对于整个人生而言，也许是短暂而微不足道的。但即将过去的这四年对我而言，却是人生一个重要的里程碑，深刻而难忘。一个人的成长绝不是一件孤立的事，没有别人的支持与帮助绝不可能办到。no one can survive wit

26、hout help from others.我感谢可以有这样一个空间，让我对所有给予我关心、帮助的人说声“谢谢”！今后，我会继续努力，好好工作！好好学习！好好生活！附录1：写留言模块源代码 % * Edit Operations: declare variablesDim MM_editActionDim MM_abortEditDim MM_editQueryDim MM_editCmdDim MM_editConnectionDim MM_editTableDim MM_editRedirectUrlDim MM_editColumnDim MM_recordIdDim MM_fields

27、StrDim MM_columnsStrDim MM_fieldsDim MM_columnsDim MM_typeArrayDim MM_formValDim MM_delimDim MM_altValDim MM_emptyValDim MM_iMM_editAction = CStr(Request.ServerVariables(SCRIPT_NAME)If (Request.QueryString ) Then MM_editAction = MM_editAction & ? & Server.HTMLEncode(Request.QueryString)End If boolea

28、n to abort record editMM_abortEdit = false query string to executeMM_editQuery = % * Insert Record: set variablesIf (CStr(Request(MM_insert) = form1) Then MM_editConnection = MM_conmassage_STRING MM_editTable = massagedata MM_editRedirectUrl = lyindex.asp MM_fieldsStr = textfield|value|textfield3|va

29、lue|textfield4|value|textarea|value MM_columnsStr = name|,none,|QQ|,none,|title|,none,|content|,none, create the MM_fields and MM_columns arrays MM_fields = Split(MM_fieldsStr, |) MM_columns = Split(MM_columnsStr, |) set the form values For MM_i = LBound(MM_fields) To UBound(MM_fields) Step 2 MM_fie

30、lds(MM_i+1) = CStr(Request.Form(MM_fields(MM_i) Next append the query string to the redirect URL If (MM_editRedirectUrl And Request.QueryString ) Then If (InStr(1, MM_editRedirectUrl, ?, vbTextCompare) = 0 And Request.QueryString ) Then MM_editRedirectUrl = MM_editRedirectUrl & ? & Request.QueryStri

31、ng Else MM_editRedirectUrl = MM_editRedirectUrl & & & Request.QueryString End If End IfEnd If% * Insert Record: construct a sql insert statement and execute itDim MM_tableValuesDim MM_dbValuesIf (CStr(Request(MM_insert) ) Then create the sql insert statement MM_tableValues = MM_dbValues = For MM_i =

32、 LBound(MM_fields) To UBound(MM_fields) Step 2 MM_formVal = MM_fields(MM_i+1) MM_typeArray = Split(MM_columns(MM_i+1),) MM_delim = MM_typeArray(0) If (MM_delim = none) Then MM_delim = MM_altVal = MM_typeArray(1) If (MM_altVal = none) Then MM_altVal = MM_emptyVal = MM_typeArray(2) If (MM_emptyVal = n

33、one) Then MM_emptyVal = If (MM_formVal = ) Then MM_formVal = MM_emptyVal Else If (MM_altVal ) Then MM_formVal = MM_altVal ElseIf (MM_delim = ) Then escape quotes MM_formVal = & Replace(MM_formVal,) & Else MM_formVal = MM_delim + MM_formVal + MM_delim End If End If If (MM_i LBound(MM_fields) Then MM_

34、tableValues = MM_tableValues & , MM_dbValues = MM_dbValues & , End If MM_tableValues = MM_tableValues & MM_columns(MM_i) MM_dbValues = MM_dbValues & MM_formVal Next MM_editQuery = insert into & MM_editTable & ( & MM_tableValues & ) values ( & MM_dbValues & ) If (Not MM_abortEdit) Then execute the in

35、sert Set MM_editCmd = Server.CreateObject(ADODB.Command) MM_editCmd.ActiveConnection = MM_editConnection MM_editCmd.CommandText = MM_editQuery MM_editCmd.Execute MM_editCmd.ActiveConnection.Close If (MM_editRedirectUrl ) Then Response.Redirect(MM_editRedirectUrl) End If End IfEnd If%用户留言界面0&parent.frames.length) d=parent.framesn.substring(p+1).document; n=n.substring(0,p); if(!(x=dn)&d.all) x=d.alln; for (i=0;!x&id.forms.length;i+) x=d.formsin; for(i=0;!x&d.layers&id.layers.length;i+) x=MM_findObj(n,d.layersi.document); if(!x & d.getElementById) x=d.getElementById(n); return x;function MM_