ASP动态网页制作1

ASP动态网页设计计算机科学与技术系曲天伟第1章HTML及ASP编程基础（4学时）第2章Dreamweaver网页制作工具介绍4学时）第3章VBScript基础（4学时）第4章ASP内置对象（8学时）第5章ADO数据访问接口（8学时）第6章ASP动态网站实例（2学时）参考教材：《ASP动态网站编程》清华大学出版社，作者：石志国ASP动态网页设计计算机科学与技术系曲天伟第1章HTML及ASP编程基础3教学内容•介绍HTML基本知识•介绍两大编程架构•介绍ASP的发展历史及其ASP的相关技术•介绍如何配置ASP的运行环境，并给出来测试ASP的运行环境的案例。4教学重点、难点重点：HTML基本知识B/S和C/S两大编程体系区别客户端脚本和服务器端脚本的区别掌握ASP运行环境的配置及测试难点：服务器脚本和客户端端脚本的区别51.1HTML基础知识介绍•HTML网页框架•HTML的常用标记FONTFACE=“隶书”SIZE=“5”COLOR=“red”xx/FONTIMGSRC=“myimage.jpg”WIDTH=“300”HEIGHT=“200”BORDER=“10”HTMLHEADTITLE/TITLE/HEADBODY/BODY/HTML61.1HTML基础知识介绍AHREF=“Address.htm”XX/A•书签链接的格式：AHREF=#A标签A/ABR•定义书签的地址ANAME=A书签A/AAHREF=mailto:[e-mail]发送Email/A有序列表OLLI热爱祖国/LILI热爱人民/LI/OL无序列表ULLI热爱祖国/LILI热爱党/LI/UL71.1HTML基础知识介绍TABLEBORDER=1TRTD第一行第一列/TDTD第一行第二列/TD/TRTRTD第二行第一列/TDTD第二行第二列/TD/TRTRTD第三行第一列/TDTD第三行第二列/TD/TR/TABLEFORMMETHOD=“Post”ACTION=“do_submit.asp”XX/FORM•表单中常用控件实例：8HTMLBODYFORMACTION=do_submit.htmMETHOD=POST姓名：INPUTTYPE=TEXTNAME=USERNAMEBR密码：INPUTTYPE=PASSWORDNAME=USERPWDBR性别：INPUTTYPE=RADIONAME=SEXCHECKED男INPUTTYPE=RADIONAME=SEX女BR血型：INPUTTYPE=RADIONAME=BLOODCHECKEDOINPUTTYPE=RADIONAME=BLOODAINPUTTYPE=RADIONAME=BLOODBINPUTTYPE=RADIONAME=BLOODABBR性格：INPUTTYPE=CHECKBOXCHECKED热情大方INPUTTYPE=CHECKBOX温柔体贴INPUTTYPE=CHECKBOX多情善感BR文件：INPUTTYPE=FILEBR简介：TEXTAREAROWS=8COLS=30/TEXTAREABR城市：SELECTSIZE=1OPTION北京市/OPTIONOPTION上海市/OPTIONOPTION南京市/OPTION/SELECTBRINPUTTYPE=SUBMITVALUE=提交INPUTTYPE=RESETVALUE=RESET/FORM/BODY/HTML91.2软件编程体系简介目前开发领域中，主要两大编程体系。•C/S(Client/Server)•B/S(Browser/Server)•C/S与B/S区别10C/S(Client/Server)客户端1客户端2•在2000年以前，C/S结构占据开发领域的主流，随着B/S结构的发展，C/S结构已经逐步被B/S结构取代。11B/S(Browser/Server)•B/S结构的编程语言分成浏览器端编程语言和服务器端编程语言。–浏览器端包括：HTML（HypertextMarkupLanguage，超文本标记语言）、CSS（CascadingStyleSheets，层叠样式表单）、JavaScript语言和VBScript语言。–为了实现一些复杂的操作，比如：连接数据库，操作文件等，需要使用服务器端编程语言。目前主要是3P（ASP、JSP和PHP（PersonalHomepage））技术。ActiveX数据对象(ADO)数据库客户端1（浏览器）客户端2（浏览器）12C/S与B/S区别•B/S比C/S的维护工作量大大减少了。•B/S相对C/S能够降低总体拥有成本。•客户端和服务器端交互的方式不同。C/S结构中，客户端接受用户的请求，客户端向数据库服务提出请求，数据库服务将数据提交给客户端，客户端将数据进行计算（可能涉及到运算、汇总、统计等等）并将结果呈现给用户。B/S结构中，客户端接受用户的请求，客户端向应用服务提出请求，应用服务从数据库服务中获得数据，应用服务将数据进行计算并将结果提交给客户端，客户端将结果呈现给用户。13C/S与B/S编程体系图141.3ASP基本知识•什么是Asp•ASP发展史•ASP基本内容•ASP文件的处理•ASP的优点15什么是ASPASP英文全称是：ActiveServerPages激活服务器端主页。ASP不是一种语言，而是一种框架技术。16ASP发展史•ASP的第一个版本是0.9测试版•ASP1.0作为IIS（InternetInformationServer，Internet信息服务器）的附属产品免费发送，并且不久就在Windows平台上广泛使用。ASP与ADO的结合使开发者很容易地在一个数据库中建立和打开一个记录集。这是它如此快就被大众接受的原因。•1998年，微软公司又发布了ASP2.0。ASP1.0和ASP2.0主要区别是外部组件。有了ASP2.0和IIS4.0，就可以建立ASP应用了。•微软公司接着开发了Windows2000操作系统。这个Windows版本给带上了IIS5.0及ASP3.0。•目前WindowsXP版本中的是IIS5.1。17ASP基本内容•ASP可以使用两种脚本语言：VBScript和Jscript。所谓的Jscript语言就是微软版本的JavaScript语言。本课程所有案例程序基于VBScript语言。•ASP包含内置对象，最常用的是五大对象、一个集合和一个文件。五大对象分别是：Response，Request，Session，Application和Server，一个集合是Cookies，一个文件是Global.asa。•ASP最常用的内置组件是操作文件的组件和操作广告条的组件。ASP最强大的功能还是使用外置组件，比如使用外置组件实现文件上传，发送E-mail，等等。•通过ADO数据访问接口可以方便地操作各种数据库。通过ADO访问数据库有三种标准的访问格式。18ASP文件的处理ASP文件客户端（浏览器）ASP.DLLIISVBScriptJScriptActiveX数据对象(ADO)数据库19ASP的优点201.4B/S架构编程语言简介•目前，B/S架构主要使用4种语言：–ASP、ASP.NET、PHP和JSP。–ASP学习简单，使用方便；PHP软件免费，运行成本低廉；JSP多平台支持，转换方便；ASP.NET功能强大，编写容易。211.5服务器脚本和客户端端脚本•Web应用程序中的脚本•服务器端脚本•客户端脚本•服务器端脚本与客户端脚本区别22Web应用程序中的脚本处理Web服务器：服务器脚本处理Web服务器：服务器脚本处理数据输入Web客户端：浏览器JavaScriptVBScript数据输入Web客户端：浏览器脚本英文Script，实际上脚本就是程序，脚本同我们平时使用的语言区别是：语法简单，容易掌握，不具备通用性。23服务器端脚本HTMLBODY%Response.write(欢迎来到神奇之地！)%/BODY/HTML使用方法:%%是服务器脚本的嵌入标记例子1：向浏览器输出数据另一种方法Response.Write*注意文件名24客户端脚本使用方法:scriptlanguage=“vbscript”……/scirpt嵌入标记scriptlanguage=JavaScript!--JavaScript语句；--/script指定脚本语言HTML注释(!----)25客户端脚本HTMLBODYscriptlanguage=“VBScriptdocument.write(“欢迎来到神奇之地！”)/script/BODY/HTML*注意文件名26客户端脚本–为用户提供交互------添加HTML按钮控件–检验数据-----用于表单提交–动态修改内容-----在浏览器端修改数据客户端脚本作用：27HTMLHEADSCRIPTLANGUAGE=javascript!--functionbutton1_onclick(){alert(欢迎来到神奇之地);}--/SCRIPT/HEADBODYPINPUTid=button1name=button1type=buttonvalue=问候onclick=returnbutton1_onclick()/P/BODY/HTML客户端脚本单击“问候”客户端脚本作用：添加HTML按钮控件28客户端脚本HTML表单用户输入并提交JavaScript数据检验数据是否有效？有效数据将数据提交给服务器是否客户端脚本作用：用于表单提交校验数据29服务器端与客户端脚本区别1.嵌入脚本使用的标记不同2.保存的文件类型不同嵌入服务器端脚本的文件保存为.asp嵌入客户端脚本的文件保存为.Htm(html)3.脚本解释和执行的地点不同在服务器端脚本中，在网页显示时，服务器将解释和执行该代码。在客户端脚本中，在网页显示时，浏览器将解释和执行该代码。4.脚本的安全性不同301.6ASP运行环境配置•建议的配置环境为：Windows2000ServerSP4+IE5.5/IE6.0+SQLServer2000企业版。•本课程实验配置环境为：WindowsXP+IE5.5/IE6.0+Access2000/Access2003•本课程实验环境的配置31本课程实验环境的配置1．安装IIS开始－控制面板－添加删除程序－添加/删除Windows组件－Windows组件向导，则出现如下对话框：若没选取IIS信息服务（IIS），则选择，并点按“下一步”按钮，按屏幕提示安装。32本课程实验环境的配置2．配置IIS开始－控制面板－管理工具－Internet服务管理器，则出现如下对话框：33本课程实验环境的配置对“默认网站”单击鼠标右键，出现弹出菜单，选择“属性”，则屏幕显示：可根据需要修改默认网站的属性，一般多为“主目录”和“文档”。主目录中主要包括网站在本地机器中的实际路径以及相关权限；文档则设置网站启用的默认文档。34本课程实验环境的配置双击打开鼠标右击默认Web站点选择新建-虚拟目录单击“下一步”输入别名单击“下一步”输入包含内容的目录路径，或通过单击“浏览”选择目录路径单击“下一步”设置相应的访问权限单击“下一步”单击“完成”设置好的虚拟目录简而言之，网络应用程序是Web服务器上存储在一个目录及子目录下的文件的集合。其根目录称为“虚拟根目录”，子目录称为“虚拟目录”。3.虚拟目录35本课程实验环境的配置访问权限4.访问权限361.7ASP的编译环境简介目前还有比