授课素材-jsp基础与环境配置

Ch01:JSP基础与环境配置本门课程目标学完本门课程后，你能够使用JSP实现Web站点开发使用Servlet实现程序业务控制使用Ajax丰富客户端视觉体验课程项目展示新闻发布系统演示示例：新闻发布系统相关课程回顾Java基本原理及语法LogicJava面向对象思想封装、继承、多态接口数据库访问JDBC客户端HTMLJavaScript实现Tomcat的手动部署和发布实现制作新闻发布系统静态页面本章任务了解B/S结构的基本概念了解B/S结构与C/S结构的区别掌握Tomcat服务器的发布与运行方法本章目标为什么需要动态网页静态网站有哪些局限性要完成这一切，我们需要使用动态网页2、无法对静态页面的内容进行实时更新1、无法实现搜索、购买、登录等交互功能什么是动态网页日常生活中的动态网页可以根据不同的输入(或操作)，返回不同的网页，这就是动态网页

Google如何保存业务数据？

Google如何实现业务数据的动态展示？要掌握这一切，我们首先需要了解B/S技术如何实现动态网页C/S的局限性中心局域网特定用户群中资源共享B/S带给我们的全新体验数据库服务器学生机1学生机2学生机n需要安装客户端软件Google服务器Internet全球用户群中资源共享美国用户中国用户数据库服务器无需安装客户端软件为什么学习B/S技术B/S结构（浏览器/服务器）：程序完全部署在服务器上，用户通过浏览器访问应用程序，它是基于Internet的产物应用服务器数据库服务器IENetscapeIEInternet在应用服务器中部署、运行程序什么是B/S技术B/S结构中浏览器端与服务器端采用请求/响应模式进行交互应用服务器数据库服务器IEIE解释执行HTML文件从服务器端检索到的信息返回响应客户端的请求信息发送请求访问数据库返回结果运行JSP等服务器端程序1用户输入234B/S技术的工作原理使用URL实现页面访问URL：UniformResourceLocator的缩写，代表“统一资源定位符”，即我们常说的网址。URL是唯一能识别Internet上具体的计算机、目录或文件夹位置的命名约定URL的组成第一部分：协议第二部分：主机IP地址（有时包含端口号）第三部分：项目资源的地址，如目录和文件夹名等http://localhost:8080/news/index.html协议部分主机地址项目资源地址如何访问动态网页集成开发工具MyEclipseMyEclipse简介Eclispe开发工具的扩展丰富的JavaEE开发环境支持编码、调试、测试、发布创建Web项目步骤3-1创建项目选择“菜单”→“新建”→“新建项目”创建Web项目步骤3-2创建Web工程在“新建项目”→“MyEclipse”→“JavaEnterpriseProject”→“WebProject”MyEclipse应用3-3创建Web工程确定项目名称及项目根目录项目名称设置目录指定项目环境操作演示：创建Web工程Web项目的目录结构Web项目目录结构项目名称存放项目源文件项目应用的环境项目访问的根目录使用MyEclipse开发创建JSP页面在“WebRoot”下右键→“新建”→“JSP”修改JSP页面名称修改页面名称JSP模板自带内容Web项目部署Web项目的部署启动部署选择部署项目选择服务器部署成功启动部署选择项目选择服务器指定部署项目的服务器发布成功运行Web项目启动服务器控制台信息启动服务器相关信息显示开发JSP动态网站的步骤1、创建一个Web项目2、设计Web项目的目录结构3、编写Web项目的代码4、部署Web项目5、运行Web项目创建一个Web项目1在菜单栏选择：文件新建项目2在弹出的窗口中选择：MyEclipse

J2EEProjects

WebProject3输入Web项目名称（设置为news），以及其余相关信息演示：创建一个Web项目设计Web项目的目录结构WEB-INF：该目录中内容不能对外发布web.xml：Web应用的初始化配置文件lib文件夹：存放以jar/zip形式表现的库文件META-INF：系统自动生成，存放系统描述信息WebRoot：Web应用的根目录src文件夹：存放Java源文件静态文件（包括图片、样式表、HTML等）存放在Web应用的根目录下，一般按功能以文件夹形式分类编写Web项目的代码

右键点击WebRoot新建HTML：创建一个新的HTML文件在弹出的窗口中，选择文件路径、输入文件名称填充HTML文件内容演示：编写Web项目的代码123部署Web项目窗口首选项MyEclipseApplicationServerTomcat5：配置Tomcat点击部署图标为Web项目添加web服务器选择Tomcat5部署完成演示：部署Web项目12运行Web项目点击运行图标运行Tomcat5Tomcat5启动服务，在控制台输出启动信息开启IE窗口输入正确的URL观看运行结果演示：运行Web项目123什么是URLURL：UniformResourceLocator即统一资源定位系统，就是我们通常所说的网址URL是惟一能够识别Internet上具体的计算机、目录或文件位置的命名约定URL的组成：

