《JSP程序设计（第二版）》课件 第1章　JSP程序设计基础

1.1任务1：分析课程贯穿项目任务描述从开发背景、用户角色、模块划分、界面设计及数据提取等方面，对漫画网站原型进行分析。进而熟悉该项目的主要功能，并完成数据库的设计。任务描述技能目标能够运用B/S思维设计应用程序能够绘制系统功能结构图能够通过网站原型进行数据提取学会分析系统用例图技能目标1.1.1C/S架构与B/S架构一、C/S架构1、概念C/S架构的全称是Client/Server，即客户端/服务器端架构，其客户端包含一个或多个在用户电脑上运行的程序，而服务器端有两种：一种是数据库服务器端，客户端通过数据库连接访问服务器端的数据；另一种是Socket服务器端，服务器端的程序通过Socket与客户端的程序进行通信。

C/S架构也可以看做是胖客户端架构，因为客户端需要实现绝大多数的业务逻辑和界面展示。这种架构中，客户端需要承受很大的压力，因为显示逻辑和事务处理都包含在其中，通过与数据库的交互完成数据持久化，以此满足实际项目的需求。1.1.1C/S架构与B/S架构一、C/S架构2、特点•C/S架构的界面和操作可以很丰富。•安全性可以很容易保证。•交互模式简单致使响应速度较快。优点适用面窄，通常用于局域网中。由于客户端程序需要安装才可使用，因此不适合面向一些不可知的用户。维护成本高，完成一次升级，所有客户端程序都需要变更。缺点1.1.1C/S架构与B/S架构二、B/S架构1、概念B/S架构的全称是Browser/Server，即浏览器/服务器架构。Browser是指Web浏览器，即客户端无需特殊安装，只要有Web浏览器即可。前端只承担极少数的事务逻辑，主要事务逻辑在服务器端实现。B/S架构也可以看做是瘦客户端架构，因为客户端包含的逻辑很少，主要负责数据数据呈现，事务处理逻辑大部分放在了Web应用程序上，这样就减少了客户端的压力。1.1.1C/S架构与B/S架构二、C/S架构2、特点•客户端无需安装，有Web浏览器即可。•B/S架构的系统可以直接放在广域网上，实现多客户访问，适用面广。•维护成本低，完成一次升级，无需升级多个客户端，升级服务器即可。优点•在跨浏览器方面，B/S架构不尽如人意。•前端表现力很难达到C/S架构的程度。•在速度和安全性上需要花费巨大的设计成本。•客户端与服务器端的交互是请求-响应模式，通常需要刷新页面。缺点1.1.2静态网页与动态网页一、静态网页静态网页不是指网页中的元素都静止不动，而是指网页文件中没有程序代码，只有HTML标记，一般后缀为.htm、.html、.shtml或.xml等。静态网页可以包含GIF动画，Flash动画，javaScript脚本等。1.1.2静态网页与动态网页二、动态网页动态网页是指在网页文件中除了HTML标记，还包含一些实现特定功能的程序代码，这些代码使得浏览器与服务器之间可以进行交互，即服务器可以根据客户端的不同请求动态产生网页内容。动态网页的后缀名通常根据所用的程序设计语言的不同而不同，一般为.asp、.aspx、cgi、.php、.perl、.jsp等。1.1.3常用的动态网页技术一、ASPASP是ActiveServerPage的缩写，意为动态服务器页面。是由微软开发的嵌在网页中并由服务器端运行的脚本技术（与浏览器无关）。适用Web服务器：Windows下的InternetInformationServices（IIS）

适用语言：VBS/JS脚本语言+HTML

ASP既不是一种程序语言，也不是一种开发工具，而是一种技术框架。1.1.3常用的动态网页技术二、ASP.NETASP.NET并非编程语言，而是微软针对ASP的缺点研发的一种新的开发平台，实现了业务逻辑和Html页面的文件分离，无论页面原型如何改变，业务逻辑代码都不必做任何改动，代码重用性和维护性得到了提高。适用Web服务器：Windows下的InternetInformationServices（IIS）

适用语言：C#、VB、J#等+HTML，其中C#最常用。1.1.3常用的动态网页技术三、PHPPHP是超文本预处理语言ProfessionalHypertextPreprocessor的缩写。PHP原本的简称为PersonalHomePage，最初是丹麦程序员为了维护个人网页而用C语言开发的一些工具程序集。后来又用C语言重新编写，增加了数据库访问功能。PHP也是一种在服务器端执行的嵌入HTML文档的脚本语言，语言风格类似于C语言。由于简单高效、开源免费、跨平台等特性，PHP受到很多Web开发人员的欢迎。PHP支持绝大多数数据库，常搭配MySQL数据库和ApacheWeb服务器。1.1.3常用的动态网页技术四、JSPJSP全称JavaServerPages，是以Java语言作为脚本语言的新一代网站开发技术。适用Web服务器：Tomcat、WebLgic、JBoss、Websphere等适用语言：Java程序段（Scriptlet）和JSP标记（tag）+HTML

