第1章 JSP开发概述-1.4 案例ch1.4_sum：实现一个简单的JSP页面.pptx

第1章JSP开发概述1.4案例ch1.4_sum：实现一个简单的JSP页面JSP开发案例教程JSP开发案例教程

动态网页技术01JSP网页的运行原理02JSP开发环境的安装与配置03案例ch1.4_sum：实现一个简单的JSP页面04本章内容

1.4案例ch1.4_sum：实现一个简单的JSP页面JSP开发案例教程

页面的测试效果如图所示：图1-48页面预览效果案例：实现计算1+2+……+99+100的值并输出结果

1创建动态Web项目

Tomcat的安装新建动态Web项目项目文件列表新建JSP网页注：在“D:\JSP\ch1.4_sum”文件夹中将能看到由Eclipse自动生成的一系列文件夹和文件。在项目的子目录中，开发人员使用得比较多的是“src/main/java”包和“src/main/webapp”文件夹。前者特指图中的“ServerRuntime[ApacheTomcatv9.0]”上方的目录，用于存放JavaBean类文件、Servlet类文件和项目配置文件等，通常称之为“类目录”；而后者用于存放网页文件、图片文件、CSS文件和JS脚本文件等，通常称之为“网页目录”。

2实现计算1+2+……+99+100的值并输出结果

预览页面以上代码第1行用于声明网页属性，包括声明采用的编程语言为Java，引入java.util中的类，页面编码为UTF-8。第13~17行的代码实现了求和运算。第19~20行将结果分别输出到页面和控制台。第23、25行的代码同样将结果输出到页面。在JSP中可以使用“out.println(***)”语句或“%=***%”将结果输出到浏览器，也可以使用“System.out.println(***)”方法将结果输出到控制台（Console）窗口在JSP页面中编写的Java代码需要嵌套在“%”和“%”中，嵌套在“%”和“%”之间的Java代码被称之为代码片段（Scriptlets），没有嵌套在“%”和“%”之间的内容被称之为JSP的模板元素。

3测试网页运行效果

选择测试服务器测试效果注：如果用户创建的网页代码或类的代码包含错误，或项目配置有误，编译将通不过，网页可能无法在打开，在Console（控制台）中将会显示异常信息在工具栏中单击运行按钮，或在左边窗格的项目文件列表中右键单击页面文件index.jsp，在快捷菜单中选择“RunAs”→“RunonServer”命令，弹出“RunOnServer”（在服务器运行）窗口

4更改项目的存放路径（此内容仅作了解即可）

指定类文件保存目录为src在Eclipse菜单栏选择“File”→“New”→“DynamicWebProject”命令，弹出“NewDynamicWebProject”（新建动态Web项目）向导窗口，在窗口中的“Projectname”（项目名称）输入框中输入项目名称“ch1.4_sum2”；在“ProjectLocation”（项目路径）区域中，取消勾选“Userdefaultlocation”（用户默认路径）复选框，然后在“Location”（路径）文本框中输入“D:\ch1.4_sum2”或其他路径，单击“Next”按钮进入下一步。输入项目名称和指定保存路径等在接下来的向导窗口中，将“Sourcefoldersonbuildpath”（编译路径中的源文件目录）列表中默认的“src\main\java”选中，单击右边的“Remove”按钮将其删除，然后单击“AddFolder”按钮，在弹出的“AddSourceFolder”窗口的输入框中输入“src”（*.java类文件、*.xml配置文件等的存放目录/包，即“类目录”），单击“OK”按钮完成source目录的设定，回到向导窗口，单击“Next”按钮进入下一步。

自定义的项目的文件列表在接下来的向导窗口中，保持“Contentroot”输入框中的虚拟目录名称“ch1.4_sum2”不变（在浏览器浏览网页时的根路径名），在“Contentdirectory”输入框中将“src/main/webapp”更改为“WebRoot”（*.jsp网页、图片、*.css样式文件和*.js脚本文件等的存放目录，即“网页目录”），单击“Finish”按钮完成动态Web项目的创建。指定虚拟路径名和网页文件保存目录为WebRoot在Eclipse中如此新建Web项目和网页index.jsp之后，在D盘根目录下能看到项目文件夹ch1.4_sum2，在Eclipse左边的项目列表中能看到自动生成的项目文件夹列表

5删除项目

在Eclipse左边的项目列表中，对要删除的项目单击鼠标右键，在快捷菜单中选择“Delete”命令，或者