动态网站入门(部署tomcat,了解jsp基础)

动态网页

定义:网页文件里包含了程序代码,通过后台数据库与WEB服务器的信息交互,由后台数据库提供实时数据更新和数据查询服务。通俗的讲:动态就是里面的内容可以在不影响页面的情况下更改,以不变应万变。静态就是整个版面像一幅画一样如果要修改就要全部修改好再重新上传。

动态网站加载

C/S

client/server,客户端/服务器,需要在电脑端安装软件,才能访问服务器。如QQ,LOL,钉钉

优势

1、 如果数据量非常大,需要很长下载时间,如果用C/S,只需要下载一次就可以了
2、 C/S安全性更好,不容易被攻击
3、 客户端内容更丰富,动态效果更好。

缺点

1、 如果服务器端更新了,需要更新客户端
这里写图片描述

B/S

brower/server,浏览器/服务器,只要电脑上有浏览器就可以访问服务器。如淘宝,百度,4399小游戏

优势

1、 不需要安装客户端,有浏览器直接使用就可以了
2、 如果服务器端更新了,浏览器端访问时会自动更新

缺点:

在网络不好的情况下,加载内容的速度很慢
这里写图片描述
目前,越来越多的程序都在使用B/S架构,现在网络越来越好。而且,网页的技术发展很快,可以实现丰富的网页动态效果。移动端越来多,电脑和移动都可以使用

工作原理

这里写图片描述

1、 用户在浏览器中请求
2、 浏览器向应用服务器发出请求
3、 应用服务器接受请求,去数据库服务器得到或插入相关数据,然后将结果返回给应用服务器
4、 最后应用服务器将结果返回给浏览器,展示给用户看
以上数据之间的传输就是通过URL实现

URL

统一资源定位器,俗称的网址
这里写图片描述
主机IP地址:是唯一,也可以用域名来替换

部署web服务器:Tomcat服务器

B/S如何做到如此强大的功能呢?这最大的付出者便是WEB服务器
1. Apache Jakarta的开源项目
2. JSP/Servlet容器

版本

安装版

这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述

解压版

直接把压缩包解压就可以了
这里写图片描述

修改端口号

这里写图片描述
这里写图片描述

停止,启动tomcat(这是安装版的截图)

这里写图片描述
这里写图片描述

存放要发布的项目的目录(安装版)

这里写图片描述
这里写图片描述

历史记录(安装版)

这里写图片描述

Tomcat的目录结构

说明 目录
/bin 存放各种平台下用于启动和停止Tomcat的脚本文件
/conf 存放Tomcat服务器的各种配置文件
/lib 存放Tomcat服务器所需的各种JAR文件
/logs 存放Tomcat的日志文件
/temp Tomcat运行时用于存放临时文件
/webapps 当发布Web应用时,默认情况下会将Web应用的文件存放于此目录中
/work Tomcat把由JSP生成的Servlet放于此目录下

Eclipse集成Tomcat服务器

这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述

创建动态网页项目

这里写图片描述

这里写图片描述

项目目录结构

目录 说明
/ Web应用的根目录,该目录下所有文件在客户端都可以访问(JSP、HTML等)
/WEB-INF 存放应用使用的各种资源,该目录及其子目录对客户端都是不可以访问
/WEB-INF/classes 存放Web项目的所有的class文件
/Web-INF/lib 存放Web应用使用的JAR文件
这里写图片描述

新建jsp

这里写图片描述

运行项目

这里写图片描述

设置初始页面

这里写图片描述

JSP页面

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>输出当前的系统时间</title>
    </head>
    <body>
        你好,今天是:
        <% SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
            String curTime = sdf.format(new Date());     %>
        <h1><%=curTime %></h1>
        计算两个数:
        <% int num1 = 4, num2 = 5;int result = num1 + num2;%>
        <h1>两数之和是:<%=result %></h1>
        <%!/** 测试文档注释这是多行注释*/
            String formatDate(Date d){//测试注释,这是单行注释
                /*测试注释,这是多行注释*/
          SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
                return sdf.format(d);    
            }
        %>
        <h1>调用方法:<%=formatDate(new Date()) %></h1>
        <!-- 这是HTML注释(客户端可以看到源代码)-->
        <%-- 这是JSP注释 (客户端不可以看到源代码) --%>
    </body>
</html>

组成

静态内容(HTML代码)

指令

一般在<%@ %>之间

page指令

针对当前页面进行设置的一种指令,一般位于页面顶端,只针对当前页面有效
1、 语法:
<%@ page 属性1=”属性值” 属性2=”属性值1,属性值2”… 属性n=”属性值n”%>
2、 常用属性
属性 说明 默认值
language 指定JSP页面使用的脚本语言 java
import 通过该属性来引用脚本语言中使用到的类文件 无
contentType 用来指定JSP页面所采用的编码方式 text/html,
ISO-8859-1

小脚本(JSP页面写在<% %>中间的JAVA代码)

表达式(由<% %>和=组成)

包括表达式,小脚本,声明

小脚本

这里写图片描述

表达式

这里写图片描述

声明

注释

标准动作

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值