Java第12次实验提纲（JSP简单入门）

参考资料

JSP实验参考文件

实验完成步骤

依次完成压缩包中的目录：JSP-实验1、JSP-实验2、JSP-实验3。

实验1. Tomcat与第一个HTML页面(JSP-实验1目录 )

1.1 Tomcat的启动、配置与第一个Web页面

• 编写一个简单的HTML页面index.html部署到Tomcat中，部署目录为webapps est。
• 命令行下，Tomcat安装目录下的bin子目录，启动Tomcat服务器，执行startup.bat
• 编写一个简单的JSP，运行Tomcat，然后找到该JSP对应的.class文件
• 关闭服务器shutdown.bat

拓展：
使用浏览器的开发者工具(F12)、选择Network页查看浏览器与服务器之间的通信。

常见问题：
服务器无法启动，提示"Several ports (8005, 8090, 8009) required by Tomcat v8.5 Server at localhost are already in use. The server may already be running in another process, or a system process may be using the port."或者类似的错误提示。
原因：已有服务占用了端口或者已经启动了一个Tomcat服务器。
解决方法：修改Tomcat安装目录下confserver.xml，将<Connector port="8090"中的8090改为你要用的新端口。

1.2 EclipseJEE的使用

• 新建Tomcat Server并运行第一个html文件
  • 新建Server->Dynamic Web Project
  • 在项目的WebContent目录下新建一个html文件。也可直接将JSP-实验1目录中的表格(table)示例代码.html文件拷贝到该目录，然后运行。

实验2. JSP与Servlet(JSP-实验2目录 )

2.1 初步认识

• 创建JSP：编码与中文乱码问题
• 创建Servlet：
  1. doGet与doPost分别对应get与post请求;
  2. 注解@WebServlet;
  3. 在页面中怎么换行的问题（<br>与块级元素，比如<p></p>..）
• 比较JSP与Servlet的异同

注意:
要正常使用Servlet，需在项目的Build Path中添加Server Runtime。

2.2 JSP的使用(JSP-实验3目录 )

根据JSP-实验2(EclipseJEE、request、表单)内容及步骤.txt文件中的内容进行实验。
目标：

• 掌握JSP中如何使用Java代码(<%%>)，如何导入Java类(<%@ page import="entity.User,java.util.*" %>)
• 掌握Java代码与页面代码混合，掌握JSP小脚本<%=%>
• 掌握前后端数据交换

ECharts4小例子演示

演示：一个简单的基于JSP、Servlet的Echarts3小例子。
讲解：

1. 页面端（导入第三方库、Echarts基本使用、页面访问服务器Servlet的Ajax方法）
2. 服务器端Servlet组装数据的方法
3. 讲解整个项目代码（包含src目录、WebContent下的js目录、WEB-INF下的lib目录）
   任务：
   下载并阅读相应项目代码，然后将项目导入到自己的Web项目中运行、修改、调试。
   导入方法：以复制粘贴的方式将项目代码中如下文件复制到新的项目中：

• src目录所有文件
• WebContent目录下的
  1. js目录；
  2. WEB-INFlib目录；
  3. echarts4.html、echarts4.jsp。请对比这两个文件内容有何不同。能否用html代替jsp.
  4. index.html。

---

实验3. JSP深入(JSP-实验3目录 )

3.1 使用Servlet代替doXXX.jsp。Servlet作为控制器。

3.2 request作用域实验，重定向与转发

3.3 session作用域实验

3.4 EL表达式

实验4. MVC(简单讲解)

对比LoginServet.java与doLogin.jsp

5. 尝试部署《案例-JSP项目学习（case2）-基于MySql.zip》

尝试在EclipseJEE中部署案例-JSP项目学习（case2）-基于MySql.zip，该案例使用MySQL数据库，部署前请先设置好数据库。

6. JSP与Echarts3结合的例子

一个简单的基于JSP、Servlet的Echarts3小例子
一个简单的基于JSP、Servlet的Echarts项目地址