怎样设计个人动态网站.docx

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

1、编号：时间：2021年x月x日书山有路勤为径，学海无涯苦作舟页码：第14页 共15页生活需要游戏，但不能游戏人生；生活需要歌舞，但不需醉生梦死；生活需要艺术，但不能投机取巧；生活需要勇气，但不能鲁莽蛮干；生活需要重复，但不能重蹈覆辙。 -无名摘 要人类已进入21世纪，科学突飞猛进，知识经济初见端倪，特别信息技术和网络技术的迅载发展和广泛应用，对社会、经济、军事、科学和文化等领域产生越来越深刻的影响，也在正在改变着人们的工作、生活、学习和交流方式。随着信息的迅猛发展，越来越的多人们通过Web来获取所需要的信息，越来越多的企业建立了自己的WWW网站，也有许多人也制做了自己的个人网站，我所选的毕业设

2、计就是个人网站。最初的以提供信息资源为主，人们上网主要的目是是查看资料。而随着网络技术的快速发展，电子商务、电子政务等网上应用蓬勃发展，而这样网络设计语言应运而生。目前主要的网络程序设计语言有ASP、PHP和JSP程序设计语言。而总方面来说，ASP、PHP和JSP基本上都是把脚本本语言嵌入HTML文档中。关键词：ASP: ASP（Active Server Pages）是服务器端脚本编写 环境，使用它可以创建和运行动态、交互的 Web 服务器应用程序。个人网页：个人网页就是所属个人的网站，表现个人思想的网站。动态网页：所谓动态网页，就是说该文件不仅含有html标记，而且含有程序代码。数据库：数

3、据库是一种存储数据并对数据进行操作的工具。目 录：引言 3第一章我的个人网站初步设计3第二章网站系统设计选用的工具42.1ASP工具的选用 42.1.1ASP的定义 42.1.2ASP的运行环境 52.1.3浏览ASP文件 52.1.4ASP文件基本组成 52.1.5ASP的程序的特点：52.1.6 ASP的工作原理 62.2 ASP与数据库 6 2.2.1 ASP的对象存取数据库方法62.2.2 ASP 中常用的数据库62.3 SQL语言在ASP中的使用 6 2.4ADO的介绍 7 2.4.1什么是ADO72.4.2 ADO的对象 72.5三剑客在网站中的应用 72.6脚本语言VBScrip

4、t在ASP中的应用 7 2.6.1 VBScript的定义 7 2.6.2 VBScript 的特点 8第三章 我的个人网站的总体设计 83.1 网站的分析与设计 83.1.1 我的个人网站全面分析 83.1.2 网站页面的设计 83.2数据库的设计83.3 网站的各项功能的实现9 3.3.1首页的登录功能93.3.2首页用户注册 93.3.3 用户未登录而不能浏览网站 103.3.4 首页的公告栏的功能 103.3.5后台与网站的连接 103.3.6我的相册功能的实现 113.4 我的论坛设计 13结 论 13参考书目 13如何设计个人动态网站引 言我所选择的毕业设计是个人动态网站设计。我是

5、在姜清超老师指导下进行这一毕业设计的.我的毕业设计是从三月初开始的。通过这一个月多的我的个人动态网站的设计，我学到了很多知识，这也对于我自己来说是一次很好的实践机会的。这一个月多的对于我的网站设计，我在网上查了很多关于ASP的书藉。我也重新看了以前我所学的网页制做书藉。学校之所以给我们这些毕业生按排毕业设计，是为了我们能有机会对于这们这三年的大学学习的总结机会。学校一共给我们这届毕业生按排了五个毕业设计项目。我比较对网站设计感兴趣。这一次的毕业设计对我今后的工作，是一次很好的实践的机会的。在这一个月多的毕业设计过程中我学习了很多以前所学没接触的知识，也开拓了我的视野。以下我就对正文进行介绍：第

