作业-JSP简单入门

说明

本次作业不打分,仅作为大家自学的指导。

本次实验内容以"JSP实验参考文件"为主。

参考资料

Java教学问卷调查,有什么想说的,请尽情投票吧!

反射实验参考文件

JSP实验参考文件

1. 本周学习总结

以你喜欢的方式(思维导图或其他)归纳总结与反射和JSP相关内容。

选做:2. 学习指导

0. 制作第一个HTML页面Hello.html

页面内容如下。


<html>
    <head>
          <meta charset="UTF-8">
    </head>

    <body>
          <p>我的第一个HTML程序</p>
    </body>

</html>

然后在Tomcatwebapps下新建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中并运行

参考资料:

HTML 表单

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

- 在`tomcatwebappsmyweb\`下,创建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第一次被访问速度比较慢。而第一次访问以后在访问,速度就比较快?

参考资料:

HTML 教程

中文乱码解决方案:<%@ 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 网页教程

Html简易教程

JSP简易教程

3.2 视频教程

HTML+CSS教程(相当于程序的页面)

JSP

Servlet

3.3 拓展

漂亮的图表:Echarts,需要HTML+CSS+JavaScript基础

一个简单的基于JSP、Servlet的Echarts3小例子
一个简单的基于JSP、Servlet的Echarts项目地址
JQuery Ajax, Axios, Fetch区别之我见,该文主要讲解发起Ajax的请求的几种常用方法,现在常用Axios,2018-12更新。

原文地址:https://www.cnblogs.com/zhrb/p/9949993.html