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

第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”命令，或者在选中该项目后直接按下键盘上的“Delete”键，将弹出删除确认窗口。如果直接单击“OK”按钮，则将项目从项目列表中删除如果该项目已经发布到了Tomcat服务器，则会同时将该项目从Tomcat的项目列表中移除。虽然移除了该项目，但磁盘中的项目文件夹还在，以后通过导入该项目，还能继续修改和测试此项目。删除确认窗口

Tomcat中已发布的项目测试网页时，项目会被发布到Tomcat。在控制面板的Servers列表中，展开Tomcatv9.0Serveratlocalhost，能看到目前已被发布到Tomcat的项目。选中某个项目，对其单击鼠标右键，在快捷菜单中选择“Remove”命令，或直接按下键盘上的“Delete”键，在弹出的确认对话框中单击“OK”键，就将此项目从Tomcat的列表中移除了。从Tomcat的项目列表中移除某个项目后，最好重启Tomcat服务器。6导入项目

确定导入选项在Eclipse的菜单栏选择“File”→“Import”命令，打开导入项目向导窗口，在窗口中的项目类型列表中选择“General”→“ExistingProjectintoWorkspace”，单击“Next”按钮进入下一步选择导入类型选中“Selectrootdirectory”单选按钮，单击其右边的“Browse”（浏览）按钮，打开“选择文件夹”对话框，在该对话框中选中所需导入项目的根目录，单击对话框的“选择文件夹”按钮，再单击“Finish”按钮完成项目的导入。更改运行的Tomcat选择“Properties”(属性)命令，在打开的项目“属性”窗口左边栏的列表中选择“TargetedRuntimes”选项，然后在窗口右边的服务器列表中勾选一个已关联的Tomcat，最后单击“ApplyandClose”按钮完成配置。配置JavaBuildPath如果仍有错误，可以在项目的“Properties”(属性)窗口中，选择“JavaBuildPath”Java构建路径，然后在右边选择“Libraries”库选项卡，在右边的列表中查看JRE的版本是否正确，ServerRuntime的Tomcat是否有效等出现错误时，可以查看Eclipse控制面板的“Markers”选项卡中的错误列表，可根据提示信息做相应操作，例如修改项目的源代码、修改配置文件或修改项目的属性配置等。有时在“Markers”选项卡的错误列表中对某条错误提示单击鼠标右键，在快捷菜单中选择“QuickFix”命令，有时能快捷地纠正相应错误。Markers面板7导出项目

确定导出选项在Eclipse的菜单栏选择“File”→“Import”命令，打开导入项目向导窗口，在窗口中的项目类型列表中选择“General”→“ExistingProjectintoWorkspace”，单击“Next”按钮进入下一步。选择导入类型选中“Selectrootdirectory”单选按钮，单击其右边的“Browse”（浏览）按钮，打开“选择文件夹”对话框，在该对话框中选中所需导入项目的根目录，单击对话框的“选择文件夹”按钮，再单击“Finish”按钮完成项目的导入。确定WAR导出选项确定导出位置和文件名如果仍有错误，可以在项目的“Properties”(属性)窗口中，选择“JavaBuildPath”Java构建路径，然后在右边选择“Libraries”库选项卡，在右边的列表中查看JRE的版本是否正确，ServerRuntime的Tomcat是否有效等。选择“Properties”(属性)命令，在打开的项目“属性”窗口左边栏的列表中选择“TargetedRuntimes”选项，然后在窗口右边的服务器列表中勾选一个已关联的Tomcat，最后单击“ApplyandClose”按钮完成配置。控制台Console中的三角形生成由字符“*”构成的三角形图案。（提示：可用有2层for的双循环将要输出的内容累加赋值给字符串变量show。）在网页中用2种方式分别输出变量show（提示：换行用“<br>”），如图网页中的三角形所示。注意，需将网页源代码中的行高“line-height:40px;”更改为“line-height:20px;”。在控制台输出变量show（提示：需进行换行符的替换，可应用代码“show.replace("<br>","\n")”），如图控制台Console中的三角形所示。案例练习：

ch1.4ex_triangle（打印三角形）

网页中的三角形JSP开发案例教程1.5小结与练习介绍了静态网页和动态网页的联系与区别简单介绍了常见的动态网页技术、主流的Web服务器系统，以及JSP网页的运行原理介绍了JSP开发环境的安装和配置，本书采用的开发环境是Eclipse、Tomcat和MySQL引入了案例“实现一个简单的JSP页面”，创建了一个简单的JSP网页，通过计算1+2+……+99+100的值并将结果输出到页面和控制台。介绍了删除、导入和导出项目的方法本章小结（1）在静态网页和动态网页中，需要编译后运行的是

，静态网页文件的扩展名通常是

，京东网上商城的商品列表页是

网页。（2）常见的动态网站开发语言有

、

、

、

、

、

等。（3）常见的JSP开发工具有

、

、