6、一章 我的个人网站初步设计计算机网络作为一种先进的信息传输媒体，其特点就是信息传送速度快、信息覆盖面广而且成本低。因此许多企业都开始利用网站开展商务活动，比如在互联网上发布企业信息、为商品做广告、利用电子邮件进行信息交流等。在互联网上不仅可以进行商务活动，我们也可以把自己的个人网站发布到互联网上，以供大家欣赏。网站的设计包括它的外观和它的感观，而且也要考虑网页所有的元素：包括观众信息、意图和目标描述、域信息、页面的规范。网页的设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。网页设计是指设计者要表现的主题和实

7、现的功能。个人网站用户界面要好，简明实用，既要有自己的特点又要有接近大众化。主页的设计应以醒目优先，应该令人一目了然，不堆砌太多不必要的细节，或使画面过于复杂。要做到这一点，首先要在整体上规划好自己网站的主题和内容，确定自己需要传达给访问用户的主要信息，然后仔细斟酌，把自己所有要表达的意念合情合理地组织起来；其次，是设计一个富有个性的页面式样，务求尽善尽美。这样制作出来的主页才会清晰、明了、内容充实。第二章 网站系统设计选用的工具2.1ASP工具的选用2.1.1 ASP的定义ASP（Active Server Pages）是服务器端脚本编写 环境，使用它可以创建和运行动态、交互的 Web 服务

8、器应用程序。使用 ASP 可以组合 HTML 页、脚本命令和 ActiveX 组件以创建交互的 Web 页面和基于 Web 的功能强大的应用程序。ASP 应用程序很容易开发和修改。如果您编过 HTML 网页，您将发现 ASP 脚本提供了创建交互页的简便方法。如果您曾想从 HTML 表格中收集数据，或用顾客的姓名个人化 HTML 文件，或根据浏览器的不同使用不同的特性，您会发现 ASP 提供了一个出色的解决方案。以前，要想从 HTML 表格中收集数据，就不得不学习一门编程语言来创建一个 CGI 应用程序。现在，您只要将一些简单的指令嵌入到您的 HTML 文件中，就可以从表格中收集数据并进行分析。

9、您再不必学习完整的编程语言或者单独编译程序来创建交互页。随着不断掌握使用 ASP 和脚本语言的技巧，您可以创建更复杂的脚本。对于 ASP，您可以便捷地使用 ActiveX 组件来执行复杂的任务，比如连接数据库以存储和检索信息。如果您已经掌握一门脚本语言，如 VBScript、JavaScript 或 PERL，而且您已经了解使用 ASP 的方法。只要安装了符合 ActiveX 脚本标准的相应脚本引擎，就可以在 ASP 页面中使用任何一种脚本语言。ASP 带有 Microsoft Visual Basic Scripting Edition （VBScript）和 Microsoft Jscri

10、pt 的脚本引擎，这样您可以立即开始编辑脚本。PERL、REXX 和 Python 的 ActiveX 脚本引擎可以从第三方开发人员处获得。 P/p Web 开发人员 :如果您已经掌握了一门编程语言，如 Visual Basic，您将发现 ASP 是快速创建 Web 应用程序的一个非常灵活的方法。通过向 HTML 中添加脚本命令，您能够创建应用程序的 HTML 接口。通过创建自己的 ActiveX 组件，可以将应用程序中的商业逻辑封装到能够从脚本、其他组件或从其他程序中调用的模块。P/p 使用 ASP 进行计算的 Web 可转化为有形的利益，它使 Web 供应商能够提供交互的商业应用而不仅仅是

11、发布内容。例如，旅行社能够比公布航空时刻表做得更多；用 ASP 脚本可以让客户察看现有的航班、比较费用并预定座位。 P/p Asp是这样工作的：浏览器从 Web 服务器上请求 .asp 文件时，ASP 脚本开始运行。然后 Web 服务器调用 ASP，ASP 全面读取请求的文件，执行所有脚本命令，并将 Web 页传送给浏览器。由于脚本在服务器上而不是在客户端运行，传送到浏览器上的 Web 页是在 Web 服务器上生成的。所以不必担心浏览器能否处理脚本：Web 服务器已经完成了所有脚本的处理，并将标准的 HTML 传输到浏览器。由于只有脚本的结果返回到浏览器，所以服务器端脚本不易复制。用户看不到创

