java web应用开发
情境一 配置网上商店开发运行环境,JAVA WEB应用开发,2,任务一 分析网上商店的开发实现方案(5课时) 任务二 安装配置JSP开发运行环境；(3课时) 任务三 创建部署运行一个JSP的Web项目；(2课时) 任务四 安装部署运行应用不正常的调试与排错；(2课时) 任务五 部署运行教材的网上商店应用；(1课时),工作任务,3,学习目标,掌握B/S开发的基本概念 掌握开发JSP动态网站的基本步骤 掌握安装配置JSP运行开发环境 掌握Web系统的工作目录 掌握Web应用的简单调试与排错； 了解开发JSP动态网站的基本步骤,4,任务一 分析网上商店的开发实现方案,学习目标 掌握静态网页与动态网页的特点与选择； 掌握B/S与C/S的特点与选择； 了解JSP/ASP/ASP.NET/PHP的特点与选择； 了解Web服务器的作用与种类； 了解网络数据库技术的含义与作用； 重点难点 静态网页与动态网页的特点与选择； B/S与C/S的特点与选择； JSP/ASP/ASP.NET/PHP的特点与选择；,5,提出任务,课堂演示与实践网上商店Web功能,课堂实践访问“北京图书大厦网上书店”,建立一个名为eShop的网上商店实现网上商品销售。 要求能够实现会员注册、浏览商品、查看商品详细信息、选购商品、取消订单和查看订单等功能。 用什么样的技术可以实现以上的需求呢?如何为该典型的应用确定开发方案? 开发方案都要考虑哪些问题。包括：网页类型、系统架构模式、操作系统、开发语言、Web服务器、数据库管理系统,6,课堂实践与讨论163邮箱及中国程序员网站,分析任务,静态网页与动态网页的特点与选择,观察与思考网页地址、网页内容、被搜索引擎检索难易、可维护性、交互性、共容性,7,为什么需要动态网页,静态网站有哪些局限性？,要完成这一切，我们需要使用动态网页,1、无法实现搜索、登录、购买等交互功能,2、无法对静态页面的内容在线更新,8,什么是动态网页,生活中的动态网页,可以根据不同的输入，返回不同的网页，这就是动态网页,9,怎样实现动态网页,Google如何保存业务数据？ Google如何实现业务数据的动态展示？,都有哪些不同类型的动态网页,10,课堂实践和讨论,体验不同类别动态网页,分析任务,观察与思考开发语言的可移植性、运行性能、开发效率,JSP/ASP/ASP.NET/PHP的特点与选择,11,课堂实践和讨论,分析任务,B/S与C/S的特点与选择 :体验本地迅雷和Web迅雷、163免费邮箱和outlook Express,观察与思考:从支撑环境、安全控制、程序架构、软件重用、系统维护、用户接口、信息流这些方面进行比较讨论 归纳总结:C/S结构存在伸缩性、性能、重用性、移植性的问题,12,为什么学习B/S技术,C/S的局限性,中心局域网 特定用户群中资源共享,B/S带给我们的全新体验,数据库服务器,学生机1,学生机2,学生机n,需要安装客户端软件,Google服务器,Internet 全球用户群中资源共享,美国用户,中国用户,数据库 服务器,无需安装客户端软件,13,什么是B/S技术,B/S是浏览器端/服务器端，程序完全放在服务器上，不用在浏览器上安装任何文件，它是基于Internet的产物,应用 服务器,数据库 服务器,IE,Netscape,IE,Internet,在应用服务器中布署运行程序,14,B/S技术特点,B/S中浏览器端与服务器端采用请求/响应模式进行交互,应用 服务器,数据库 服务器,IE,IE,解释执行 HTML文件,从服务器端检索到的信息,返回响应,客户端的请求信息,发送请求,运行JSP等服务器端脚本程序,1,用户输入,2,3,4,15,分析任务,Web服务器的作用与种类；,自学和讨论,提问与思考,16,解决任务,讨论确定网上商店的开发实现方案，说明选择的理由,学生自评、互评 教师抽查小组验收,小结选择的基本过程与思考要点,17,任务二 安装配置JSP开发运行环境,学习目标 安装配置JSP开发运行环境 重点难点 配置jdk 1.6环境变量 配置Eclipse 6的jdk和tomcat,18,提出任务问题,JSP开发运行步骤: (1)配置开发运行环境 (2)创建一个Web项目 (3)设计Web项目的目录结构 (4)编写Web项目的代码 (5)部署Web项目 (6)运行Web项目 如何安装配置JSP开发运行环境?,19,任务解决,安装配置过程： 安装jdk 1.6，并配置环境变量 安装jakarta-tomcat-5.0.28，然后启动测试是否安装成功 使用Tomcat的后台管理：进入方式、web应用的启动停止发布反发布、应用的访问 安装MyEclipse 6，然后配置jdk和tomcat,课堂演示与实践,20,任务总结,小结安装配置的要点与出错的调试,学生自评、互评 教师抽查小组验收,21,任务三 创建部署运行一个JSP的Web项目,学习目标 了解创建部署运行JSP的Web项目的过程 了解Web项目的目录结构与要求 了解如何将java代码用小脚本嵌入到jsp中 掌握url的结构 重点难点 部署运行的故障调试,22,创建一个Web项目,1,在菜单栏选择：文件 新建 项目,2,在弹出的窗口中选择：MyEclipse J2EE Projects Web Project,3,输入Web项目名称（设置为news），以及其余相关信息,课堂演示与实践,23,Web项目的目录结构,WEB-INF：该目录中内容不能对外发布,web.xml：Web应用的初始化配置文件,lib文件夹：存放以jar/zip形式表现的库文件,META-INF：系统自动生成，存放系统描述信息,WebRoot：Web应用的根目录,src文件夹：存放Java源文件,静态文件（包括图片、样式表、HTML等）存放在Web应用的根目录下，一般按功能以文件夹形式分类,24,编写第一个Web页面,右键点击WebRoot 新建 HTML ：创建一个新的HTML文件,在弹出的窗口中，选择文件路径、输入文件名称,填充HTML文件内容“hello world”,课堂演示与实践,1,2,3,25,部署 Web 项目,窗口 首选项 MyEclipse Application Server Tomcat 5：配置Tomcat,点击部署图标 为Web项目添加web服务器 选择Tomcat 5 部署完成,1,2,课堂演示与实践,26,运行 Web 项目,点击运行图标 运行 Tomcat 5,Tomcat 5 启动服务，在控制台输出启动信息,开启IE窗口 输入正确的URL观看运行结果,1,2,3,课堂演示与实践,27,什么是URL,URL：Uniform Resource Locator 即统一资源定位系统，就是我们通常所说的网址 URL是惟一能够识别Internet上具体的计算机、目录或文件位置的命名约定 URL的组成：,http:/localhost:8080/news/index.html,协议,主机IP地址 （有时包括端口号）,主机资源的具体地址,存放HTML文件的实际物理目录,在运行环境中，该路径对应WebRoot文件夹,28,应用服务器体验,Tomcat服务器停止下，直接在浏览器打开任务的页面，体验Web服务器作用,课堂演示与实践体验,29,拓展提高,另两种手工和tomcat Web应用部署方法,课堂演示与实践,30,任务总结,学生自评、互评 教师抽查小组验收,小结开发运行部署的基本过程,31,任务四 WEB应用不正常的调试与排错,学习目标 掌握安装配置JSP开发运行环境 重点难点 安装配置JSP开发运行环境不正常的四种情况的调试与排错,32,提出工作任务,在运行Web程序时，我们常犯的一些错误，如何进行调试与排错？ 未启动Tomcat服务，或者没有在预期的端口中启动Tomcat服务 未部署Web应用，就试图运行Web程序 运行时，URL输入错误 存放文件的目录无法对外引用，如：文件放入了WEB-INF、META-INF等文件夹,33,错误1：未启动Tomcat,排除错误： 启动Tomcat服务 如果在控制台上显示Tomcat服务已启动，观察端口号是否与预期端口号一致，按照实际端口号重新运行,错误现象,排错方法： 检查Tomcat服务能否正确运行,1,2,3,课堂实践与总结,34,错误2：未部署Web应用,排除错误： 部署Web应用,排错方法：检查Web应用是否正确部署,尚未部署,错误现象,1,2,3,课堂实践与总结,35,错误3：URL输入错误,排除错误：使用正确的URL,错误现象,排错方法： 检查URL,http:/localhost:8080/news/index.html,文件名称与路径要写对,查看菜单：项目属性MyEclipseWebWeb Context-root,协议,主机IP地址,1,2,3,课堂实践与总结,36,错误4：目录不能被引用,排除错误：把index.html文件拖至WebRoot文件夹下,错误现象,排错方法： 检查文件的存放位置,META-INF，WEB-INF文件夹下的内容无法对外发布,1,2,3,课堂实践与总结,37,任务总结,学生自评、互评 教师抽查小组验收,小结不正常运行的基本现象与对应的解决方法,38,任务五 部署运行教材的网上商店应用,部署运行教材电子附件的网上商店 了解已有应用部署方法 作为后面的学习目标地去了解其功能,课堂演示与实践，使用体验，功能复述,39,情境总结,通过准备JSP电子商城开发运行环境 掌握B/S开发的基本概念 掌握开发JSP动态网站的基本步骤 掌握安装配置JSP运行开发环境 掌握Web系统的工作目录 掌握Web应用的简单调试与排错； 了解开发JSP动态网站的基本步骤,