协议主机IP地址（有时包括端口号）主机资源的具体地址存放HTML文件的实际物理目录在运行环境中，该路径对应WebRoot文件夹小结2请说明在Eclipse环境中，开发JSP动态网站的具体步骤在index.html中有这样一行代码：

点击该超链后可进入e.html网页中请问：/sports/e.html是URL吗？并说明原因<ahref="e.html">奥运展播</a>Web程序的调试与排错在运行Web程序时，我们常犯的一些错误有：未启动Tomcat服务，或者没有在预期的端口中启动Tomcat服务未部署Web应用，就试图运行Web程序运行时，URL输入错误存放文件的目录无法对外引用，如：文件放入了WEB-INF、META-INF等文件夹错误1：未启动Tomcat排除错误：启动Tomcat服务如果在控制台上显示Tomcat服务已启动，观察端口号是否与预期端口号一致，按照实际端口号重新运行错误现象排错方法：检查Tomcat服务能否正确运行123错误2：未部署Web应用排除错误：部署Web应用排错方法：检查Web应用是否正确部署尚未部署错误现象123错误3：URL输入错误排除错误：使用正确的URL错误现象排错方法：检查URL

文件名称与路径要写对查看菜单：项目属性MyEclipseWebWebContext-root协议主机IP地址123错误4：目录不能被引用排除错误：把index.html文件拖至WebRoot文件夹下错误现象排错方法：检查文件的存放位置META-INF，WEB-INF文件夹下的内容无法对外发布123小结3运行你的web程序时，如果浏览器提示404错误，可能的原因有哪些？判断tomcat是否启动，或者是否在你预期的端口启动，最简单的方法是什么？Tomcat的目录结构Tomcat服务器的目录结构目录

说明/bin存放Windows或Linux平台上用于启动和停止Tomcat的脚本文件/conf存放Tomcat服务器的各种配置文件，其中最重要的是server.xml/server/lib存放Tomcat服务器所需的各种JAR文件/server/webapps存放Tomcat自带的两个Web应用：admin应用程序和manager应用程序mom/lib存放Tomcat服务器以及所有Web应用都可以访问的JAR文件/workTomcat把由JSP生成的Servlet放于此目录下/webapps当发布Web应用时，默认情况下会将Web应用的文件存放于此目录中Tomcat的端口配置通过配置文件修改Tomcat端口号Tomcat端口号默认使用的是8080端口可以通过server.xml文件修改Tomcat的端口号<Connectorport="8080"

protocol="HTTP/1.1" connectionTimeout="20000"redirectPort="8443"

/><Connectorport="6060"

protocol="HTTP/1.1" connectionTimeout="20000"redirectPort="8443"

/>......操作演示：修改端口过程Web项目的目录结构目录

说明/Web应用的根目录，该目录下所有文件在客户端都可以访问，包括JSP、HTML，JPG等访问资源。/WEB-INF存放应用使用的各种资源，该目录及其子目录对客户端都是不可以访问，其中包括web.xml（部署表述符）/WEB-INF/classes存放Web项目的所有的class文件/Web-INF/lib存放Web应用使用的JAR文件Web应用的目录结构，配置Web应用使用web.xml文件配置应用发布web.xml文件必须保存在/WEB-INF目录下在web.xml文件中配置各种资源的发布信息<?xmlversion="1.0"encoding="UTF-8"?><web-appversion="2.4" xmlns="" xmlns:xsi="" xsi:schemaLocation=" /web-app_2_4.xsd"> ……其他配置信息</web-app>配置访问页面通过配置文件修改访问起始页通过web.xml文件修改访问的起始页面<?xmlversion="1.0"encoding="UTF-8"?><web-appversion="2.4" xmlns="" xmlns:xsi="" xsi:schemaLocation=" /web-app_2_4.xsd"> <e-file-list> <e-file>index.JSP</e-file> </e-file-list></web-app>假定在web应用(news)下存在一个index.jsp页面，输入地址时，web容器会默认调用index.jsp页面部署应用部署的步骤创建应用页面在Tomcat目录的webapps目录下创建应用文件目录将创建的页面复制到应用目录下启动Tomcat服务在IE地址栏中进行访问操作演示：手