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-1 4．创建文件夹 5．创建CSS 6．创建静态网页 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标签和应用所定义的样式