Java第12次实验提纲(JSP简单入门)

参考资料

JSP实验参考文件

实验完成步骤

依次完成压缩包中的目录: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:
    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-INF\lib目录;
    3. echarts4.htmlecharts4.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.javadoLogin.jsp

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

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

6. JSP与Echarts3结合的例子

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值