程序员班asp教学笔记.doc

《程序员班asp教学笔记.doc》由会员分享，可在线阅读，更多相关《程序员班asp教学笔记.doc（23页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、 asp教学笔记 第一章：web基础知识 在这一章中我们将要学习以下几点内容： 1:web服务器与客户端： 2:静态网页的概念 3:动态网页的概念 4:什么是脚本语言 5:客户端脚本与服务器端脚本 6:如何区分代码是客户端执行，还是在服务器端执行 web服务器与客户端1:什么是web服务器A:web服务器并不是一台物理的机器，你只要在那台计算机中安装了IIS(internet 信息服务)，则这台计算机就 是一台web服器，B:我们通常把网页的执行可以分成客户端与服务器端，存放网页的那一端被称为服务端，而看(浏览)网 页的一端就是客户端C:要使客户端能够通过IE查看服务端的网页，必须在服务端安装

2、ISS,也就是说我们说的服务器端就是必须安装 IIS的那一端，也即web服务器D:web服务器就是我们常说的存放网页的服务器，当客户通过IE向web服务器发出要察看一个网页请求时，web服 务器会接受请求并在服务器上找到相应的网页，执行请求，并把执行的结果返回给客户端的IE. 客户端(IE)-(互联网)-web服务器(IIS) -(处理请求)F:一般而言客户端与服务器在不同的计算机中，当然也可以是同一部机器既是服务器与客户端 静态网页: 在动态网页产生之前，所有的网页都是静态的,静态网页具有以下几个特点： A:静态网页的代码全部都是用html(hypertext markup lanague)

3、超文本标记语言编写的. B:静态网页里面没有程序代码,在服务器端以是*.htm扩展名来存储的 C:当IE向web服务器发出静态网页的请求时,web服务器会把该网页上的htm代码下载到客户端的IE去执行，也 就是说，web服务器是不会执行任何代码的，web服务器此时只是一个htm代码存放的场合 D:由于静态网页没有程序代码，所以网页不会根据环境的不同而发生改变(除非有人修改网页)，于是就有了 静态网页的说法(比如：一幅显示在静态网页中的图片，不会根据时间的变化，而显示不同的图片) 我的中国心 E:IE浏览器只能够识别html语言，不能识别程序 动态网页 (active server page)

4、动态网页具有以下几个特点： A:动态网页内含有程序代码,当客户端向web服务器发出请求时，web服务器要执行里面的代码,并把执 行之后的结果(纯的html语言)，返回给客户端的IE，由IE来解读html,并得到结果 B:这种网页在web服务器端是以*.asp(asp)来出现的 C:由于web服务器会执行动态网页的里面的程序代码，程序根据执行的条件不同，其执行的结果也会不 一样，也就是说执行的结果是变化的，于是就有动态网页的说法 结总：编程的一般是动态网页，没有编程的一般为静态网页 什么是脚本语言: 脚本语言就是种介于html语言和高级语言(vb,java)等语言之间的一种语言。它更接近于高级语

5、言，不过它比高级语言简单易学，当然也没有像高级语言的功能那么强大。asp本身不是一种脚本语言，但它却可以嵌入脚本语言vbscript和javascript等语言。默认语言为vbbscript语言。脚本程序既可以客户端执行被称为客户端脚本语言，也可以在服务器上执行。被称为服务器脚本语言 编写asp程序为我们提供了以下几种语言 1:vbscript 2:javascript 其中vb语言是最简单，最容易学的语言，它继承了vb的大部分语法，利用vb开发asp程序是最容易的一门 的语言。 客户端脚本与服务器端脚本 从以上我们知道asp的整个体系统结构分为三层。客户端,web服务器,数据库服务器在这三种

6、层次中。都有各自的脚本语言。我们在客户端可以使用vbscript，也可以使用javascript。不过我们一般都使用javascript。因为javascript比起vbscript更加灵活。而服务器端也可以使用vbscript或javascript不过在服务端而言,vbscript又比起javascript简单，所以一般用vbscript。而客户端完全可以把一些功能提交到web服务器上，让web服务器帮芒去做。这样一来，虽然客户端比较清闲，则加重的web服务器的负荷。所以我们不可能说只用服务器端脚本。或者只用客户端脚本，经常是两者结合起来使用。比如：当用户在IE中点选一个按钮，来确实是否需要

