构建Web应用系统——基于JSPServletJavaBean.ppt

信息工程系信息工程系书名：构建Web应用系统——基于 JSP+Servlet+JavaBean ISBN： 978-7-111-46510-2 作者：孙华林 出版社：机械工业出版社 本书配有电子课件构建Web应用系统——基于JSP+Servlet+JavaBean ppt 课件第二章我的第一个web应用程序构建Web应用系统——基于JSP+Servlet+JavaBean ppt 课件信息工程系信息工程系本章任务 v 创建新闻发布系统项目： §在MyEclipse中创建Web项目、JSP页面; §在Tomcat容器中部署、运行Web项目; §Web系统的调试步骤及排错; §在Eclipse中部署运行该静态新闻发布系统. 构建Web应用系统——基于JSP+Servlet+JavaBean ppt 课件信息工程系信息工程系v掌握B/S开发的基本概念 § 动态网页 pk 静态网页 § B/S程序 pk C/S程序 § B/S开发涉及的技术内容v开发JSP动态网站的基本步骤 § 掌握Web系统的工作目录 § 创建Web工程与HTML、JavaScript文件 § 实现Web工程的部署与运行 § 进行Web系统的调试与排错本章目标构建Web应用系统——基于JSP+Servlet+JavaBean ppt 课件信息工程系信息工程系为什么需要动态网页 v静态网站有哪些局限性？要完成这一切，我们需要使用动态网页1、无法实现搜索 、登录、购买等交 互功能2、无法对静态 页面的内容在 线更新构建Web应用系统——基于JSP+Servlet+JavaBean ppt 课件信息工程系信息工程系什么是动态网页v生活中的动态网页可以根据不同的输入， 返回不同的网页，这就 是动态网页构建Web应用系统——基于JSP+Servlet+JavaBean ppt 课件信息工程系信息工程系怎样实现动态网页Google如何保存业务数据？Google如何实现业务数据的动态展示？要掌握这一切，我们首先需要了解B/S技术构建Web应用系统——基于JSP+Servlet+JavaBean ppt 课件信息工程系信息工程系为什么学习B/S技术C/S的局限性中心局域网 特定用户群中资源共享 B/S带给我们的全新体验数据库 服务器学生机1学生机2学生机n需要安装客 户端软件Google 服务器Internet 全球用户群中资源共享 美国用户中国用户数据库 服务器无需安装客 户端软件构建Web应用系统——基于JSP+Servlet+JavaBean ppt 课件信息工程系信息工程系什么是B/S技术vB/S是浏览器端/服务器端，程序完全放在服 务器上，不用在浏览器上安装任何文件， 它是基于Internet的产物应用 服务器 数据库 服务器 IENetscapeIEInternet在应用服务器中布 署运行程序构建Web应用系统——基于JSP+Servlet+JavaBean ppt 课件信息工程系信息工程系B/S技术特点vB/S中浏览器端与服务器端采用请求/响应模 式进行交互应用 服务器数据库 服务器IEIE解释执行 HTML文件从服务器端检索到的信息返回响应客户端的请求信息发送请求访问数据库返回结果运行JSP等服务器 端脚本程序1用户输入234构建Web应用系统——基于JSP+Servlet+JavaBean ppt 课件信息工程系信息工程系小结1v静态网页与动态网页的主要区别？ v是否可以这样说：动态网页是静态网页 的替代品？ vB/S程序与C/S程序相比，有哪些优势和 劣势？信息工程系信息工程系开发JSP动态网站的步骤1、创建一个Web项目 2、设计Web项目的目录结构 3、编写Web项目的代码 4、部署Web项目 5、运行Web项目信息工程系信息工程系创建一个Web项目1在菜单栏选择：文件  新建  项目2在弹出的窗口中选择：MyEclipse  J2EE Projects  Web Project3输入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 项目窗口  首选项  MyEclipse  Application Server  Tomcat 5：配置Tomcat点击部署图标  为Web项目添加web服务器  选择 Tomcat 5  部署完成演示：部署Web项目12信息工程系信息工程系运行 Web 项目点击运行图标  运行 Tomcat 5Tomcat 5 启动服务，在控制台输出启动信息开启IE窗口 输入正确的URL观看运行结果演示：运行Web项目123信息工程系信息工程系什么是URL vURL：Uniform Resource Locator§ 即统一资源定位系统，就是我们通常所说的 网址 § URL是惟一能够识别Internet上具体的计算机 、目录或文件位置的命名约定 vURL的组成：http://localhost:8080/NewsReleaseSystem/index.html协议主机IP地址 （有时包括端口号）主机资源的具体地址存放HTML文件的实际物理目录在运行环境中，该路径对应WebRoot文件夹信息工程系信息工程系小结2v请说明在MyEclipse环境中，开发JSP动态 网站的具体步骤 v在index.html中有这样一行代码：点击该超链后可进入welcome.html网页中 请问：/sports/welcome.html是URL吗？并说明 原因 奥运展播 信息工程系信息工程系Web程序的调试与排错v在运行Web程序时，我们常犯的一些错误 有： § 未启动Tomcat服务，或者没有在预期的端口中 启动Tomcat服务 § 未部署Web应用，就试图运行Web程序 § 运行时，URL输入错误 § 存放文件的目录无法对外引用，如：文件放入 了WEB-INF、META-INF等文件夹信息工程系信息工程系错误1：未启动Tomcat排除错误： § 启动Tomcat服务 § 如果在控制台上显示Tomcat服务已启动， 观察端口号是否与预期端口号一致，按照 实际端口号重新运行错误现象排错方法： 检查Tomcat服务能否正确运行123信息工程系信息工程系错误2：未部署Web应用 错误现象1信息工程系信息工程系错误2：未部署Web应用排除错误： §部署Web应用排错方法：检查Web应用是否正确部署尚未部署23信息工程系信息工程系错误3：URL输入错误排除错误：使用正确的URL错误现象排错方法： 检查URLhttp://localhost:8080/news/index.html文件名称与路径要写对查看菜单：项目属性 MyEclipseWebW eb Context-root协议主机IP地址123信息工程系信息工程系错误4：目录不能被引用排除错误：把index.html文件拖至 WebRoot文件夹下错误现象排错方法： 检查文件的存放位置META-INF，WEB-INF文件夹 下的内容无法对外发布123信息工程系信息工程系小结3v运行你的web程序时，如果浏览器提示404 错误，可能的原因有哪些？ v判断tomcat是否启动，或者是否在你预期 的端口启动，最简单的方法是什么？信息工程系信息工程系总结v 在开发Web应用程序时，静态文件一般存 放在什么位置？ v 以下哪些是正确的URL? 1、 2、file:// 3、 4、 5、:80 6、/news/welcome.html。