• 1. Java Web程序设计 课程号:020215166 授课教师:邢红梅 电子邮件:372001108@qq.com
  • 2. 学时安排 80学时=讲课(60学时)+实验(20学时) 考核方式 平时成绩(占10%)+实验成绩(占20%)+机试成绩(占30%)+笔试成绩(占40%) 。 答疑及辅导 地点:电力大楼935/格B405 QQ群课程简介2
  • 3. 教材 李雷孝、邢红梅、王慧. Java Web开发技术.北京:清华大学出版社.2015.6 其他参考 沈泽刚、秦玉平. Java Web编程技术.北京:清华大学出版社.2010.3 吕海东、张坤.Java EE企业级应用开发实例教程. 北京:清华大学出版社. 2010.8 温尚书、陈石华.Java Web编程入门与实践.北京:人民邮电出版社.2010.3 郭克华.Java EE程序设计与应用开发.北京:清华大学出版社.2011.1 参考教材3
  • 4. 边讲边练 讲知识点,结合小例子带动学生实践 课堂布置上机练习,下课前提交 结合完整页面贯穿内容,加强理解和动手能力 授课形式4
  • 5. 网络编程基础:HTML、CSS、JavaScript Java编程语言 数据库基础知识、数据库应用系统(Oracle)预备知识5
  • 6. Servlet开发技术 Servlet基础、Servlet处理客户端请求、Cookie、会话跟踪 JSP开发技术 JSP基础知识、JavaBean MVC 其他 Servlet 过滤器、Servlet监听器、JSTL、EL课程内容6
  • 7. 第一章 Web编程基础
  • 8. 主要内容 软件开发体系结构 1.HTTP协议 2.Web应用程序工作原理 3.Web应用开发技术 4.Java Web开发环境的搭建 5.Java Web项目的创建部署 6.Java Web应用案例简介 7.案例 8.8
  • 9. C/S体系结构 C/S 含义:Client/Server C/S 软件开发体系结构的应用软件系统是 一种两层结构的系统:第一层是在客户机系统上结合了表示逻辑与业务逻辑;第二层是通过网络结合了数据库服务器 B/S体系结构 B/S软件开发体系结构的应用软件系统由浏览器(Browser)和服务器(Web Server、Other Server、MiddleWare)组成。 数据和应用程序都存放在服务器上,浏览器功能可以通过下载服务器上应用程序得到动态扩展,服务器具有多层结构,B/S系统处理的数据类型可以动态扩展1.1软件开发体系结构9
  • 10. B/S结构的优势 它简化了客户端 简化了系统的开发和维护 使用户的操作变得更简单 特别适用于网上信息发布,使得传统的MIS的功能有所扩展 C/S体系结构 客户端除了和服务器端通信之外还可以处理一定的业务逻辑功能,这样可以减轻服务器的压力 。1.1软件开发体系结构10
  • 11. HTTP:HyperText Transfer Protocol, 超文本传输协议 是用于从WWW服务器传输超文本到本地浏览器的传送协议。 HTTP是一个应用层协议,由请求和响应构成,是一个标准的客户端/服务器模型。1.2 HTTP协议11
  • 12. 1.2 HTTP协议HTTP协议的请求响应模型 HTTP协议是由客户端发起请求,服务器端返回响应到客户端,这种机制限制了HTTP协议的使用,无法实现客户端在没有发送请求时,服务器将消息推送给客户端 HTTP是一个无状态的协议12
  • 13. 目前大多数Web应用程序结构均采用最为流行 的B/S软件开发体系结构 。 Web应用程序工作原理如图所示。 1.3 Web应用程序工作原理13
  • 14. 客户端开发技术 HTML HTML(HyperText Mark-up Language)超文本标记语言,是Web应用程序客户端开发技术的基础,主要用于显示网页信息。 CSS CSS(Cascading Style Sheet)称为级联样式表。可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制, JavaScript JavaScript是一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分。1.4 Web应用开发技术14
  • 15. 服务器端开发技术 PHP PHP原始为Personal Home Page的缩写,现在已经正式更名为Hypertext Preprocessor,即超文本预处理器。 PHP是一种通用开源脚本语言,语法吸收了C语言、Java和Perl的特点,易于学习,使用广泛,主要适用于Web开发领域 ASP.NET ASP.NET是.NET框架的一部分,是一项微软公司的技术,是一种使嵌入网页中的脚本,可以由因特网服务器执行的服务器端脚本技术,它可以在通过HTTP请求文档时再在Web服务器上动态创建它们。 ASP指Active Server Pages(动态服务器页面),运行于IIS(Internet Information Server服务,是Windows开发的Web服务器)之中的程序。1.4 Web应用开发技术15
  • 16. 服务器端开发技术 Servlet Servlet是JAVA 2.0中新增的一个全新功能。Servlet是一种独立于平台和协议的服务器端的Java应用程序,可以生成动态的Web页面。 Servlet是位于Web服务器内部的服务器端的Java应用程序,与传统的从命令行启动的Java应用程序不同,Servlet由Web服务器进行加载,该Web服务器必须包含支持Servlet的Java虚拟机。 Servlet是HTTP服务器上的数据库或应用程序之间的中间层,接收Web浏览器或其他HTTP客户程序发来的请求。 JSP JSP(Java Server Page,Java服务器页面)是由Sun公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP是在传统的网页HTML文件中嵌入Java程序代码段和JSP标记,从而形成JSP文件,后缀名为“.jsp”。1.4 Web应用开发技术16
  • 17. Web服务器 Resin 提供了最快的JSP/Servlets运行平台。 JBoss是一个基于JavaEE的开放源代码的应用服务器。 WebSphere Application Server是一种功能完善、开放的Web应用程序服务器,它是基于Java的应用环境,用于建立、部署和管理Internet和Intranet Web应用程序。 BEA WebLogic Server是一种多功能、基于标准的Web应用服务器,为企业构建自己的应用提供了坚实的基础 Tomcat是一个开放源代码、运行Servlet和JSP的Web应用软件,它是基于Java的Web服务器。1.5 Java Web开发环境的搭建17
  • 18. JDK的安装与配置 下载的网址 http://www.oracle.com/ 配置环境变量 JAVA_HOME path 验证JDK的安装 java -version1.5 Java Web开发环境的搭建18
  • 19. Tomcat的安装与配置 下载的网址 http://tomcat.apache.org/ 推荐下载zip文件,解压即可1.5 Java Web开发环境的搭建19
  • 20. 1.5 Java Web开发环境的搭建 验证Tomcat的安装 找到Tomcat安装目录下的bin目录,运行startup.bat文件来启动Tomcat服务器,若出现以下内容则证明tomacat启动成功: 在浏览器的地址栏输入:http://localhost:8080,若出现以下界面则证明tomcat安装成功:20
  • 21. 1.5 Java Web开发环境的搭建Tomcat的目录结构目录作用bin存放与Tomcat运行有关的类、类库和DOS的批处理文件confTomcat的各种配置文件,最重要的是Tomcat的配置文件server.xmllib存放Tomcat服务器和所有web应用都能访问的java类库和JAR文件logs存放Tomcat的日志文件tempTomcat运行时候存放临时文件和class文件webapps存放部署的web应用work存放临时生成的servlet文件和21
  • 22. 1.5 Java Web开发环境的搭建修改端口号 Tomcat安装后,默认的端口号是8080,如果现在要想修改端口号的话,则可以打开Tomcat目录中的conf/server.xml文件:22
  • 23. 1.5 Java Web开发环境的搭建 MyEclipse与Tomcat的集成 启动MyEclipse,在MyEclipse中单击图标“”右侧的倒三角,选择Configure Server单击23
  • 24. 1.5 Java Web开发环境的搭建 MyEclipse与Tomcat的集成 选择Servers---->Tomcat---->Tomcat 7.x---->将Tomcat Server选项由原来选中Disable改为Enable,然后单击Browser。24
  • 25. 1.5 Java Web开发环境的搭建 MyEclipse与Tomcat的集成 选择Tomcat目录,单击“确定”即可25
  • 26. 1.5 Java Web开发环境的搭建 MyEclipse与Tomcat的集成 单击OK按钮即可26
  • 27. 1.5 Java Web开发环境的搭建 启动Tomcat 单击图标“”右侧的倒三角,选择Tomcat 7.x---->单击Start,即启动了Tomcat27
  • 28. 1.6 Java Web项目的创建、目录结构及部署 Java Web项目创建 打开MyEclipse,在Package Explorer中单击右键,选择New---->Web Project28
  • 29. 1.6 Java Web项目的创建、目录结构及部署 Java Web项目创建 打开MyEclipse,在Package Explorer中单击右键,选择New---->Web Projec,用户在Project Name文本框中输入项目名称,此时Context root URL中自动填充为与Project Name相同的名称,该名称为Web应用名,默认与项目同名 。29
  • 30. 1.6 Java Web项目的创建、目录结构及部署 目录结构 src目录 src目录下存放实现业务逻辑、数据操作、控制程序执行流程、描述实体对象、过滤器、监听器以及系统公用类的Java源代码文件,另外还包括资源文件等。 WebRoot目录 新建项目初始目录中WebRoot目录下就存在META-INF和WEB-INF两个子目录,这是Web应用必需的两个目录。30
  • 31. 1.6 Java Web项目的创建、目录结构及部署 Java Web项目的部署 在MyEclipse操作界面中单击部署按钮 31
  • 32. 1.6 Java Web项目的创建、目录结构及部署 Java Web项目的部署 在Project下拉框中选中Java Web工程项目然后单击Add按钮。32
  • 33. 1.6 Java Web项目的创建、目录结构及部署 Java Web项目的部署 在Server下拉框中选中“Tomcat 7.x”,然后单击Finish按钮。33
  • 34. 1.6 Java Web项目的创建、目录结构及部署 Java Web项目的部署 进入Project Deployments界面,在该界面中Deployments Status栏中显示“Successfully Deployed”说明项目部署成功,此时单击OK即可,否则从步骤(1)重新开始或者检查项目是否有错误。 启动Web服务器Tomcat 34
  • 35. 案例 登录 编写登录页面login.html,包括用户名、密码、提交按钮、取消按钮 编写注册页面reg.html,包括用户名、密码、性别(单选按钮)、兴趣 (多选框)、学校(下拉框) 通过浏览器访问以上页面 35