由于Java语言的跨平台特性，所以JSP不受操作系统或开发平台的制约，而且有多种服务器可以支持，因此，JSP经常在企业级系统开发中使用。任务实现一、开发背景选取漫画网站设计作为课程贯穿项目，所有知识点将围绕该项目逐层递进，逐步扩展。二、功能描述漫画网站有三类用户，分别是管理员、会员及匿名用户。其系统结构如图1-5所示,匿名用户只能浏览主页、阅读部分在线漫画；用户注册后才能成为会员，会员登录后可以查看漫画信息、阅读所有在线漫画、使用漫画心愿单及购买实物漫画书；管理员无需注册，直接使用固定账号登陆即可对会员及漫画信息进行管理。任务实现任务实现三、数据库设计任务实现任务实现四、界面原型任务实现任务实现任务实现拓展与提高用例图就是非常重要的需求描述工具之一。用例图一般由以下四类元素构成：一、参与者参与者不是特指人，是指系统以外的，在使用系统或与系统交互中所扮演的角色。参与者在画图中用简笔人物画来表示，人物下面附上参与者的名称。二、用例用例是对包括变量在内的一组动作序列的描述，系统执行这些动作，并产生可观察的结果。用例在画图中用椭圆来表示，椭圆下面附上用例的名称。三、系统边界系统边界是用来表示正在建模系统的边界。参与者画在边界的外面，用例画在边界里面。在画图时，系统边界可以省略。拓展与提高四、用例图中的关系拓展与提高总结C/S架构与B/S架构

静态网页与动态网页

常用的动态网页技术贯穿项目分析及数据库设计

谢谢大家观看

1.2任务2：为漫画网站创建Web应用任务描述搭建JavaWeb应用程序开发环境，为漫画网站创建Web应用，并在服务器上发布和运行该应用。任务描述技能目标能够安装JDK并正确配置环境变量能够安装并配置Tomcat服务器能够为Eclipse配置运行时环境和服务器能够用Eclipse创建Web应用学会创建Web页面能够发布并运行Web应用技能目标1.2.1搭建Tomcat服务器一、JDK的安装与配置1、从甲骨文官方网站下载JDK的安装包，根据自己电脑的操作系统选择正确的版本进行下载。1.2.1搭建Tomcat服务器

2、配置JDK环境变量1.2.1搭建Tomcat服务器1.2.1搭建Tomcat服务器1.2.1搭建Tomcat服务器1.2.1搭建Tomcat服务器二、Tomcat的安装与启动1、下载压缩版Tomcat1.2.1搭建Tomcat服务器2、Tomcat目录结构1)bin目录:用于存放Tomcat命令。2)conf目录:用于存放Tomcat的一些配置文件。3)lib目录：主要用来存放Tomcat运行所需要加载的jar包，如连接数据库的jdbc包等。4)logs目录：用来存放Tomcat在运行过程中产生的日志文件，如在控制台输出的日志等。5)temp目录：用户存放tomcat在运行过程中产生的临时文件。6)webapps目录：用来存放应用程序，当Tomcat启动时会去加载webapps目录下的应用程序。7)work目录：用来存放Tomcat在运行时的编译后文件，如JSP编译后的文件。1.2.1搭建Tomcat服务器3、启动Tomcat（bin目录下的startup.bat）

1.2.2在Eclipse中配置Tomcat服务器1.2.2在Eclipse中配置Tomcat服务器1.2.3创建第一个Web应用1.2.3创建第一个Web应用1.2.3创建第一个Web应用1.2.3创建第一个Web应用工程目录结构1、src目录：用于存放Java源文件。2、WebRoot目录：是Web应用的顶层目录。1）META-INF目录：由系统自动生成，用于存放系统描述信息。2）WEB-INF目录：该目录下的文件不能被引用，即无法被用户访问。

该目录一般由以下三部分组成：

WEB-INF/web.xml文件，Web应用的初始化配置文件（必选）

WEB-INF/classes目录，编译后的Java类文件（可选）

WEB-INF/lib目录，Web应用所需的Java类库文件（*.jar）（可选）3）自行创建的可以对外发布的Web资源1.2.3创建第一个Web应用添加Web页面1.2.3创建第一个Web应用部署Web应用1.2.3创建第一个Web应用部署Web应用1.2.3创建第一个Web应用运行Web应用1.2.3创建第一个Web应用运行Web应用任务实现拓展与提高部署方法一：项目打成war包，后放入webapps目录。拓展与提高部署方法二：通过修改conf下的server.xml文件进行部署。1、打开Tomcat下的conf/server.xml，在<Host></Host>标签之间输入项目配置信息：<Contextpath="/welcome"docBase="D:\EclipseSpace\cartoon\WebRoot"reloadable="true"/>1）path：表示浏览器访问时的路径名。2）docBase:web项目的WebRoot所在的路径，其实也就是编译后的项目。3）reloadble:设定项目有改动时，Tomcat是否重新加载该项目。2、重启服务器，并在浏览器地址栏中输入正确的URL，访问相应的页面即可。

