第01章 ASP基础和动态网站开发工具.ppt

第1章ASP基础和动态网站开发工具,本章要点：WWW的工作原理ASP概述ASP运行环境ASP开发流程网站开发工具,1.1WWW的工作原理,WWW(WorldWideWeb)即万维网，它是当前Internet上最受欢迎、最为流行、最新的信息检索服务系统。WWW技术采用HTML语言，使用超链接组织数据格式，集文本、音频、视频等多种媒体于一身，大大提高了信息的检索能力，于是信息的第四媒体互联网就产生了，这种技术将各不相同的客户机/服务器(C/S)模式开发转向浏览器/服务器(B/S)模式，实现了在全球范围内的网络数据共享和传播,1.1.1服务器端与客户端的概念,1.C/S模式体系结构C/S(Client/Server)模式即客户机/服务器模式，是最早的网络服务模式。在网络中，客户机负责与用户的交互及收集用户信息，通过网络向服务器请求对数据库信息的处理工作。服务器负责管理对数据库的访问，对数据库进行检索和排序，并负责数据库的安全控制。在此模式下，客户机的处理功能通常都很强,但对客户机要求较高，其使用者一般需要经过专门的培训，另外，客户/服务器(C/S)模式的维护、升级较麻烦。图1-1是C/S模式的工作原理图。,图1-1C/S模式的工作原理,2.B/S软件系统架构B/S(Browser/WebServer)即浏览器/服务器模式，它是伴随Internet迅速发展起来的一种技术，在B/S中，客户端是浏览器，服务器端是网站服务器(WebServer)B/S模式的主要优点是集中化管理和维护，便于扩充应用升级维护简便，而客户端的免安装和零维护的特点，极大地降低了日后的维护成本。图1-2是B/S模式的工作原理图。,图1-2B/S工作原理图,1.1.2静态网页的工作原理,所谓静态网页，指的是直接采用HTML语言编写的页面，其中不包含在服务器端运行的动态脚本。静态网页的文件的扩展名名通常是.htm、.html、.shtml、.xml等静态网页的特点如下：（1）每个页面都有一个固定的URL，且网页URL不含有“?”等传值符号。（2）每个静态页面都保存在Web服务器上，每个网页是一个独立的文件。（3）静态网页的内容相对稳定，因此容易被搜索引擎检索。（4）静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页就不太可能。（5）静态网页的交互性差，不能作为注册等操作数据库的相关项目,1.1.3动态网页的工作原理,动态网页指的是采用相关动态服务器技术，如ASP、ASP.NET、JSP、PHP等实现的和用户实际使用交互的网页。动态网页并不是指显示的动画、动作等相关效果它指的是必须经过服务器的一次编译执行，才能体现网络服务的网页。动态网页以数据库技术为基础，采用统一的数据库管理方式，大大提高了站点建立和维护的效率；采用动态网页技术实现了很多交互功能，如查询、修改、删除数据的在线操作等。采用动态调用技术只需要编写统一的调用窗口，可随时为用户生成所需页面，简化了在服务器上的页面存储量；由于一次返回给用户的是一次动态页面的执行结果，所以并不担心源代码的泄露。惟一的缺点是，由于动态页面显示的内容是临时生成的，可能搜索引擎不会对它进行相关的访问记录，这就要求站点管理员采取其他措施，实现站点的推广过程,1.2ASP概述,1.2.1ASP的定义ASP是一种服务器端脚本环境，内含于IIS3.0以上版本之中，ASP定义服务器端动态网页的开发模型，使用ASP可以组合HTML页、脚本命令和ActiveX组件，以创建交互的Web页和基于Web的功能强大的应用程序。,1.2.2ASP的工作原理,ASP的工作过程包括访问HTML页面和访问ASP页面两个过程。在访问HTML页面时，Web服务器根据收到的用户请求，查询对应的文件，从磁盘或存储器中取出并送回浏览器。由本地用户端的浏览器来负责解释HTML文件，并将结果显示出来。访问ASP页面时，根据用户提供的ASP文件在当前服务器上查找，将该文件交付脚本引擎（ASP.DLL）文件中，脚本引擎将ASP文件从头到尾进行解释处理，并根据ASP文件中的脚本命令生成相应的HTML网页。若该ASP文件中含有访问数据库的请求，就通过数据库连接组件与后台数据库相连,并依据访问数据库的结果集自动生成符合HTML语言的页面，以响应用户的请求。所有相关的工作由Web服务器负责。图1-3为ASP的工作原理图。,图1-3ASP工作原理图,1.2.3ASP的特点,ASP使用VBScript、JavaScript等简单易懂的脚本语言，同时结合HTML代码，即可快速建成网站的应用程序。使用普通的文本编辑器，如Windows操作系统自带的记事本，即可进行编辑设计，而利用FrontPage或Dreamweaver等所见即所得的网页编辑软件可以快捷方便地进行编辑，易学易用。ASP程序与浏览器无关,客户端只要使用可执行HTML代码的浏览器，即可浏览ASP所设计的网页内容。ASP在Web服务器端执行，这样将对Web源代码实现了一次保护过程。ASP能与任何ActiveXScripting语言相容，具有无限可扩充性,可以使用VisualBasic等编程语言来编写所需要的ActiveXServerComponents。另外，ASP脚本在服务器上执行，传到用户浏览器的只是ASP执行结果所生成的常规HTML码，这样可保证编写出来的程序代码不会外漏。ASP主要工作在微软的IIS服务器平台下，由于ActiveX对象具有平台特性，所以ASP技术不能很容易地实现在跨平台的Web服务器的工作，这是ASP的最大缺陷,1.2.4ASP的编写,ASP编码分为两大部分：一部分为静态内容编码，另一部分为包含服务器端脚本的动态内容编码。静态内容编码又分为客户端脚本(Script)编码和HTML编码两部分。一个ASP程序可以有服务器端脚本、客户端脚本和HTML编码三部分。编码规范采用如下约定：客户端脚本使用JavaScript，服务器端脚本一律使用VBScript，静态页面输出一律使用HTML编码。在ASP编写中，一个语句可以分块书写。ASP程序设计的重点在于脚本的编写。ASP程序以“”符号作为标准的ASP定界符，而“”和“”之间的就是脚本语言。ASP不同于脚本语言，它有自己特定的语法，所有的ASP命令都必须包含在“”之内。ASP通过包含在“”中的表达式将执行结果输出到客户端浏览器。ASP语句可以可以出现在HTML文档中的任何地方，按照用户的需求在必要的位置添加即可ASP的编写可以直接采用记事本或者使用任何一个文本编辑器都可以实现。实际上通常采用一款网页编辑和处理软件是必须的。目前市场上比较流行的静态网站制作工具有FrontPage和Dreamweaver，用户需要将对应的静态项目全部设置好，然后将ASP代码内嵌在HTML中即可。另外，微软公司开发的InterDev是开发ASP的功能强大的编辑软件。用户也可以使用该工具编写ASP代码。ASP代码编写完成后，在配置好的ASP服务器下运行即可实现调试过程。,1.3ASP的运行环境,1.3.1运行环境概述ASP必须要运行在微软的PWS或IIS平台下。PWS即PersonalWebServer，是早期用于开发Web站点的小型服务器，它主要应用于解决个人信息共享和WEB开发。目前PWS已经不常使用从Windows2000开始，微软公司推出功能强大的IIS服务器平台。IIS(InternetInformationServices)即Internet信息服务器，它是专业的Web服务器工具。IIS通过超文本传输协议(HTTP)传输信息，还可配置文件传输协议(FTP)和其他服务，如NNTP服务、SMTP服务等，通过使用CGI和ISAPI，IIS可以得到高度扩展。在Windows2000中IIS版本是5.0，WindowsXP中版本是5.1，Windows2003中是6.0,1.3.2IIS服务器的安装,（1）单击“开始”菜单，选择“设置”“控制面板”命令，打开“控制面板”窗口，在控制面板中双击“添加/删除程序”按钮，弹出“添加/删除程序”窗口。（2）单击“添加/删除程序”窗口中的“添加/删除Windows组件”按钮，打开“Windows组件向导”对话框，选中“Internet信息服务(IIS)”复选框，（3）单击“详细信息”按钮，打开“Internet信息服务(IIS)”对话框，可以看到IIS包含很多的内容，对于ASP而言，只要选中“万维网服务”、“FrontPage2000服务器扩展”、“Internet信息服务管理单元”、“公用文档”复选框即可。在默认情况下可以直接单击“确定”按钮，回到“Windows组件向导”对话框。（4）在“Windows组件向导”对话框中，单击“下一步”按钮，进入文件复制阶段，在文件复制过程中，系统会提示用户插入Windows操作系统的安装光盘，用户只需插入与本系统版本一致的安装盘，继续安装直到安装结束。（5）文件复制完后，打开完成“Windows组件向导”界面，单击“完成”按钮，完成IIS服务器的安装,1.3.3IIS服务器的配置,(1)在IIS管理器中，右击“默认网站”，在弹出的快捷菜单中选择相应的命令可以对服务器进行启动、停止、暂停等操作(2)选择“属性”命令，弹出“默认Web站点属性”对话框，在“Web站点”选项卡中，“说明”文本框用于输入网站名称，在“IP地址”下拉列表框中选择网站使用的IP地址，默认为“（全部未分配）”，标识将使用所有系统可用的IP（同一台主机可能包含多个IP）；“TCP端口”默认的端口号为80。(3)单击“高级”按钮，打开“高级多Web站点配置”对话框，单击“添加”按钮增加其他访问IP或域名，单击“编辑”按钮可以更改网站的原来访问方法，单击“删除”按钮将删除网站的该种访问方式。单击“添加”或“编辑”按钮都会弹出一个“高级Web站点标识”对话框。（4）打开“主目录”选项卡，该选项卡主要用于设置网站的主目录。通过改变主目录，可以让Web服务器对应不同的网站内容，如果在服务器上要同时提供多个网站服务，则可以通过创建虚拟目录来实现。,（5）单击“主目录”选项卡中的“配置”按钮，打开“应用程序配置”对话框进行相关设置。在“应用程序配置”对话框中，打开“应用程序调试”选项卡，选中“启动ASP服务器脚本调试”和“启动ASP客户端脚本调试”两个复选框，实现调试标志。（6）返回Web站点属性的“文档”选项卡，在该选项卡中，设置默认的网页名称。一般默认的文件名有default.htm、index.htm、index.asp等。（7）在IIS管理器中右击“默认网站”，在弹出的快捷菜单中选择“新建”“虚拟目录”命令，打开“虚拟目录创建向导”对话框,单击“下一步”按钮打开“虚拟目录别名”对话框，在“别名”文本框中输入站点别名。（8）单击“下一步”按钮，打开“Web站点内容目录”对话框，单击“目录”文本框后面的“浏览”按钮,在“浏览文件夹”对话框中指定文件目录单击“下一步”按钮,打开“访问权限”对话框，选中“读取”、“运行脚本”和“浏览”复选框。单击“下一步”按钮,出现“创建成功”界面，单击“确定”按钮完成虚拟目录的创建,1.3.4IIS服务器的测试,（1）默认站点测试。在浏览器的地址栏中输入或者http:/localhost，即可调出系统默认的首页，如图1-4所示。出现此页面，说明IIS服务器安装成功。,图1-4IIS默认页,（2）安全设置测试。当配置了使用认证方式的设置时，要调出该站点，必须要输入由对应站点提供的合法用户名和密码，如图1-5所示。（3）配置站点测试。（4）虚拟目录测试。输入主机地址/虚拟目录地址即可。注意在本测试中，端口号是8080，如图1-6所示。,图1-5“输入网络密码”对话框,图1-6虚拟目录站点的测试,1.4ASP动态站点的开发流程,1.4.1设计站点框架和功能模块1.需求分析站点开发的首要任务是实现需求分析过程，通过需求分析，确定站点要实现的基本功能，建立仔细分析，挖掘出客户潜在的、真正的需求，写一份详细、完整的需求说明。需求说明书要详细说明开发站点的每个模块的功能，并描述系统的测试和衡量标准。2.整体规划（1）总体设计（2）系统规划3.网站建设方案在前面的基础上，继续细化需求分析，设计详细的开发计划，进行人员和进度安排。设计站点模块的连接关系。提出站点设计的相关经费，所使用的软硬件环境，所运行的软硬件环境，站点的测试、运行和后期维护等。,1.4.2嵌入相关ASP程序代码,1.环境准备2.创意设计3.站点版面设计和美化（1）LOGO(标志)。LOGO的设计创意来自网站的主题内容和名称，能集中体现网站的特色和内涵。（2）标准色彩。色彩是网站的风格之魂，因此设计网站标准色彩是相当重要的一步网站的标准色彩能体现网站的形象，延伸内涵。其一般用于网站的标志、标题、主菜单和主色块。一个网站的标准色彩最好不要太多，以不超过三种为宜。（3）标准字体。一般网页默认的字体是宋体，也可根据网站的特色选择一些特别字体如果是特别字体，可以制作成图片，以免客户端的最终显示效果大打折扣。标准字体一般也是用于标志、标题、主菜单等。4.网站的层次结构和链接结构网站的链接结构是指页面之间相互链接的拓扑结构。建立网站的链接结构一般有两种基本方式：一种是树状链接结构，就是首页链接指向一级页面，一级页面链接指向二级页面，此结构条理清晰，但浏览效率低；另一种是星状链接结构，这种结构下的每个页面相互之间都建立有链接，此种结构的优点是方便浏览，但缺点是链接太多，容易令人头脑混乱。在实际的网站设计中，一般都将这两种结构混合使用,1.4.3系统运行测试和错误修改,在网站初步完成后，上传到服务器，对网站进行全范围的测试，包括速度、兼容性、交互性、接正确性、程序健壮性、超流量测试等。发现问题及时解决并记录下来。在这个阶段里，程序员和网页设计师同时进入全力开发阶段。需要注意的是，测试人员需要随时测试网页与程序，发现BUG立刻记录并修改。不要等到完全制作完毕再测试，这样会浪费大量的时间和精力。项目经理需要经常了解项目进度，协调和沟通程序员与网页设计师的工作。,1.4.4站点发布,网站建设好之后，测试无错误产生后，应该就要进行站点的发布了，要注意的问题是，设计的站点必须自带后台管理系统，可以直接通过和前台一样的网页来实现信息的发布、维护和管理工作。发布可以采用直接的FTP上传、HTTP上传等多种方式，在这里要强调一点，站点编写中推荐使用相对路径，否则上传后有可能就存在文件目录错误的现象。在上传后必要的安全设置必须要完成，例如，如果网站采用Access数据库，由于数据库本身就是一个文件，是和网页一起直接发布的，就要排除被下载的可能，通常的做法是将其文件的后缀名由*.mdb改变为*.asp。另外，在服务器上查看是否产生目录浏览的相关可能。用户可能决定不了服务器关闭目录浏览的功能，但是可以在无关目录中设置对应的默认页面，这样跳转到一个目录后，自动导向默认页面，这也是一种保护方式。,1.5站点开发常用工具,1.5.1网页编辑工具1.DreamweaverDreamweaver是Adode公司推出的可视化网页设计和网站管理工具。它支持最新的Web技术，包含HTML检查、HTML格式控制、HTML格式化选项、HOMESITE/BBEDIT捆绑、可视化网页设计、图像编辑、全局查找替换、全FTP功能、处理Flash和Shockwave等媒体格式和动态HTML。目前使用得比较多的版本为Dreamweaver82.Frontpage的简介Frontpage是Microsoft公司出品的功能强大的站点设计常用工具。目前市场上常用的为Frontpage2003，如图1-23所示是Frontpage2003的主界面。,1.5.2图形图像制作工具,1.PhotoshopPhotoshop是Adobe公司推出的功能强大的图形处理软件，Photoshop功能非常强大,处理图片效率高。在网页设计中，可以用来设计出网页的整体效果图、精美的图标以及按钮。PhotoshopCS2是目前最流行的版本,Photoshop的专长在于图像处理，而不是图形创作。2.CorelDRAWCorelDRAW是由加拿大Corel公司出品的矢量图形绘制及图像处理软件,它集图形绘制、平面设计、网页制作、图像处理功能于一体，同时，它还是一个专业的编排软件，其出众的文字处理、写作工具和创新的编排方法，解决了一般编排软件中的一些难题。它被广泛地应用于广告设计、封面设计、产品包装、漫画创作等多个领域。3.FireworksFireworks是Adobe公司出品的功能强大的设计和制作专业化网页图形的软件。Fireworks可以创建和编辑网页图形、对其进行动画处理、添加高级交互功能以及优化图像，使用户在单个应用程序中创建和编辑位图和矢量两种图形。,1.5.3网页动画制作软件,Flash是Adobe公司出品的功能强大的动画制作软件。由于设计的动画是流媒体文件格式，它具有边下载边播放的功能，所以它在互联网上非常流行。Flash是一种交互式动画设计工具,用来将声音文字和图片,甚至视频等组合在一起,制作出高品质低容量的Flash动画Flash的制作源文件的默认文件后缀名为*.fla，经过编译生成的Flash文件格式为*.swf或者*.exe，,1.5.4面向编程的ASP开发软件,微软Vi