7、提交某条信息给服务器的验证时，就应该把验证代码放入客户端中。 客户端-服务器-数据库 (javascript或vbscript) (vbscript，javascript) sql脚本 一般使用javascript 一般使用vbscript 如何区分代码是客户端执行，还是在服务器端执行 1:写在之间的代码将在服务器端执行 2:写在 或 思考：下列代码为什么会错误 第二章：asp的概述 在这一章中，我们要学习以下几个知识点： 1:asp的发展史 2:asp运行原理 3:建立asp的运行环境 4:编写第一个asp程序 5:如何执行一个asp程序 asp的发展史 asp全称为active serve

8、r page 动态服务器网页 从1996年asp诞生到现在已经经历了10多年了，在这短短的十年内，asp却发生了一些变化 asp1.0-1996 asp2.0-1998 asp3.0-2000 目前主要的网络程序设计语言有asp,php,jsp。从总的方面来说各种网络程序语言基本上都是把脚本语言嵌入html标记语言混合在一起。但是asp学习简单，使用方便;php软件免费，运行成本低；jsp多平台支持。转换方便 asp运行原理 1:客户端通过IE向web服务器发出要访问一个网页的请求 2:web服务器通过分析来自客户端的请求，来定位网页的位置. 3:web服务器找到对应的网页之后,并处理网页中的

9、程序代码，并最终生成纯的html代码 4:最后把纯的html返回给客户端的IE来执行，即会得到显示结果 5:可见asp程序都是在服务器端来执行的，只是把执行的结果(纯的html代码)返回给客户端 6:由于代码是在服务器端执行的。故其保密性非常好(用户通过ie看不到对应的源码) 建立的运行环境 1:安装IIS(internet information server)的步骤 1):可以通过windows2000的安装光盘就可以安装IIS(添加删除程序-组件)，讲解如何察看IIS 2):启动IIS，要想让web服务器，执行代码，必须要启动IIS，不过当你安装IIS之后，windows会 在每次启动时

10、自动启动IIS,试着停止一下(默认web站点,单右-停止) 3):测试IIS是否工作正常,输入http:/localhost/iisstart.asp其中iisstart.asp是专门用来 给用户测试ISS用的 4):设置虚拟目录: 我们在开发网页工程的时候，可以把一个工程中的所有网页放在同一个目录下面，这样即便 于管理，也方便客户来访问网页,但是直接用目录来访问太麻烦，于是就作一个虚拟目录， 让这个目录实际上指向这工程的实际目录，这个目录，就是虚拟目录 5):设置默认文档:不用输入网页的名字，就可以自动去找到该网页 6):在drearmwave里面建站点 编写第一个应用程序 1:respon

11、se.write(字符串)向客户端的IE输出字符串 2:保存之后，看到扩展名为*.asp 3:F5运行 如何执行一个asp程序 1:把的源程序复制到一个目录下面 2:创建一个虚拟目录(如果没有话) 3:打开IE,在地址栏中按如下格式输入： http:/网页所在计算机的ip地址/创建的虚拟目录名/网页名 4:特别的：如果web服务器与网页在同一台计算机中，则可以如下形式 http:/localhost或127.0.0.1/创建的虚拟目录名/网页名,其中的http:可以省略，也即是 localhost或127.0.0.1/创建的虚拟目录名/网页名就行了 作业 1)名词解释：静态网页 动态网页 服务

12、器端 客户端 2)小王正在家里上网访问新浪网站。此时谁是服务器端，谁是客户端 3)如果小王自己在家里访问自己计算机上的网站。此时方谁是服务器端，谁是客户端 4)静态网页的工作原理 5)动态网页的工作原理 6)什么是客户端脚本语言，什么是服务顺端脚本语言 7)asp文件的主要由那些代码来构成 A:vbscript或javascript。 B:加html标记语言 第三章:html语言基础 html是构成网页最基础的要素，我们在开发的项目时，是把编程与html结合起来一起使用的，所以一 定学好html语言.在这一章中，我们要学习以下几点内容 1:标记的概念： 2:区域的概念： 3:标记的属性： 4:

13、html文档结构 5:超链接概念： 6:段落的概念： 7:换行符的概念： 8:常用的html标记 9:在html文档如使用图像 10:在html文档中使用表格 标记的概念： 首先看一个简单的html文件： 我的确良 我的中国心 其中,等被称一个标记,这些标记都是有意义的，每一个标记就好像是给浏览器下一个命令，所以我们称这些为标记命令相当于n是在换行一样。标记是用于控制html文档的内容和外观。html中的标记大多数是成对出现的(但不是全部)。一般是形如： 区域的概念 我们把 这一整体被称为一个区域，区域的好处是让html具有结构性，可提高其可读性 标记的属性有些标记是可以含有属性的。比如： 这

14、个标记就是表示把窗体整个的背景色作为红色 html文档结构 html有三个基本部分 1:html部分，每个html文档必须以标记开头，以标记结束 作用：通知浏览器这两个标记之间的内容是一个html文档 2:头部分：形如： 。此部分包含文档的标题标题包含在title标记内，以 开始，以结束 3:正文部分：跟在头部分之后的内容。正文包含所需要要显示在网页内的文本，图像，链接，表格等内容。正 文部分以标记开始，以部分结束 一般的html格式形如： 标题 /head 在这里写上html其它的标记 超链接概念 在浏览网页时，将鼠标光标移到某一段文字或图片上面，如果会出现手指形光标，就表示这是一个链接，在

15、此按下鼠标会链接到另外一个网页 要设置超链接必须要使用标记 其格式如下： 链接文本 其中链接的目的对像可以为以下几点情况 1:链接到其它的文档 比如：我的链接 2:链接到指定网站: 比如：我的网站 3:链接到指定的邮箱 比如：我的邮件 换行符,空格 换行符为而空格必须要在全角的状态打才生效果。另外也可以按下 ctrl+shift+空格键来产生 也是空格 常用的html标记 上一节谈了html的基本概念，这一节，我们要学习一下html基本的标记 1):设置文字外观的标记 A):： 实现文字加粗文字 B): 实现文字的斜体 C): 给文字加下画线 D): 给文字设置成上标字 E): 给文

16、字设置为下标字 F): 用来设置文字的字体,font标记通常带有属性(size,color,face(字体名字) size:最大值为7,最小值为7 练习： 我是一只小小小鸟 (小字越来越来小,加粗) 想要飞也飞不高(第一，二个飞作为上标，高作为下标) 我是一只 小 小 小 鸟 想要飞也飞不高 2):设置段落的样式标记： a):-:这几个标记的用途是设置段落标题的大小级数。 标题第一级 标题第二级 标题第三级 标题第四级 标题第五级 标题第六级 c):希望结果显示的文本与html源定义一致。 由于正常下，在浏览器会把多个空格当一个空格来处理，换行符不会作为换行符来对待 /不要pre试一下 for

17、 i=1 to 10 for j=1 to 10 printf(%d,i); h):使用水平标尺标记 有几个属性： width:对齐宽度(用文档宽度的百分比) size:粗细 color:颜色 在html文档中使用图像 img标记可以将图像插入到html文档中.语法为 属性： align属性：用来说明图片的对齐位置但是align只能够取left,right不能取中间 下面的方法能够把图像放在文档中间 也可以利用图像来实现超级连接： 我的留言板 在html文档中使用播放歌曲 在html文档中做滚动文字 标记 behavior:决定如何滚动 direction:滚动方向 在html文档中使用表格

18、1:标记可以用来在html文档中创建表. 2:标记可以用来产生一行 3:标记可以用来产生一列 原则： 每个.构成单栏数据，多个.放在.之间构成一行数据。 多个.放在.之间即构成一个表格 4:boder属性用于指定边框的宽度。如果将该值设为零，则不显示边框 6:标记用于添加表的标题:必须紧跟随在之后的位置指定 7:align属性可以设置单元格,或某一行的水平对齐方式它的取值为left,right,center 8:valign性可以设置单元格，或某一行的垂直对齐方式它的取值为top,middle,bottom 9:bgcolor属性用来设置表格的背景色 9:nowrap不自动换行 10:witd

19、h属性用来设置表格的宽度 1):以网页的显示宽度为百分比： 比如： 2):指定宽度： 比如： 3):如果不设宽度，表格会自动以其中的文字为宽度 11:heigh:用来设置表格的高度 12:cellspacing属性用来设置单元格之间的间距 13:cellpadding属性用来设置单元格边界与内容之间的距离 比如: 练习： 创建不规格表格 1：通过colspan来指定单元格要跨多少列 2: 通过rowspan来指定单元格要跨多少行 3:一定要用在中 第四章：客户端javascript编程 前面已经了解，网页实际上在客户端经过信息的输入之后，再传给服务器的。那么在传递给服务器过程中可能 有些数据是

