zoukankan      html  css  js  c++  java
  • 作业-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更新。

  • 相关阅读:
    HDU3480-Division-斜率dp
    CDQ题目套路总结 [未完成]
    HDU5773-The All-purpose Zero-多校#41010-最长上升子序列问题
    POJ2763-Housewife Wind-树上单点修改区间求和
    HDU3507-Print Article-斜率dp入门题
    POJ2187-Beauty Contest-凸包
    SPOJ QTREE-Query on a tree-树链剖分-边权
    扫描系统进程和获取某进程的PID
    ConfuserEx壳
    关于Intel漏洞的学习
  • 原文地址:https://www.cnblogs.com/zhrb/p/9949993.html
Copyright © 2011-2022 走看看