01单元1 基于JSP指令和标签的Web应用程序开发.pptx

单元1　基于JSP指令和标签的 Web应用程序开发【问题探析】【问题1】简述HTML静态网页的浏览过程？【问题2】简述JSP动态网页的浏览过程？【知识必备】（1）Server与Browser Server即服务器，Browser即浏览器。用户必须通过浏览器连接到Web服务器上，才能阅读Web服务器上的文件。信息的提供者建立好Web服务器，用户使用浏览器可以取得该服务器中的文件以及其他信息。（2）HTTP HTTP是一种网络上传输数据的协议，是“Hypertext Transfer Protocol”的缩写，专门用于传输万维网中的信息资源。【知识必备】（3）HTML HTML是“HyperText Markup Language”的缩写，中文译作“超文本标记语言”，是Internet中编写网页的主要标识语言。（4）CSS CSS是“Cascading Style Sheet”的缩写，意为层叠样式表，用于对网页布局、字体、颜色、背景和其他图文效果实现更加精确的控制。【知识必备】（5）JavaScript JavaScript是一种脚本语言，可以和HTML语言混合在一起使用，用来实现在一个Web页面中与用户交互作用。（6）JSP JSP（Java Server Pages）是由Sun Microsystems公司倡导，众多公司一起参与建立的动态网页技术标准，该技术为创建显示动态生成内容的Web页面提供了一个简捷而快速的方法。【操作必备】1．本书开发Java Web应用程序采用的软件平台（1）操作系统：Windows Server 2008（2）Java开发工具包：JDK1.7.0_40（3）Web服务器：Apache Tomcat 7.0（4）JSP程序开发环境：Eclipse 2014（5）数据库管理系统：SQL Server 2008【操作必备】2．搭建Java Web开发环境（1）下载开发Java Web应用程序所需的开发工具① 下载Java开发工具包JDK② 下载Web服务器Tomcat③ 下载Java集成开发环境Eclipse与中文语言包（2）安装配置Java开发工具包JDK（3）安装与启动Tomcat（4）安装Eclipse及中文语言包【操作必备】3．启动Eclipse进入Eclipse主界面4．正确配置Eclipse（1）指定Web浏览器（2）设置JSP程序的编码格式5．在Eclipse集成开发环境中正确配置Tomcat服务器（1）在创建与配置Tomcat服务器（2）在Eclipse集成开发环境中启动Tomcat服务器6．创建必要的文件夹【基础应用】【任务1-1】使用Eclipse应用开发平台制作静态页面【任务描述】（1）搭建HTML静态页面的开发环境。（2）创建1个静态Web项目task1-1。（3）创建3个CSS样式文件common.css、header.css、footer.css，分别定义网页的通用样式、网页顶部导航栏的样式和网页底部导航栏的样式。（4）创建1个静态网页common.html，该页面为上、中、下三段式结构。顶部为导航栏，该顶部导航栏左侧依次为欢迎信息、“登录”和“注册”超链接、右侧依次为“我的订单”、“资讯中心”、“帮助中心”和“快递查询”超链接；中间暂为空，用于插入网页的主体内容；底部为导航栏，该底部导航栏包含有多个超链接。该网页的浏览效果如图1-15所示。【任务实施】1．开发准备（1）准备开发Web应用程序所需的图片文件。（2）在Dreamweaver CS中创建CSS样式文件。2．启动Eclipse进入Eclipse主界面3．新建静态Web项目task1-14．创建文件夹5．创建CSS6．创建静态网页7．浏览静态网页common.html【基础应用】【任务1-2】创建显示欢迎信息的JSP应用程序【任务描述】（1）搭建JSP应用程序开发环境 为了提高Web应用程序的开发效率，将Tomcat服务器配置到Eclipse中，为Web项目指定一个Web应用服务器，然后在Eclipse中操作Tomcat并部署和运行Web项目。同时指定Web浏览器和JSP页面的编码格式。（2）使用应用开发平台Eclipse在动态Web项目task1-2中创建一个JSP应用程序task1-2.jsp，该JSP程序在浏览器中输出“您好，欢迎 来到蝴蝶E购网!”的欢迎信息，其浏览效果如图1-28所示。（3）在动态Web项目task1-2中创建另一个JSP应用程序we1come.jsp，在该JSP程序中添加必要的HTML标签和应用所定义的样式，代码如表1-3所示。其浏览效果如图1-29所示。【任务实施】1．启动Eclipse进入Eclipse集成开发环境。2．在Eclipse集成开发环境中配置与启动Tomcat服务器（1）指