《Web程序设计》课程教案
优点:由个人维护本机,不易造成数据的丢失,安全性高,数据处理效率高。
缺点:不能实现各个计算机之间数据的共享。
1.1.2工作站/服务器架构
特点:在服务器上保存数据,在工作站上处理数据。
优点:容易配置,对硬件特别是对服务器的硬件要求不高。
缺点:所有数据通过网络传输,增大了网络流量,数据处理的效率低。
1.1.3客户机/服务器架构
2.1.1服务器端开发环境
基于ASP技术的Web应用程序的服务器端开发环境需要ASP应用程序服务器,以及能够访问数据库的数据库驱动程序。
在Windows2000和Windows XP中内置了能同时作为Web服务器和应用程序服务器的IIS5.0(Microsoft Internet Information Server),因此是开发ASP技术的Web应用程序的首选。
1.3.2 JSP
JSP(Java Server Pages)是由Sun Microsystem公司于1999年推出的动态网页技术,是基于Java Servlet以及整个Java体系的Web开发技术。
1.3.3 PHP
PHP(Hypertext Preprocessor,超文本预处理器)是内嵌了服务器端运行的PHP脚本代码的动态网页开发技术。
特点:客户机向服务器发出指令,服务器上存储和处理数据。服务器完成数据处理后,将结果返回给客户机进行二次处理。
优点:数据处理效率高,网络上传输数据量小。
缺点:需要特定的客户机处理程序;不易升级和维护;不适合在因特网上布置。
1.1.4浏览器/服务器架构
特点:服务器处理数据并生成页面;客户机上浏览器请求页面和显示页面
Dreamweaver8是一个全功能的Web应用快速应用程序开发环境。
1、提供图形化的快速开发环境
2、提供强大的Web应用开发功能
3、Dreamweaver8提供了对新技术的支持
2.3.4 Dreamweaver8的Web应用程序开发工作流程
使用Dreamweaver8开发Web应用程序时按照如下的工作流程来进行:
3、建立真正的Web站点
为文件夹E:\net_book_store建立一个真正的站点NetBookStoreSite。
启动IIS,在IIS树目录中用鼠标右键单击计算机名,在弹出的快捷菜单中执行命令“新建►Web站点”,打开新建站点向导。
2.3 Web站点开发工具Dreamweaver8简介
2.3.1概述
(5)构建DW的开发环境(创建本地站点、设置测试服务器、设定远程信息、测试开发环境、Web站点的管理)
教学目的、要求:掌握ASP运行环境的配置,包括服务器端和本机开发环境的基本配置。
重点、难点:重点:安装服务பைடு நூலகம்IIS及配置IIS难点:配置本地站点
课型:课堂教学与实验相结合
教程设计:
2.1 Web应用程序的开发环境
广西财经学院课程教案
系、部
计信系
教研室
网络
课程名称
Web程序设计
所用教材
《Web数据库技术》
任课老师
黄武锋
职称
讲师
讲课时间
第1次课
任课班级
计应0631
计应0632
经济系0541-3
教学内容:第1章Web应用程序架构
(1)数据库应用程序架构及其发展
(2)Web应用程序及其工作机制
(3)Web动态内容的实现技术简介
优点:采用IP协议通讯;以浏览器为客户端程序;容易布置、升级和维护
1.2 Web应用程序及其工作机制
1.2.1 Web应用程序
Web应用程序是一个由Web站点和其他服务器资源组成的集合。网站是由众多网页组成的Web页集合,其他服务器资源包括数据库等各种数据文件,B/S架构是Web应用程序的结构形式。
2动态网页
动态网页是由Web服务器动态生成的文件。之所以称其为“动态”,是因为此种网页的部分甚至全部内容都是未确定的。当用户访问该页,Web服务器按照用户的请求,通过应用程序服务器对相关的服务器端的数据进行处理,根据计算结果生成标准的HTML文件下传给用户浏览器。不同的用户请求以及访问数据的变化都会随之生成不同的HTML文件下载给用户。
如果操作系统是Windows98,可以安装PWS(个人Web服务器)来作为服务器,但能满足学习要求。
2.1.2本机开发环境
1、Microsoft Visual InterDev;
2、Macromedia Dreamweaver8。
2.2建立Web站点
建立一个Web站点,提供服务器端的开发环境,调试应用程序的每一个页面和试运行整个应用程序。
Web服务器是响应来自Web浏览器的请求以提供Web页的软件。常用Web服务器为IIS和Apache。
1.2.2静态网页与动态网页
1静态网页
由事先用HTML编写好、内容固定不变的文件,通过上载等方式保存在Web站点的可访问文件夹中。当用户浏览器向Web服务器发出访问该页的请求时,服务器在站点内查找该页并直接将其下载给客户浏览器。静态网页无论在Web站点还是下载到用户的浏览器上,其内容都保持一致。
建立本地站点►建立测试站点►建立数据库►设计站点的外观►编写页代码►以添加内容和交互控件►构建所有页面链接►站点功能测试►在服务器上发布应用程序。
2.4构建Dreamweaver MX开发环境
1.4 Web应用程序的典型应用和特点
常见简单Web应用程序:
计数器、留言板、聊天室、BBS论坛
典型的Web应用程序:
基于Web的管理信息系统(MIS)
广西财经学院课程教案
系、部
计信系
教研室
网络
课程名称
Web程序设计
所用教材
《Web数据库技术》
任课老师
黄武锋
职称
讲师
讲课时间
第1周第1次课
任课班级
计应0631
计应0632
经济系0541-3
教学内容:第2章构建Web应用程序的开发环境
(1)服务端的开发环境(Windows2000+IIS)
(2)本机开发环境
(3)建立Web站点(安装服务器IIS及配置IIS)
(4)Web站点开发工具-----DreamWeaver 8的有关简介(DW简介、利用DW开发Web应用程序的工作流程[建立本地站点]→[建立测试站点]→[建立数据库]→[建立数据库]→[设计站点的外观]→[编写动态脚本页代码]→[构建页面链接,测试站点功能和发布应用程序])
2.2.1安装服务器
启动控制面板
►添加/删除程序
►添加/删除Windows组件
►Windows组件向导窗口
►选定Internet信息服务(IIS)
►启动IIS安装向导完成安装
2.2.2启动IIS服务
开始►程序►管理工具►Internet服务管理器(开始►设置►控制面板►管理工具►Internet服务管理器)
(4)Web应用程序的典型应用和特点
教学目的、要求:深入了解数据库应用程序的发展状况,Web应用程序的工作机制以及当前构建Web应用程序的流行技术。
重点、难点:Web应用程序及其工作机制
课型:课堂教学与实验相结合
教程设计:
1.1.1单机架构
特点:所有应用内程序都在本机运行,所有的数据也都保存在本机上。
1、在已有站点的物理目录中创建子目录
在资源管理器中创建子目录,访问该目录下的文件时,URL地址格式如下:
http://现有站点/子目录/文档名
例如:http://localhost/sample/default.htm
2、构建当前站点的虚拟目录
建立虚拟目录的方法和步骤。
1)启动IIS,在左边窗格树目录中用鼠标右键单击“默认Web站点”,打开右图快捷菜单,执行命令“新建►虚拟目录”,打开虚拟目录创建向导。(根据提示完成下一步操作)
Dreamweaver8是Macromedia公司于2006年发布的产品,版本号是8.0。它集成网页设计和应用程序开发功能,全面支持ASP、JSP、CFML和PHP的开发,并且有了汉化版。
2.3.2 Dreamweaver MX的工作环境
2.3.3 Dreamweaver MX的Web应用程序开发功能
在IIS窗口中,选择站点,然后单击控制台工具栏中的按钮来进行相应的操作。
启动项目:启动选定站点,外界能够访问该站点;
停止项目:停止站点服务,站点就同外界断开,从计算机内存中卸载Internet服务,外界不能访问站点;
暂停项目:禁止Internet服务接受新的连接,但不影响正在进行处理的请求。
2.2.3创建新的Web站点
1.3动态内容的实现技术简介
1.3.1 ASP
ASP是Active Server Page的缩写,即“活动服务器网页”,它是Microsoft公司在1996年推出的一种运行于服务器端、嵌入了服务器端脚本的Web应用程序开发技术,内含于IIS3.0以上的版本中。在IIS5.0中支持ASP3.0,同时也支持ASP2.0。