01单元1基于JSP指令和标签的Web应用开发(校)论述.doc

单元1　基于JSP指令和标签的Web应用程序开发 本单元我们一起走进JSP开发领域，开始学习基于Java语言的Web开发技术。通过几个简单Web应用程序学会Java Web开发环境的搭建、了解JSP程序的开发过程。重点熟悉JSP应用程序的基本构成、JSP标签和指令的应用、Java代码片段的嵌入以及注释的使用。 【问题探析】 【问题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页面提供了一个简捷而快速的方法。在HTML文档中嵌入Java代码片段（Scriptlet）和JSP标签，构成了JSP网页。 【操作必备】 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．创建必要的文件夹 在E:盘创建文件夹“JavaWeb应用程序开发”，然后该文件夹中创建子文件夹“Unit01”，以文件夹“Unit01”作为Java Web应用程序的工作空间。 【基础应用】 【任务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所示。 静态网页common.html将作为创建动态网页的基础网页。 【任务实施】 1．开发准备 （1）准备开发Web应用程序所需的图片文件。 （2）在Dreamweaver CS中创建CSS样式文件。 2．启动Eclipse进入Eclipse主界面 3．新建静态Web项目task1-1 4．创建文件夹 在Eclipse的【项目资源管理器】中，选择节点“task1-1”中的子节点“WebContent”，并单击鼠标右键，在弹出的快捷菜单中选择【新建】→【文件夹】命令，打开【新建文件夹】对话框，在“文件夹名”文本框中输入文件名“css”，如图1-20所示，单击【完成】按钮，即可在文件夹task1-1中创建一个名称为“