12、建他们正在浏览的页的脚本命令。 P/p 运行ASP页面相对于普通的html页面要慢一点，因为普通的html页面只需要浏览器就能够解析，而ASP则必须是服务器将整页的代码都执行一篇之后再发送数据。 但是由于代码是需要经过服务器执行之后才向浏览器发送的，所以在客户端看到的只能是经过解析之后的数据，而无法获得源代码，故编写者不用担心自己的代码会被别人剽窃。2.1.2ASP的运行环境(1) Windows 2000+IIs 5.0(Internet信息管理器5.0)。(2) Windows XP+Iis 5.0（Intetnet 信息管理器5.0）。(3) Windows 98+PWS4.0(pers

13、onal Web Server4.0,个人Web服务管理器)。(4) Windows NT 4.0 + Windows NT Option pack。2.1.3 浏览ASP文件（1） http:/localhost/temp.asp（2） http:/127.0.0.1/temp.asp（3） http:/您的计算机的名字/temp.asp（4） http:/您的计算机的IP地址/temp.asp2.1.4 ASP文件基本组成（1） 普通的HTML文件，也就是普通的Web的页内容。（2） 服务器端的Script程序代码：位于内的程序代码。（3） 客户的Script的程序代码：位于内程序代码。2

14、.1.5ASP的程序的特点：（1） 使用Vbscript、Jscript等简单易懂的脚本语言，结合HTML代码，即可速地完成网站的应用程序。（2） 无需编译，容易编写，可在服务器直接执行。（3） 使用普通的文本编辑器，如Windows的记事本，即可进行编辑设计。（4） 与浏览器无关(Browser Independence)，用户端只要使用可执行HTML码的浏览器,即可浏览ASP所设计的网页内容。ASP所用的脚本语言（Vbscript、Jscript）均在Web服务器端执行,用户的浏览器不需要能够执行这些脚本语言。（5） ASP能与任何ActiveX scripting 语言相容。除了可使用V

15、BScript或Jscript语言来设计外，还通过plug-in的方式，使用由第三方所提供的其他脚本语言。譬如Perl等。脚本引擎是处理脚本程序的COM(Component Object Model)组件。（6） ASP的源程序，不被传到客户浏览器。因而可以避免所写的源程序被他人剽窃，也提高了程序的安全性。（7） 可使用服务器端的脚本来产生客户端的脚本。（8） 物件导向（Object-oriented）。（9） ActiveX（服务器组件ActiveX）Server Components具有无限可扩充性。可以使用Visual Basic、java、Visual c+、COBOL等编程语言来编写

16、所需要的ActiveX服务器组件。2.1.6 ASP的工作原理用户在浏览器的地址栏中键入ASP文件，并回车触发这个ASP的申请。浏览器将这个ASP的请求发送到给Web服务器。Web Server接收这些申请并根据.asp的后缀名判断这是ASP要求。Web Server 从硬盘或内存中读取正确的ASP文件。Web Server 将这个文件发送到ASP.DLL的特定文件中。ASP文件将会从头至尾执行并根据命令要求生成相应的HTML文件。HTML文件被送回浏览器。用户的浏览器解释这些HTML文件并将结果显示出来。 2.2 ASP与数据库2.2.1 ASP的对象存取数据库方法在ASP中，用来存取数据库

17、的对象统称ADO（Active Data Objects），主要含有三种对象：Connection、Recordset 、CommandConnection：负责打开或连接数据Recordset：负责存取数据表Command：负责对数据库执行行动查询命令2.2.2 ASP 中常用的数据库在ASP中一般使用SQL或Access数据库。SQLserver运行稳定、效率高、速度快，但配置起来较困难、移植也比较复杂，适合大型网站使用；Access配置简单，移植方便，但效率较低。适合小型网站。我在我的个人网站所选用的就是Access数据库。2.3 SQL语言在ASP中的使用SQL(Structure Q

18、uery Langage)语言，即结构化查询语言，是操作数据库的标准语言。在ASP中，无论何时要访问一个数据库，都要使用SQL语言。以下为在ASP中最常用到的语句：(1) select语句查询数据(2) Insert语句添加记录(3) Delete语句删除记录(4) Update语句更新记录2.4ADO的介绍2.4.1什么是ADOASP的 Database Access组件使用ADO为Web应用程序提供了一组基于对象的数据访问接口，是一项将数据库访问添加到Web页的技术。ADO是一个运行于服务器端的ActiveX组件，它所提供的功能是进行数据库访问，也是近年来数据库编程的一个新进展。在ASP中

19、通过使用ADO编写简明紧凑的脚本，可以连接任何ODBC兼容的数据库，如SQL Server、Access及普通文本文件等数据源。ADO具有界面的一致性的特点，不论后台使用的是什么数据库，对于网页开发人员来说都没有什么不同。这样，当企业单位发展了，数据库需要从小型的移植到大型的数据库时，应用程序的界面几乎不用作任何变动。另外，ADO具有语言无关性的特点，它同时可以应用于VB、VC+、VBScript、JavaScrip或Java的开发环境中。2.4.2 ADO的对象(1) Command 对象定义了将对数据源执行的指定命令(2) Connection代表打开的、与数据源的连接。(3) DataC

20、ontrol将数据查询 Recordset 绑定到一个或多个控件上（例如，文本框、网格控件或组合框），以便在 Web 页上显示 ADO.Recordset 数据。(4) DataFactory实现对客户端应用程序的指定数据源进行读写数据访问方法。(5) Error包含与单个操作（涉及提供者）有关的数据访问错误的详细信息。(6) Recordset代表来自基本表或命令执行结果的记录的全集。任何时候，Recordset 对象所指的当前记录均为集合内的单个记录。2.5 三剑客在网站中的应用三剑客的融会应用能够发挥起网页制作的理想效果。我对整体的网页布局制作比较喜欢用Dreamweaver。它的设计与

21、ASP代码的结合能够达到理想的效果。Fireworks能够使网页的占用空间较小，使网页打开速度提高。2.6脚本语言VBScript在ASP中的应用ASP本身并不是一种脚本语言，但它却为嵌入HTML页面的脚本语言提供了运行的环境，在ASP程序中常用的脚本语言有VBScript和JavaScript等语言，我在我的这一毕业设计所选用的脚本语言为VBScript。2.6.1 VBScript的定义VBScript是在HTML文件中使用的一种VB脚本语言，它是VB的一个子集，可以实现部分VB的功能，从而使HTML语言得到大大的扩展。2.6.2 VBScript 的特点(1) 易学易用。(2) 可编写服

22、务器脚本，也要编写客户端脚步本。(3) 客户端脚本的特点：浏览器完成了所有的工作，这可以减轻服务器的负担。客户端运行程序运行比服务端程序运行快的多。第三章 人网站的总体设计3.1 网站的分析与设计3.1.1 我的个人网站全面分析我的个人网站包括：首页（index1.asp）、个人简介(gejian.htm)、心情日记(rjshouye.asp)、我的论坛(index.asp)、我的相册(listpicture.asp)。首页（index1.asp）：用户和管理员通过这一页面对网站进行操作。第一次访问我的个从网站的用户也可以通过一页面进行注册用户。个人简介（gejian.htm）：这一页面就是站

23、长对于自己的介绍。心情日记(rjshouye)：这一页面内包含了10个日记：*&疯了.真的快疯了夜很静心也很静吗夜很静心也很静、 平静心情、 。习。惯。、阳光很好 、愛,覆水難收。、 无奈.、 离我远点、不要忽视老人的心愿 、我想我是海。我的论坛(index.asp)：用户可以在此页面内发表自己的意见。我的相片(listpicture.asp)：这一页面内有我收集的明星相片，以供大家欣赏。3.1.2 网站页面的设计我制做我的个人网站采用了动、静相结合。即静态的主画面和动态的子页面相结合。网站的一些辅助页面采用静态页方式如：心情日记(rjshouye.asp)内的10个日记和我的个人简介(gej

24、ian.htm)，对于我的论坛及我的相册则采用了ASP与Acceess数据库相相合的，采用交互式的动态的web画面来实现。本网站采用了flash与图片结合的方法（flash的参数设置为参数：wmode,值：transparent），使网站的页更有清新的效果。网站的整体布局，链接，等都在Dreamweaver中制作；图片的优化用Fireworks制作。3.2 数据库的设计我的个人网站采用的数据库是Access，有temp1.mdb,temp.mdb,bbs.mdb三个数据库文件。temp.mdb的users表文件为用户登录与注册。temp1.mdb的picture为我的相册的数据表文件。bbs.

25、mdb的forum和bbs是实现我的论坛的表文件。以下就的各个数据库表文件的详细介绍：users表:username(用户登录与注册名)、password(用户与注册登录的密码)、realname（用户注册所填写的真实姓名）、sex(用户注册的性别)、address(用户注册的通讯地址)、postalcode(用户注册的邮政编码)、tel(用户注册电话)、mobiletel(用户注册手机)、email(用户注册电子邮箱)、web(用户注册个人主页)、intro(用户注册个人简介)。Picture表：title(网页所显示的图片名字)、flilename(图片的名字)。Froum表：froum_

26、id（为论的栏目id编号）、title（论坛的论题）body(论坛发表的内容)hits(用户点击的次数)、ip(用户的ip 地址)、user_id(用户发表贴子的用户名)、user_email（为用户发表贴子的电子邮件名）、submit_date（用户发表文章提交的期）、frist_id(用户发布贴子的主题目)、father_id(用户发布贴子的子题目)、froumnme（论坛的栏目）、froumcout(统集用户对某一栏目发布贴子的数目)。3.3 网站的各项功能的实现3.3.1首页的登录功能如果用户未输入用户名与密码而想登录而单击了用户登录界面的确定按钮，就会弹出“用户名不能为空！”消息是用

27、以下代码现实的。3.3.2首页用户注册用户的注册的功能分为了三步：第一步为注册用户输入用户名与密码（ADD_2.asp），第二步注册用户填写详细信息（ADD_3.asp）,第三步为用户注册成功的祝贺语。第一步中用户注册的用户名要是已有用户使用了网站就会给予提示“已有人使用该用户,请重新填写。实现这个功能是通过以下代码实现的：sql=select username from users where username= & request(username) & set rs=db.execute(sql)If not rs.eof and not rs.bof Thenexit_flag=1te

28、mp_str=已有人使用该用户End If用户的注册名要求大于或等于5位，小于20位，是用以下代码实现的：If len(request(username)20 Thenexit_flag=1temp_str=用户名必须大于5位小于20位End If用户注册完一步就可进入第二步的注册与第三步了。用户注册页的最新发表内有五个动人的故事以供用户欣赏（錯過一時，錯過一生,如果在天堂遇见你,您拨的电话号码是空号,100年不变的100句温柔浪漫语,一个让人们潸然泪下的故事。）3.3.3 用户未登录而不能浏览网站用户未登录用户是不能浏览心情日记与我的相册。只有登录与注册过的用户才能浏览网站的全部。而这个功能

29、是用以下代码实现的：3.3.4 首页的公告栏的功能首页公告栏上下滚动： 3.3.5后台与网站的连接我把动态相关信息全部储存在数据库中, 要想在网页中显示数据库中的相关动态内容必须先对数据库进行链接与打开，要想链接数据库必须使用前文所提到的ADO接口提供的基本对象中的Connection对象；而要想打开数据库则必须使用ADO接口提供的基本对象中的Recordset对象；所以，我采用了调用odbc_connection.asp文件的方法进行连接，将打开与链接的代码写入了文件中，其方法如下：以下为数据库连接代码：3.3.6 我的相册功能的实现在我的相册中，用户可以浏览我的收集的相片，我的相册有分页的

30、功能，我在的相册中都是相片的缩小版，用户单击某张相片就看到不是相片的缩小的版了，还有相片的名字也一同显示在我的相册中。%dim dbset db=server.createobject(ADODB.CONNECTION)db.open DBQ= & server.mappath(temp1.mdb) & ;DRIVER=Microsoft Access Driver (*.mdb);建立Recordset对象Set rs=Server.CreateObject(ADODB.Recordset)strSql =Select * From picturers.Open strSql,db,1 因为

31、要分页显示，所以用键盘指针下面查询记录，如果非空就显示记录If Not rs.Bof And Not rs.Eof Then以下主要为了分页显示rs.PageSize=12 设置每页显示6条记录dim page_total 定义总页数变量page_total=rs.PageCount 返回总页数，会在下面输出数据页时用到rs.AbsolutePage=page_no 设置当前显示第几页，这里用到了传过来page_no。下面一段利用表格显示当前页的所有记录Dim I,JI=rs.PageSize 变量I用来控制显示当前页记录,注意这里和rs.PageSize要一致。J=0 变量J用来控制每行显示

32、3条记录Response.Write 可以在这里输出开始新行的标记Do While Not rs.Eof And I0 循环直到当前页结束或文件结尾I=I-1 每显示一条，I减1，当变成0时，表示本页结束J=J+1下面几行输出一个单元格，其中显示了图片的缩略图，并显示了该图片的标题Response.Write Response.Write Response.Write & rs(title)REsponse.Write 这里规定每行显示3张图片，(J mod 3)表示求I除以3得到的余数，如果为0，就表示需要在下一行开始显示了。输出标记，就可以结束本行，输出标记，就表示下一个新行的开始。If

33、(J mod 3)=0 Then Response.Write End Ifrs.MoveNextLoopEnd if%Response.Write 共有 & page_total & 页，Response.Write 当前显示 & page_no & 页，Response.Write 请选择数据页: For I=1 To page_total %a href=listpicture.asp?page_no=3.4 我的论坛设计在论坛这方面我还的不太好，因此也只能采用老师给的源代码了。结 论这一个月多的毕业设计已接近尾声，通过这一次的毕业设计我学到了很多的关于编程的知识和关于网站设计的知识。毕

34、业设计让我对于网站设计有了一个全新认识。网站设计这一模块通过让我们自己实践制作个人网站，学会规划、设计、发布、管理简单的网站。在实际的学习中存在我们对网站主题、内容选择的困惑；对网站设计的布局、色彩搭配等审美评价的差异。我也在网上搜了很多有关个人网站设计的资料。通过做这一次的毕业设计，我积累了很多有关网站设计的经验，也让我对于动态网站有了真正的认识：动态网页与网页上的各种动画、滚动字幕等视觉上的“动态效果”没有直接关系，动态网页也可以是纯文字内容的，也可以是包含各种动画的内容，这些只是网页具体内容的表现形式，无论网页是否具有动态效果，采用动态网站技术生成的网页都称为动态网页。从网站浏览者的角度来看，无论是动态网页还是静态网页，都可以展示基本的文字和图片信息，但从网站开发、管理、维护的角度来看就有很大的差别。动态网页的一般特点可以总结为如下两点：1采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、。2动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页。 参考的书目：尚俊杰 2004 网络程序设计ASP 北京：清华大学出版社 刘洪武 2003 网页设计与制作 大连：大连理工大学出版社第 14 页 共 15 页