20、不合法。如果把这些数据让服务器去验证的话，会加大服务器负荷，我们就需要在客户端来处量。于是就要用到客户端的编程语言。一般而言，在遇到下面几种情况时，要使代码在客户端执行 A:数据的合法验证 B:关闭浏览器的窗口 C:在客户端弹出对话框 D:实现一些颜色，图形效果。但是如果把代码放在客户端来执行的话，代码是不安全的。 在本章中我们要学习 1:如何让代码在客户端执行 2:javascript的语法基础 如何让代码在客户端执行 asp规定，只要把代码写在之间，那么这些代码就不会上传给服务器，直接由客户端的浏览器来执行 放在与之间 或 javascript代码 javascript代码 也就是说，只要

21、加了.之间的代码就成为客户端javascript脚本 原则上javascript代码应该放在与之间，但实际上可以放在网页的任何位置 javascript的语法基础 1:javascript区分大小写 2:javascript每一条语句必须以;结束，与C语言一样 3:输出:document.write(字符串) 4:改变窗体的颜色document.bgColor=red; 4:定义变量：var 变量名 5:弹出对话框：alert(提示的内容) 6:弹出询问对话框：confirm(询问的内容) 7:关闭窗体:window.opener=null;window.close(); 8:打开一个窗体:

22、1)window.open(网页名) 开一个新窗口 2)window.location=url 不会打开一个新窗口 3)window.open(网页名,名字,height=100,width=300)指定大小打开窗口，窗口不能最大化 4)window.open(网页名,名字,channelmode,scrollbars) 以频道方式打开一个页面 5)网页全屏显示 t=window.open(2.asp,my,scrollbars); t.moveTo(0,0); t.resizeTo(screen.width,screen.height); 9:设置状态栏文字：window.status 12

23、:得到表单元素的值：表单名.元素名.value 字符串处理： 1)字符串相加：acd+123 2)转换字符串为数值：parseInt(字符串),parseFloat(字符串) 3)转换数值为字符串：数值+文本=自动转化成为文本 4)用于判断字符串表达式是否是数字：isNaN(表达式) 5)得到文本的长度: 字符串.length 6)得到文本中第i个 字符：字符串.charAt(i) 7)判断一个字符串是否在字符串里面: 字符串.indexOf(子串) 8)截取一个字符串: 字符串.substr(开始位置，个数) 13:日期处理: 1)得到当前的日期 var date=new Date(); d

24、a.getYear()+-+da.getMonth()+-+da.getDate() 2)得到当前的时间： var da=new Date(); document.write(da.getHours()+:+da.getMinutes()+:+da.getSeconds(); 3)得到当前的星期 var da=new Date(); da.getDay()0:星期日,1,2,3,4,5,6 4)得到日期和时间不能单独得到日期或时间 var da=new Date(); da.toLocaleString(); 14:if if.else,for,while,switch case 15:jav

25、ascript里面的函数,及函数的调用,以及变量的作用范围 16:操作超时。指定让代码过几分钟后自动执行某个过程。可以实现考试倒计时功能。 变量=setInterval(执行的函数名(),1000) 举例： var h=0,m=1,s=0; function showtime() s-; if (s0) s=59; m-; if (m0) m=59 s=59; h-; if (h0) window.opener=null; window.close(); window.status=h+:+m+:+s; setInterval(showtime(),1000); 17:停止时钟 clearIn

26、terval(变量) 18:javascript事件: onclick,onmouseout,onmousemover,keydown,load,unload,onsubmit 举例： 1:鼠标指向一个表格，或文本框时变颜色 2:load事件：写一些初始化代码 3:unload事件:当窗体关闭时 4:表单提交验证 举列 原理：当用户按下提交按钮时，会触发表单的onsubmit事件。在这个事件里面根据用户返回的 值(true,false)来决定是否需要提交表单，为true时会提交，为false不会提交 所以我们经常会用一个函数来进行数据验证。 19:如果在事件里面调用一个函数或过程 如果在事件里面要调用一个函数或过程，这个函数或过程一定要在客户端执行。否则会发生错误 19:改变某个对像的背景色 this.style.backgroundColor=yellow, this.style.color=文字颜色 22:设为首页: