一、把项目部署到tomcat下

四步走:

(1)在webapps下创建一个工程并把资源放入该工程下

java draw gif带动画 javaweb动画_java draw gif带动画

(2)启动tomcat--省略 (第一章里已经讲过了)

(3)访问服务器下指定的资源

java draw gif带动画 javaweb动画_动态网页_02

 未来你写好的web工程,都可以给客户部署到tomcat/webapps下。

二、Idea关联tomcat

        我们写代码都是在idea上来写,所以我们应该让idea关联tomcat.

java draw gif带动画 javaweb动画_java_03

 

java draw gif带动画 javaweb动画_java draw gif带动画_04

java draw gif带动画 javaweb动画_java_05

java draw gif带动画 javaweb动画_动态网页_06

三、idea创建web工程

        因为我们现在写的代码不知包含java代码还包含我们的网页,所以我们现在使用idea创建工程的话,不在是创建的为java工程了,而是javaweb工程。

         首先创建一个普通工程,和我们学习java基础时创建工程的方法相同

        其次,向工程中添加组件

java draw gif带动画 javaweb动画_java draw gif带动画_07

java draw gif带动画 javaweb动画_tomcat_08

        点击OK即可。那么这样我们的JavaWeb工程就创建好了,目录列表如下图所示:

java draw gif带动画 javaweb动画_java_09

        之后我们要把创建的web工程部署到咱指定的tomcat下。

java draw gif带动画 javaweb动画_java_10

 

java draw gif带动画 javaweb动画_tomcat_11

java draw gif带动画 javaweb动画_java_12

 

java draw gif带动画 javaweb动画_java draw gif带动画_13

四、设置web工程的默认首页

再不输入网页资源名称时 默认显示的页面。

/WEB-INF/web.xml文件里配置默认首页

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">
    <!--设置默认首页-->
    <welcome-file-list>
        <welcome-file>main.html</welcome-file>
    </welcome-file-list>
</web-app

 五、动态网页

        所谓的动态网页,是指跟静态网页相对的一种网页编程技术。

        静态网页,随着html代码的生成,页面的内容和显示效果就基本上不会发生变化了——除非你修改html页面代码。而动态网页则不然,页面代码虽然没有变,但是显示的内容却是可以随着时间、环境或者数据库操作的结果而发生改变的。值得强调的是,不要将动态网页和页面内容是否有动感混为一谈。这里说的动态网页,与网页上的各种动画、滚动字幕等视觉上的动态效果没有直接关系,动态网页也可以是纯文字内容的,也可以是包含各种动画的内容,这些只是网页具体内容的表现形式,无论网页是否具有动态效果,只要是采用了动态网站技术生成的网页都可以称为动态网页。总之,动态网页是基本的html语法规范与Java、VB、VC等高级程序设计语言、数据库编程等多种技术的融合,以期实现对网站内容和风格的高效、动态和交互式的管理。因此,从这个意义上来讲,凡是结合了HTML以外的高级程序设计语言和数据库技术进行的网页编程技术生成的网页都是动态网页。

总结:

1. 动态网页会随着时间的变化或者数据库的变化而发生改变。动态网页内可以插入脚本代码。
动态网页的种类有很多,比如jsp,freemark thymeleaf等等。
我们讲的是jsp动态网页。
2. 静态页面不会随着时间的变化而变化。静态网页无法插入脚本代码。

静态网页和动态网页的唯一区别:能不能插入java脚本。

5.1 如何插入java脚本

写在jsp网页。

<%
   Java脚本
%>
<%--表示它支持java脚本 不要删除--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <style>
        #mydiv{
             background: red;
             width: 200px;
            height: 200px;
        }
    </style>
</head>
<body>

    <%
        //里面就可以写java代码。
        int a=15;
        int b=20;
        int c=a+b;
    %>
    这里是动态网页hello.<br>
    <img src="images/1.jpg">

    <div id="mydiv"></div>



</body>
</html>

 上面已经知道可以再jsp中写java代码,但是我们不知道如何把定义的变量输出到网页上。

输入到网页的方式有两种:

第一种: out.print(表达式);

<%
        //里面就可以写java代码。
        int a=15;
        int b=20;
        int c=a+b;
        //System.out.println("c====="+c); //它只会再idea控制台输出。
        out.print("c============"+c);  //报错。我们需要加入jsp的依赖。
        out.print("a========"+a);
    %>

注意: 要想使用这种方式输出,你必须把jsp-api.jar 和 servlet-api.jar 放入该web工程下。

java draw gif带动画 javaweb动画_tomcat_14

java draw gif带动画 javaweb动画_maven_15

第二种 :<%=表达式 %>   注意这里不要再表达式后面输入分号.

 总结

1. idea创建web工程并可以部署到idea关联的tomcat上。
2. 动态页面jsp.  
3. 动态页面内可以插入java脚本代码.
    <%
       //java脚本代码---和咱们以前的java语法一样。定义变量可以再整个jsp当前页面内使用。
    %>
    
4. 输入java脚本的内容.
    out.print();
    
    <%=表达式%>