如http://localhost:8080/welcome/welcome.html，其中的webcome对应上面的path属性。拓展与提高部署方法三：每个项目分开配置。在conf\Catalina\localhost目录下，新建的xml文件，增加下面配置语句：<ContextdocBase="D:\EclipseSpace\cartoon\WebRoot"reloadable="true"/>在浏览器地址栏中输入正确的URL，访问相应的页面即可，无需重启服务器。如http://localhost:8080/hello/welcome.html其中的hello对应上面的xml文件名。总结搭建Tomcat服务器

在Eclipse中配置Tomcat服务器

创建第一个Web应用

谢谢大家观看

1.3任务3：为漫画网站主页添加页面元素任务描述为漫画网站添加主页，并且为主页添加系统时间、注释、漫画类型列表等页面元素。任务描述技能目标能够在JSP中添加静态元素能够在JSP中设置页面指令能够在JSP中添加注释能够在JSP中使用表达式能够在JSP中使用小脚本能够在JSP中使用声明技能目标1.3.1JSP简介JSP（JavaServerPages）是一种Java服务器端技术，可以理解为内嵌了Java代码的HTML页面，其文件扩展名必须是jsp（如index.jsp）。

它使用JSP标签在HTML中插入Java脚本，标签通常以<%开头，以%>结束。并且由应用服务器中的JSP引擎来编译和执行内嵌的Java代码，然后再生成整个页面信息返回给客户端。1.3.2JSP的执行过程1、翻译阶段：JSP页面会被Web容器中的JSP引擎转换成Java源码。2、编译阶段：Java源码会被编译成可执行的字节码。3、执行阶段：执行编译生成的字节码文件；执行结束后，容器把生成的页面反馈给客户端进行显示。1.3.3设置默认访问页有时候Web工程中并没有创建web.xml,但是同样可以通过应用根目录访问到默认页面，这是为什么呢？原因是Tomcat的conf目录下也有一个web.xml,可以进行全局设置。服务器在Web工程中找不到web.xml时，就会从conf下的web.xml中匹配相应的<welcome-file>元素。1.3.4JSP的页面元素一、静态内容静态内容是JSP页面中的静态文本，基本都是HTML标记，与Java和JSP语法无关。二、JSP指令元素JSP指令元素的作用是通过设置指令中的属性，在JSP运时，控制JSP页面的某些特性。JSP指令一般以“<%@”开始，以“%>”结束。【例如】<%@pagelanguage="java"import="java.util.*,java.text.*"contentType="text/html;charset=utf-8"pageEncoding="utf-8"%>pageEncoding是JSP文件本身的编码，只用于JSP输出，不会作为header发出去；contentType的charset是指服务器发送给客户端时的内容编码。1.3.4JSP的页面元素三、JSP脚本元素在JSP页面中，将小脚本(scriptlet)、表达式(expression)、声明(declaration)统称为JSP脚本元素，用于在JSP页面中嵌入Java代码，实现页面的动态处理。1、小脚本小脚本可以包含任意的Java片断，形式比较灵活，通过在JSP页面中编写小脚本可以执行复杂的操作和业务处理。编写方法是将Java程序片断插入<%%>标记中。1.3.4JSP的页面元素2、表达式表达式是对数据的表示，系统将其作为一个值进行计算和显示，当需要在页面中输出一个Java变量或者表达式值时，使用表达式是非常方便的。其语法是<%=Java变量或表达式%>。1.3.4JSP的页面元素3、JSP声明在Java小脚本中只能定义局部变量。如果需要为Java脚本定义全局变量（即Java类的成员变量）和方法时，就需要使用JSP声明来实现了。声明语法如下：<%!Declaration；[Declaration；]……%>1.3.4JSP的页面元素四、JSP中的注释1、HTML注释标记使用格式是<!--注释内容-->，一般用于注释静态内容。其注释内容在客户端浏览器中可以通过查看源代码看到。2、JSP注释标记使用格式是<%--注释内容--%>，一般用于注释脚本元素。在客户端通过查看源代码看不到注释内容，所以有时也叫做隐藏注释。3、在JSP脚本中使用注释在脚本中加注释和在Java类中加注释的方法是一样的。1.3.4JSP的页面元素任务实现任务实现拓展与提高Java的集合组件主要存放在java.util包中，其类型主要有3种：List(列表）、Set(集）和Map(映射)，它们都是接口。List和Set继承自Collection接口，Map是独立接口。

一、List接口List元素有放入顺序，元素可重复，其实现类主要有：1、ArrayList：底层是通过数组实现的，随机读取数据较快。2、Vector：实现方式和ArrayList类似，但其方法都是同步的(Synchronized)，是线程安全的(thread-safe)，而ArrayList的方法不是。由于线程的同步必然要影响性能，因此，ArrayList的性能比Vector好。3、LinkedList：底层是通过链表实现的，插入、删除数据较快。

拓展与提高二、Set接口：Set元素无放入顺序，元素不可重复。Set接口的实现类主要有：1、HashSet