说明
本次作业不打分,仅作为大家自学的指导。
本次实验内容以"JSP实验参考文件"为主。
参考资料
Java教学问卷调查,有什么想说的,请尽情投票吧!
1. 本周学习总结
以你喜欢的方式(思维导图或其他)归纳总结与反射和JSP相关内容。
选做:2. 学习指导
0. 制作第一个HTML页面Hello.html
页面内容如下。
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>我的第一个HTML程序</p>
</body>
</html>
然后在Tomcat\webapps下新建test目录,把Hello.html拷贝到该目录。
启动Tomcat,然后访问 http://localhost:8080/test/Hello.html
注意:如果不加<meta charset="UTF-8">
,则文件应使用GBK编码。如果使用UTF-8编码,直接打开可能会乱码。
参考资料:
QQ群内JSP视频 01.Tomcat的安装与启动.mp4
1. 网页制作
目标:掌握HTML基础知识、学会在Tomcat中部署web应用、启动Tomcat。
1.1 制作一个网页index.html,内有字体<FONT>
、链接<A>
(链接到步骤b制作的网页)、图像标签<img>
、表格<table>
。内容:以介绍自己的舍友为例。
1.2 制作一个登录页面,包含表单<form>
标签。
1.3 将自己制作的网页部署Tomcat中并运行
参考资料:
2. 第一个JSP页面
目标:学会编写JSP,并在JSP页面中混合编写Java代码与页面代码。
2.1 ppt中Hello.jsp如果直接用IE打开,能否正常执行,为什么?
2.2 JSP任务:新建一个testjava.jsp
- 第1行:一个随机数
- 第2行:显示当前日期(提示:使用完全限定类名 java.util.Date)
- 接下来输出从1~20的偶数,一个数字一行,如”2是偶数”(使用Java代码生成)
- (使用自定义类)新建User.java, 放入package entity,编译得到User.class
- 在`tomcat\webapps\myweb\`下,创建WEB-INF目录,然后在WEB-INF目录新建classes,在classes下新建entity目录,将User.class移入entity目录
- 在testjava.jsp中新建User对象,设置该User对象的属性,然后输出。(使用完全限定类名entity.User)
- 输出1~20的所有数,但偶数用红色显示。**提示:**红色字需用HTML页面代码`<div style="color:#FF0000">红色</div>`
- 动态生成表格。生成若干User对象,赋予不同属性值,放入`List<User> usreList`中使用for循环将userList中的所有对象打印出来,注意:放入表格中打印。表格参考资料:[table标签](http://www.w3school.com.cn/tags/tag_table.asp)
2.3 思考:为什么testjava.jsp第一次被访问速度比较慢。而第一次访问以后在访问,速度就比较快?
参考资料:
中文乱码解决方案:<%@ page contentType="text/html; charset=UTF-8" language="java"%>
3. EclipseJEE的使用与request、表单等
目标1:学会在EclipseJEE中新建项目,编写Dynami Web Project。
目标2:学会使用request、表单向服务器发送数据。
3.1 "JSP-实验2"目录中的"JSP-实验2(EclipseJEE、request、表单)内容及步骤.txt"文件。
参考资料:
"JSP-实验2"目录中的“JSP参考代码”与“JSP-实验步骤”
Eclipse Java EE IDE 添加tomcat服务器以及解决404的问题.docx
视频 04.EclipseJEE的配置.exe
4. Servlet、Session与EL表达式
目标1:掌握并编写Servlet
目标2:学会使用Session
目标3:学会使用EL表达式简化页面代码
4.1 "JSP-实验3内容-Servlet、Session与EL表达式"目录中的“JSP-实验3内容及步骤-Servlet、Session与EL表达式.txt”文件。
参考资料:
"JSP-实验3内容-Servlet、Session与EL表达式"目录中的"参考答案"与"实验步骤"目录
5. Servlet与MVC
前面的作业中,JSP页面中HTML页面代码与Java代码相混杂。现在需要使用Servlet与MVC模式改造你的系统。
6. 尝试部署《案例-JSP项目学习(case2)-基于MySql.zip》
尝试在EclipseJEE中部署案例-JSP项目学习(case2)-基于MySql.zip,该案例使用MySQL数据库,部署前请先设置好数据库。
3.课外阅读
3.1 网页教程
3.2 视频教程
3.3 拓展
漂亮的图表:Echarts,需要HTML+CSS+JavaScript基础
一个简单的基于JSP、Servlet的Echarts3小例子
一个简单的基于JSP、Servlet的Echarts项目地址
JQuery Ajax, Axios, Fetch区别之我见,该文主要讲解发起Ajax的请求的几种常用方法,现在常用Axios,2018-12更新。