参考资料
实验完成步骤
依次完成压缩包中的目录:JSP-实验1、JSP-实验2、JSP-实验3。
实验1. Tomcat与第一个HTML页面(JSP-实验1目录 )
1.1 Tomcat的启动、配置与第一个Web页面
- 编写一个简单的HTML页面
index.html
部署到Tomcat中,部署目录为webapps\test
。 - 命令行下,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安装目录下conf\server.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
- 创建JSP:编码与中文乱码问题
- 创建Servlet
- doGet与doPost分别对应get与post请求;
- 注解
@WebServlet
代表访问的URL; - 在页面中怎么换行的问题(
<br>
与块级元素,比如<p></p>
..)
- 比较JSP与Servlet的异同
注意:
要正常使用Servlet,需在项目的Build Path
中添加Server Runtime
。设置为你在EclipseJEE中创建的Server。
2.2 JSP入门
根据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
目录下的js
目录;WEB-INF\lib
目录;echarts4.html
、echarts4.jsp
。请对比这两个文件内容有何不同。能否用html代替jsp.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的Echarts小例子
一个简单的基于JSP、Servlet的Echarts项目地址