Java第12次实验提纲（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小例子。
讲解：

页面端（导入第三方库、Echarts基本使用、页面访问服务器Servlet的Ajax方法）
服务器端Servlet组装数据的方法
讲解整个项目代码（包含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项目地址