动态网站开发基础第一章网站开发基础20190314课件

课堂要求课堂要求综合性的专业课选修课、考查课16学时理论+32学时上机实践成绩分配成绩分配40%期末成绩1.平时作业：20%2.出勤率（至少考察10次以上）：20%3.课堂表现：20%4.上机实训：40%平时成绩：60%平时平时成绩成绩本课程在课程本课程在课程体系中的地位体系中的地位？本课程的本课程的学习目标？学习目标？学期大作业：学期大作业：界面美观、内容丰富、技术含量较高的一个小型动态网站，能够实现会员管理、信息发布的功能！平时成绩：40%第一章第一章动态网站开发基础动态网站开发基础第一章第一章 动态网页制作基动态网页制作基础础1.1静态网页1.2动态网页1.3HTML1.4HTTP1.5URL1.6脚本语言第一章第一章 动态网页制作基动态网页制作基础础1.7ASP概述1.8JSP概述1.9PHP概述1.10ASP的执行方式1.11IIS的安装与架设1.12数据库的安装1.13ASP文件的编写与运行1.1静态网页-定义 静态网页是标准的HTML文件，它的文件扩展名是.htm或.html，可以包含文本、图像、声音、FLASH动画、客户端脚本和ActiveX控件及JAVA小程序等。1.1静态网页-特点1.静态网页每个网页都有一个固定的静态网页每个网页都有一个固定的URL，且，且网页网页URL以以.htm、.html等常见形式为后缀等常见形式为后缀2.静态网页是实实在在保存在服务器上的文件，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件；每个网页都是一个独立的文件；3.静态网页的内容相对稳定，因此容易被搜索静态网页的内容相对稳定，因此容易被搜索引擎检索；引擎检索；1.1静态网页-特点4.静态网页没有数据库的支持，在网站制作和静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难；时完全依靠静态网页制作方式比较困难；5.无需连接数据库，页面浏览速度迅速，且减轻无需连接数据库，页面浏览速度迅速，且减轻了服务器的负担。了服务器的负担。6.静态网页的交互性较差，在功能方面有较大静态网页的交互性较差，在功能方面有较大的限制。的限制。1.2动态网页-定义动态网页是指网页文件里包含了程序代码，通动态网页是指网页文件里包含了程序代码，通过后台数据库与过后台数据库与Web服务器的信息交互，由服务器的信息交互，由后台数据库提供实时数据更新和数据查询服务。后台数据库提供实时数据更新和数据查询服务。这种网页的后缀名称一般根据不同的程序设计这种网页的后缀名称一般根据不同的程序设计语言不同，如常见的有语言不同，如常见的有.asp、.jsp、.php、.perl、.cgi等形式为后缀。等形式为后缀。1.2动态网页-定义动态网页能够根据不同时间和不同访问者而显动态网页能够根据不同时间和不同访问者而显示不同内容。如常见的示不同内容。如常见的BBS、留言板和购物、留言板和购物系统通常用动态网页实现。系统通常用动态网页实现。动态网页的制作动态网页的制作比较复杂，需要用到比较复杂，需要用到ASP、PHP、ISP和和ASP.NET等专门的动态网页设计语言。等专门的动态网页设计语言。1.2动态网页-特点1.动态网页以数据库技术为基础，可以大大降动态网页以数据库技术为基础，可以大大降低网站维护的工作量；低网站维护的工作量；2.采用动态网页技术的网站可以实现更多的功采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用能，如用户注册、用户登录、在线调查、用户管理、订单管理等等；户管理、订单管理等等；1.2动态网页特点3.动态网页实际上并不是独立存在于服务器上动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回的网页文件，只有当用户请求时服务器才返回一个完整的网页；一个完整的网页；4.动态网页中的动态网页中的“？”对搜索引擎检索存在一对搜索引擎检索存在一定的问题。定的问题。静态网页与动态网页的区别1.3 HTML1.3 HTMLHTML（Hyper Text Mark-up Language）即）即超文本标记语言，是超文本标记语言，是 WWW 的描述语言，由的描述语言，由 Tim Berners-lee提出。设计提出。设计 HTML 语言的目语言的目的是为了能把存放在一台电脑中的文本或图形的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。是在当前电脑上还是在网络的其它电脑上。1.3 HTML1.3 HTMLHTML文本是由文本是由 HTML命令组成的描述性文命令组成的描述性文本，本，HTML 命令可以说明文字、命令可以说明文字、图形、动画、图形、动画、声音、表格、链接等。声音、表格、链接等。HTML的结构包括头的结构包括头部部(Head)、主体、主体(Body)两大部分。头部描两大部分。头部描述浏览器所需的信息，主体包含所要说明的述浏览器所需的信息，主体包含所要说明的具体内容。具体内容。1.4 HTTP1.4 HTTPHTTP是是Hypertext transfer protocol的缩写，的缩写，即超文本传输协议即超文本传输协议。工作在。工作在TCP/IP协议体协议体系中的系中的TCP协议上。是万维网（协议上。是万维网（world wide web）交换信息的基础。）交换信息的基础。它定义将超文本标记语言它定义将超文本标记语言(HTML)文档从文档从 Web 服务器传送到服务器传送到 Web 浏览器的规则。浏览器的规则。HTML与HTTP之间的关系1.5 URL1.5 URLURL是是UniformResourceLocator的缩写，中的缩写，中文译名文译名“统一资源定位符统一资源定位符”。URL 的一般形式是：的一般形式是：:/:/是存放是存放资源资源的主机在因特网中的域名的主机在因特网中的域名1.5 URL1.5 URL对于万维网网站的访问要使用HTTP协议。HTTP的URL的一般形式如：例如：例如：http的默认端口号是80，通常可以省略。若再省略文件的项，则URL就指到因特网上的某个主页。1.5 URL1.5 URL使用FTP访问站点的URL的最简单的形式为：Ftp:/Ftp:/:/例如：例如：Ftp:/ccbupt/jgx/web.rar Ftp:/ccbupt/jgx/web.rarFTP的默认端口号是21，一般可省略。但有时也可以使用另外的端口号。1.6脚本语言脚本是指嵌入到脚本是指嵌入到Web页中的程序代码，所使用页中的程序代码，所使用的编程语言称为脚本语言。按照执行方式和位的编程语言称为脚本语言。按照执行方式和位置的不同，脚本分为客户端脚本和服务器端脚置的不同，脚本分为客户端脚本和服务器端脚本。本。客户端脚本在客户端计算机上被客户端脚本在客户端计算机上被Web浏览器执浏览器执行，服务器端脚本在服务器端计算机上被行，服务器端脚本在服务器端计算机上被Web服务器执行。服务器执行。1.6脚本语言脚本语言是一种解释型语言，客户端脚脚本语言是一种解释型语言，客户端脚本的解释器位于本的解释器位于Web浏览器中，服务器浏览器中，服务器端脚本的解释器则位于端脚本的解释器则位于Web服务器中。服务器中。静态网页只能包含客户端脚本，动态网静态网页只能包含客户端脚本，动态网页则可以同时包含客户端脚本和服务器页则可以同时包含客户端脚本和服务器端脚本。端脚本。1.6脚本语言目前常用的脚本语言是目前常用的脚本语言是Microsoft公司开公司开发发VBScript和和Netscape公司开发的公司开发的JavaScript。2024/6/1客户端脚本将脚本程序传输到客户端，由客户端的浏览器解释执行。VBScript的客户端脚本的格式VBScript客户端代码2024/6/1服务器端脚本服务器端执行脚本程序，并将执行结果传送给客户端浏览器。VBScript的服务器端脚本格式语法一：语法二：VBScript服务器端代码1.6脚本语言客户端脚本示例1客户端脚本MsgBox 您单击了此按钮！1.6脚本语言客户端脚本示例11.6脚本语言客户端脚本示例11.6脚本语言客户端脚本示例2inputbox函数dim inputinput=inputbox(输入名字)msgbox(输入&input)分支结构格式分支结构格式1：if 条件语句条件语句 then 命令序列命令序列1 else 命令序列命令序列2 end if分支结构格式分支结构格式2 2：Select case 变量或表达式变量或表达式 case 结果结果1 命令序列命令序列1 case 结果结果n 命令序列命令序列n case else 命令序列命令序列n+1 End select 循环结构语句格式循环结构语句格式1：for counterstart to end step number statement exit forNext 循环结构语句格式循环结构语句格式2：do while 条件表达式条件表达式 循环体循环体 Loop 循环结构语句格式循环结构语句格式3：do until 条件表达式条件表达式 循环体循环体 Loop 循环结构语句格式循环结构语句格式4：for eachnext语句主要针对数组或集合中的每个元素重复执行一组其语法格式如下：for each 元素 in 集合或数组 循环体 exit for Next过程 sub blue_onclick()document.bgcolor=blue msgbox 您单击的是蓝色按钮 end sub sub red_onclick()document.bgcolor=red msgbox 您单击的是红色按钮 end sub客客户户端端脚脚本本示示例例3利用过程改变背景色客客户户端端脚脚本本示示例例3function函数的使用 sub input_onclick()height=inputbox(请输入您的身高：)msgbox 您的标准体重是：&chtw(height)&公斤 end sub function chtw(H)chtw=H-105 end function客户端脚本示例客户端脚本示例4神奇的测算神奇的测算客户端脚本示例客户端脚本示例4脚本示例脚本示例5 51.7ASP概述ASP是是Active Server Page的缩写，的缩写，是是一种服务器端脚本编写环境，可以用来一种服务器端脚本编写环境，可以用来创建和运行动态网页或创建和运行动态网页或Web应用程序。应用程序。它可以与数据库和其它程序进行交互，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。是一种简单、方便的编程工具。ASP的的网页文件的格式是网页文件的格式是.asp。JSP（Java Server Pages)是由是由Sun 公司倡导、许公司倡导、许多公司参与一起建立的一种多公司参与一起建立的一种动态网页动态网页技术标准。技术标准。JSP技术有点类似技术有点类似ASP技术，它是在传统的网页技术，它是在传统的网页HTML文文件件(*.htm,*.html)中插入中插入Java程序段和程序段和JSP标记，从标记，从而形成而形成JSP文件文件(*.jsp)。用用JSP开发的开发的Web应用是应用是跨跨平台平台的，既能在的，既能在Linux下运行，也能在其他操作系统下运行，也能在其他操作系统上运行。上运行。Linux+JSP+JDK+tomcat+oracle是较好搭档。是较好搭档。1.8JSP概述PHP是是Hypertext Preprocessor的缩写，是一种的缩写，是一种HTML的内嵌式语言，与的内嵌式语言，与ASP相似，都是一种相似，都是一种服务器服务器端脚本编写环境端脚本编写环境，语言的风格有类似于，语言的风格有类似于C语言。语言。它具有简单高效、开源免费、跨平台等特性。它具有简单高效、开源免费、跨平台等特性。Linux+php+MySql+Apache是最佳搭档！是最佳搭档！1.9PHP概述iis,apache,tomcat的区别和用途？iis和和apache二者只能作二者只能作web服务器，而服务器，而tomcat除了能做除了能做web服务器外，还可以作应服务器外，还可以作应用服务器。用服务器。也可以把也可以把Tomcat做成只有应用服务器的功做成只有应用服务器的功能，再与能，再与iis或或apache进行连接，当需要进行连接，当需要Tomcat 时再由时再由iis或或apache来调用它来调用它。1.10ASP的执行方式ASP的处理流程：(1)客户端计算机上，用户在浏览器的地址栏中客户端计算机上，用户在浏览器的地址栏中输入一个输入一个ASP动态网页的动态网页的URL地址并按地址并按Enter键，向键，向Web服务器发出一个服务器发出一个ASP文件请求。文件请求。(2)Web服务器收到该请求后，根据扩展名服务器收到该请求后，根据扩展名.asp判断出这是一个判断出这是一个ASP文件请求，并从硬文件请求，并从硬盘或内存中获取所需盘或内存中获取所需ASP文件，然后向应用文件，然后向应用程序扩展程序扩展Asp.dll发送发送ASP文件。文件。(3)Asp.dll自上而下查找、解释并执行自上而下查找、解释并执行ASP页中页中包含的服务器端脚本命令，处理的结果是生成包含的服务器端脚本命令，处理的结果是生成了了HTML文件，并将文件，并将HTML文件送回文件送回Web服务器。服务器。(4)Web服务器将服务器将HTML发送到客户端计算机上的发送到客户端计算机上的Web浏览器，然后由浏览器负责对浏览器，然后由浏览器负责对HTML文件进文件进行解释，并在浏览器窗口中显示结果。行解释，并在浏览器窗口中显示结果。1.IIS1.IIS的安装的安装在在Windows XPWindows XP系统下的系统下的IISIIS安装步骤安装步骤步骤一：步骤一：【开始开始】【设置设置】【控制面板控制面板】【添加删除程序添加删除程序】。1.11IIS的安装与架设步骤二：点步骤二：点击左侧击左侧【添添加加/删除删除WindowsWindows组组件件】，打开，打开【WindowsWindows组件向导组件向导】步骤三：选步骤三：选中中“InternetInternet信息服务信息服务(IIS)”(IIS)”，点击点击【下一下一步步】开始安开始安装，装，此此处处需要需要插插入入Windows XP系系统统安装光安装光盘盘安装成功后如图安装成功后如图安装后可安装后可以在以在【控控制面板制面板】【管理管理工具工具】中中看到看到“InternInternet et 信息信息服务服务”图图标标 。Windows 7 Windows 7 平台上平台上IISIIS的安装的安装步骤一：步骤一：【开始开始】【控制面板控制面板】【程序和功能程序和功能】。步骤二：点击左侧步骤二：点击左侧【打开或关闭打开或关闭WindowsWindows功能功能】，打开，打开【WindowsWindows功能功能】。步骤三：选中步骤三：选中“InternetInternet信息服务信息服务”，点击，点击【确定确定】开开始安装。始安装。此此处处需要需要插插入入Windows7系系统统安装光安装光盘盘安装后可以在安装后可以在【控制面板控制面板】【管理工具管理工具】中看到中看到“Internet Internet 信息服务信息服务(IIS)(IIS)管理器管理器”图标，图标，2 2WebWeb服务器配置窗口服务器配置窗口依次单击“开始程序管理工具Internet信息服务管理器”选项，打开下图“Internet信息服务管理器”对话框。这是一种常规方式，最方便的方法是右击“我的电脑”图标，再点击“管理”即可打开“Internet信息服务管理器”对话框。Internet信息服务管理器控制台窗口1.12安装数据库SQL Server 2000SQL Server 2000的安装的安装和配置方法和配置方法步骤一：选择步骤一：选择“安装安装SQL Server 2000SQL Server 2000组件组件”选项。选项。步骤二：接着选择步骤二：接着选择“安装数据库服务器安装数据库服务器”。步骤三：出现安装向导后，点击步骤三：出现安装向导后，点击“下一步下一步”后出现后出现“计算计算机名机名”窗口。我们按其默认点窗口。我们按其默认点“下一步下一步”。步骤四：在步骤四：在“安装选择安装选择”对话窗口中，同样选择默认项对话窗口中，同样选择默认项“创建新的创建新的SQL ServerSQL Server实例，或安装客户端工具实例，或安装客户端工具”点下一步点下一步 步骤五：接下来的窗口是用户名、公司名的自取，然后是步骤五：接下来的窗口是用户名、公司名的自取，然后是“软件许可协议软件许可协议”界面单击界面单击“是是”。步骤六：然后是步骤六：然后是“安装定义安装定义”对话窗口（如下图）。同对话窗口（如下图）。同样地，按其默认样地，按其默认“服务器和客户端工具服务器和客户端工具”选择到下一步选择到下一步 步骤七：选择步骤七：选择“默认默认”的实例名称，实例名会出现在各种的实例名称，实例名会出现在各种SQL ServerSQL Server和系统工具的用户界面中，名称越短越轻易读和系统工具的用户界面中，名称越短越轻易读取。实例名称不能是取。实例名称不能是“Default”Default”等等SQL ServerSQL Server的保留要的保留要害字。害字。步骤八：在安装类型对话窗口中，可以设定多个选项。请步骤八：在安装类型对话窗口中，可以设定多个选项。请根据实际需要选择。根据实际需要选择。步骤九：在步骤九：在“服务帐户服务帐户”对话窗口中，选对话窗口中，选“使用本地系统使用本地系统帐户帐户”。不建议。不建议“使用域用户帐户使用域用户帐户”，以避免以后，以避免以后WINDOWSWINDOWS的登录用户名和密码修改了，的登录用户名和密码修改了，SQL SERVER2000SQL SERVER2000不不能正常启动，另外域用户帐户治理相对复杂些。能正常启动，另外域用户帐户治理相对复杂些。步骤十：请选步骤十：请选“择混合模式择混合模式”，熟练以后再设置，熟练以后再设置sasa的密码，的密码，设置的密码请不要忘记，因为基于设置的密码请不要忘记，因为基于SQL SERVER2000SQL SERVER2000各种应各种应用系统在安装或使用过程中往往需要用系统在安装或使用过程中往往需要sasa的密码。的密码。步骤十一：在步骤十一：在“选择许可模式选择许可模式”窗口，根据您购买的窗口，根据您购买的SQL SERVER2000SQL SERVER2000软件的类型和数量输入。软件的类型和数量输入。“每客户每客户”表示同一时间最多答应的连接数，表示同一时间最多答应的连接数，“处理器许可证处理器许可证”表示该服务器最多能安装多少个表示该服务器最多能安装多少个CPUCPU。步骤十二：一切设定完成后，点击步骤十二：一切设定完成后，点击“继续继续”，安装程序开，安装程序开始向硬盘复制必要的文件，开始正式安装，大约始向硬盘复制必要的文件，开始正式安装，大约1010分钟后，分钟后，安装完成。注重：安装完成后请重新启动计算机。安装完成。注重：安装完成后请重新启动计算机。步骤十三：查看步骤十三：查看SQL Server2000启动情况。成功安装了启动情况。成功安装了SQL Server2000,在在SQL Server正常启动后，计算机桌面正常启动后，计算机桌面右下角出现的右下角出现的SQL Server服务监视图标显示为一个带绿色服务监视图标显示为一个带绿色三角的服务启动标记。三角的服务启动标记。ACCESS的安装 ACCESS是是Office的一个组件，但的一个组件，但是默认不安装，要安装必须有是默认不安装，要安装必须有Office的的安装文件，通过添加安装文件，通过添加Office组件来实现组件来实现ACCESS的安装的安装。1.13ASP文件的编写与运行编写第一个编写第一个ASP页页ASP动态网页动态网页示例示例这个网页于这个网页于创建。创建。1.13ASP文件的编写与运行其中其中是在服务器端执行的脚是在服务器端执行的脚本，用于显示在服务器上处理该页的时间。本，用于显示在服务器上处理该页的时间。