web程序设计课程设计.doc

WEB程序设计实训报告实训题目：基于ASP和ACCESS动态网站开发 专 业： 计算机网络 院（系）： 高职学院 班 级 ： ZX0822 姓 名： 指导教师： 完成日期： 09年 12月 31日 【摘 要】随着互联网技术的不断发展，网络应用变得越来越多样化，网站的作用也越来越重要，被称作继广播、报纸、杂志、电视后的第五种媒体数字媒体，毋庸置疑网站拥有众多优势，所以现在不少企业甚至个人都有自己的网站，用来更好的推广自己的产品或宣扬自己的个性。本文主要介绍了基于ASP和Access的动态网站开发，并介绍了应用此技术建立的计算机图形学课程网站。文章首先简单阐述了计算机网络的发展和动态网站技术；然后相继介绍了主要的网站开发语言，HTML，ASP等；接着介绍了动态网站中SQL或Access数据库的建立以及与网站的连接；最后介绍了制作该小型网站的主要步骤，设计思路，重点难点和心得体会。【关键词】互联网；动态网站；ASP；Access；动态网站开发设计【引 言】现行基于ASP和ACCESS的普通网站，均具有用户注册、登录，及后台管理等各种模块，其后台管理应该能管理登录角色，能实时更新网站内容，具有此种功能的网站才算是一个功能齐全的网站。本文以ASP开发技术开发的“登录、注册及后台管理”为例，介绍了设计构思，实现等内容。第一章 前言1.1. Web技术的应用ASP是动态网站设计的重要工具，微软的ASP技术对运行环境要求简单，最重要的是它是建立在服务器上的技术，因此对客户端没有特别的要求。ASP像HTML文件一样包含有HTML语言，它是利用VBScript和JavaScript或其他脚本语言创建的在服务器端运行的脚本环境。用ASP连接SQL，Access等数据库，可以建立功能十分完备的动态网站。网站开发语言2.1 HTML语言超文本置标语言（英文：HyperText Markup Language，简称为HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标志语言。HTML被用来结构化信息例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。HTML的结构包括头部（Head）和主体（Body）两部分，其中头部描述浏览器所需要的信息，主体部分包含HTML文本所要说明的具体内容。 HTML是网络的通用语言,网页设计者可以用它建立文本与图片结合的复杂页面，这些页面可以在任何类型的电脑或浏览器上解释并显示。基本的HTML文档以DOCTYPE开始，它声明了文档的类型，在它之前不能有任何内容（包括换行符和空格），否则文档声明就会无效，接着是标签，最后以结束。简单的说,一个完整的HTML文档结构是这样的: HTML的语法规则很简单，但是它有一定的局限性，因为用HTML编写的网页只能是静态的网页，浏览者只能浏览网页上静态的文字或者图片，缺乏互动性是十分影响浏览者网上冲浪的体验效果的。因此有用ASP，PHP，ASP.NET等语言编写而成的动态网站。当然了，因为HTML的基础性，所以它仍然在不断的发展完善，并且形成越来越严格的标准和规范。2.2 ASPASP是Active Server Page的缩写，意为“动态服务器页面”。它是微软推出的一种服务器端脚本环境，用户可以用它来结合脚本语言、组件等建立动态的，具有交互能力的Web应用程序。严格来说，ASP并不是一种编程语言，也不是一种开发工具，它是一种可以把HTML代码、组件和VBScript或JavaScript等脚本语言融合在一起的技术。ASP包含有服务器端的脚本，正是因为执行了脚本语言，网站才会和用户交互。ASP中提供了非常丰富的标准服务器端的ActiveX组件，用这些组件可以完成非常复杂的工作。通过一些特定的对象集合，例如ADO ADO是微软公司开发的一个存取数据源的COM组件。（Active Data Objects），ASP可以方便的访问数据库。2.2.1 ASP的特点1. 简单易用。ASP程序不用经过编译就可以在服务器端直接运行，甚至用最基本的记事本就可以编写。2. 与浏览器无关。因为ASP所使用的脚本语言都是在服务器端执行的，所以客户端的浏览器只要能够执行HTML代码，就可以浏览ASP所设计的网页的内容。3. 可扩充。用VB，Java，C+等编程语言，程序员可以很方便的编写很多可用的服务器控件。4. 兼容性好。ASP除了可以用 VBScript和JavaScript来设计外，还可以使用其他第三方脚本语言。5. 安全可靠。因为ASP程序执行的结果是以HTML格式传回到客户端浏览器的，所以浏览者不会看到ASP程序的原始代码，这样可以有效的防止ASP程序源代码被窃取。2.2.2 ASP的运行环境及其工作原理ASP程序需要在支持ASP的服务器上才能正常运行，因此对于使用个人计算机的用户而言，就需要安装IIS等能够提供服务器功能的软件。具体安装过程因为不在本文所研究的范围内，所以这部分内容略去。但是大家需要注意的是BASIC版的操作系统是没有IIS功能的，所以如果一定要安装IIS的话，就要重新安装专业版的操作系统，也可以用其他具有相似功能的软件来替代IIS。所有的网页文件都是存放在Web服务器中的，当浏览者在客户端浏览器的地址栏输入某个网址并按回车键时，浏览器便向服务器触发了一个HTTP请求，服务器再根据所请求网页的扩展名来决定响应的方式。普通HTML的执行过程：图 1：普通HTML的执行过程ASP程序在执行的过程当中仍然是和HTML相关的,只是在执行的时候其中加入了一些特殊的语句。如果客户端向服务器请求的是静态的.HTML文件，那么服务器会直接把文件的内容传回给客户端浏览器。如果客户端向服务器请求的是后缀名为.ASP的动态网页，那么客户端首先会解释这个文件。在客户端解释.ASP文件的过程中，遇到HTML标记或者其他一般的文字时会直接将读取的内容传回给浏览器；但是如果遇到的是标记，则会把标记里面的内容首先当做程序，然后再解释执行。第二章 设计构思2.1设计目的为了实现该网站可以验证用户的合法性，必须要有注册、登录，此外应还可以防止用户丢失密码而设计的密码找回功能。当管理者以管理身份登录到后台管理系统时，此时应具备的基本功能应该有对所有登录者进行删除和修改注册者的基本信息；另外，管理员还应具备，更新网站内容，添加、修改内容。本文就是以一个小型网站首页为例，通过登录页面可以实现后台更新首页新闻内容，管理者也可以对用户进行添加、修改资料等基本功能。2.1系统流程本系统采用B/S架构进行设计，以web页面作为前台页面；用ASP开发中间应用程序层，用以连接后台数据库，进行数据处理，其具体流程如下图所示：首页普通会员登录会员登录成功页面找回密码注册注：本网站未对会员登录页面其功能进行设计，主要设计的是后台管理页面后台登录后台管理页面新闻编辑用户管理新闻修改上传新闻用户删除用户修改首页内容更新2.3开发平台选择制作时采用WIN2000以上系统版本，加装IIS组件，数据库采用ACCESS，ASP网页制作采用DreamweaverCS3制作，网页美工采用PHOTOSHOP制作。第三章 详细设计3.1首页设计3.1.1首页导航栏、尾栏要可以通过后台数据库可以改变，此外还要显示更新的新闻图片，故其要调用后台数据库，设计时对其进行框架结构。Index代码：每个子页面均通过conn.asp连接数据库，其代码如下：3.1.2首页效果如下截图所示：3.2登录模块会员和后台管理登录页面如下所示：注册：找回密码：后台管理界面：新闻修改：新闻添加：用户管理界面：修改用户信息：第四章 动态网站与数据库的连接动态网站的开发过程中最关键的技术就是动态网站与数据库的连接，它包括数据源的配置与连接、数据源的操作、数据的读取等。3.1 常用的数据库数据库，顾名思义就是存放数据的仓库，是存储在计算机上存储设备上的相互关联的数据集合。应用于互联网上的是Web数据库，它可以为人们从互联网上获得动态的，实时的信息。常用的数据库有SQL和Access。AccessAccess是由微软发布的关联式数据库管理系统，它结合了Microsoft Jet Database Engine和图形用户界面两项特点，是 Microsoft Office的组件之一。它具有如下特点：1. 具有表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；2. 可以用多种向导、生成器、模板来把数据存储、数据查询、界面设计、报表生成等操作规范化；3. 它为建立功能完善的数据库管理系统提供了方便，使普通用户不必自己编写代码，就可以完成大部分数据管理的任务。因为Access是小型的数据库，所以它的数据存储量不能太大，访问不能太频繁，记录不能太多，但是正因为它是免费的，并且功能完全可以满足大多数的应用，所以Access还是非常受到人们的欢迎的。3.2 ADO简介ADO (ActiveX Data Objects，ActiveX数据对象）是Microsoft提出的应用程序接口（API），用以实现访问关系或非关系数据库中的数据。OLEDB是现在应用程序访问数据源所使用的方法，它介于ODBC层和应用程序之间。在ASP界面中，ADO是介于OLEDB之上的应用程序。OLEDB是一个COM接口，ADO是为用户连接应用程序和OLEDB的桥梁。ADO支持用于建立基于客户端服务器和Web的应用程序的主要功能。3.2.1 Connection对象Connection对象可以用来实现应用程序对数据源的访问，并且确定对数据源的改变是否已经成功或者到底有没有发生。使用 Connection 对象的集合、方法、和属性可以执行对连接进行配置，设置连接的默认数据库，为在连接上打开的事务设置隔离级别，建立到数据源的物理连接，检查数据源返回的错误等操作。3.2.2 Recordset对象Recordset 对象表示来自基本表或命令执行结果的记录全集。任何时候Recordset 对象所指的当前记录均为集合内的单个记录。使用 ADO 时，通过 Recordset 对象可以对几乎所有的数据进行操作。所有 的Recordset 对象全部使用记录（行）和字段（列）进行构造。3.2.3 Command对象一个Command对象代表了对数据源的操作命令的定义，它可以用来简化操作并且提高效率。用户可以用一个Command对象查询数据库，然后将结果返回给一个Recordset对象，执行一批命令或者对数据库的结构进行操作。3.3 ASP与数据库连接在服务器上运行的应用程序需要进行大量的服务器端数据库操作，ASP通过内嵌的Database Access组件可以实现对支持ADO的数据源进行操作，包括Access，SQL等。要与ODBC兼容的数据库连接，需要建立一个DSN用以定位和标识特定的ODBC兼容数据库。不使用ODBC，ASP可以通过建立Recordset对象和Connection对象与任何与OLEDB兼容的数据库进行连接，并进行查询，修改，更新等操作。与Access数据库进行连接的代码如下：4.1.1 数据库的设计本网站数据库有两个user.mdb和 data.mdb两个数据库，一共有三张表来完成，分别如下：表1：留言板数据库数据库表名说明表的作用admin用来存放管理员的名字和密码管理登陆guest用来存放用户的信息和留言管理用户信息information用来表明该留言板的相关信息留言板的相关信息表2：info表表3: guest表字段名称类型说明id自动编号访客留言编号name文本访客名字come文本访客来自哪里 title文本访客留言的标题mail文本访客的邮箱content备注访客留言的内容reply文本管理员回复dateandtime日期/时间访客留言的时间字段名称类型说明id自动编号编号name文本留言板名字Url文本留言板主页board文本留言板公告栏num文本留言每页显示记录数badIP文本屏蔽使用的IP badwords文本屏蔽使用的字符表4：information表第五章 结 论在这次的课设写作完成之后，我对基于ASP和Access的动态网站开发有了更加深刻的认识。同时增加了将来对从事网站开发工作的兴趣，并且制作了我的第一个动态网站。在网站的制作过程之中，我前前后后遇到了很多困难，但是最后它们还是都被我一一解决了，通过对于为什么会出现这些问题的思考和总结，我知道了自己之前所犯的错误，这让我对知识有了更好的掌握，而且我想这对于培养我坚忍不拔的品质也是是非有帮助的。技术的进步是一方面，另外我还学会了更加合理的利用各种资源。“时间就是最宝贵的资源”这句话我在这一个多月中体会颇深,因为这段时期的事情真的比较多，所以时间总是显的特别紧张。最后对于我制作的这个计算机图形学课程网站，我觉得它还是优缺点并存的。首先优点包括：界面友好，浏览者可以很方便的找到自己所需要的信息；交互性较强，主要体现在留言板的功能比较全面。缺点主要有如下几个方面：网站的内容还有待增加；教学大纲、师资力量、学习资料三个板块还需要完善。希望自己在今后的学习和工作中，对上述几方面的不足能够进行探讨和改进。参考文献：1 姜兆瑞、张璇 等，网页设计师完全手册，北京：清华大学出版社，2006