动态网页开发基础

1.1：静态页面和动态页面的区别

1. 如果我们的电商网站是静态页面

我们无法登录！用户的信息都是存储在数据库中的！

我们无法搜索商品！信息都是存储在数据库中的！

我们无法购物..........

数据都是写死在页面上，不是从数据库中实时获取的！

有些效果可能会动======》动态效果 ≠动态页面

2. 根据用户不同的操作，给用户一个不同的相应

购买商品，搜索商品=====》从数据库中获取

3. 动态页面需要部署在服务器中，动态网页中的内容靠我们服务器端的程序自动生成的

1.2：B/S和C/S架构的区别

B:Browser 浏览器

C:Client 客户端

S:Server 服务器

常见的B/S应用：

淘宝

京东

天猫

常见的C/S应用：

微信

魔兽世界

	B/S	C/S
软件安装	B/S 只需要浏览器	C/S需要专门的客户端应用
升级维护	客户端零维护	C/S需要单独的升级和维护
性能安全	体现在服务器上	体现在客户端
平台相关	与平台关系最小化	对客户端有一定限制

1.3: 服务器

一个为用户提供资源和响应的电脑设备！

邮件服务器

图片服务器

缓存服务器

应用服务器

数据库服务器

Web服务器：一般就是指网站服务器,用户通过浏览器可以访问我们事先存在的web项目应用，从而得到响应以及后续操作！

常见的web服务器：

Tomcat

JBoss

WebLogic

1.4：B/S架构的工作原理

动态网页开发基础

1.5：URL

URL:统一资源定位符 Uniform Resource Locator

URI:统一资源标识符 Uniform Resource Identifier

哪个位置更精确？ URL！

解放路发财街88号

1.6：Tomcat服务器文件夹介绍

文件夹	描述信息
Bin	存放了服务器启动或者停止的脚本文件（.bat=>windows .sh=>linux）
lib	存放了服务器启动时需要的jar文件
Logs	存放了服务器运行时产生的日志文件
Temp	存放了服务器运行时需要的临时文件
Conf	存放了服务器需要的各种配置文件 01.context.xml 数据源的配置，监听我们web项目中的web.xml <WatchedResource>WEB-INF/web.xml</WatchedResource> 02.server.xml 服务器的配置信息，以及项目的热加载 03.web.xml 所有的web项目中也有这个文件默认的servlet, mime类型以及欢迎页面
Webapps	存放我们web项目的部署文件
work	当用户访问web项目时，会产生对应的文件

1.7：创建第一个web项目

1. 在ide工具中创建一个web项目

动态网页开发基础

发现web项目比我们的java项目多了2个文件

01.Java EE

开发web项目需要的默认jar包

02.WebRoot

Web项目中，所有页面的存放位置，一旦项目被部署在服务器中，

这个文件就是被部署的文件！

动态网页开发基础

META-INF: web项目的元信息

WEB-INF:

01.安全目录，用户不能直接访问WEB-INF下的所有内容

02.lib=》web项目中需要的jar存放位置，不需要手动build path

03.web.xml:优先级要大于服务器中的web.xml

Index.jsp: 动态页面

2. 在服务器中部署项目

前提，下载对应的tomcat服务器！

动态网页开发基础

3. 打开浏览器访问

localhost:8080/01WebBase/

如果没有欢迎界面，必须指定访问的资源 index.jsp

4. 注意事项

1. 项目不需要的时候，及时从服务器中删除；

2. 定时清空work文件夹（目前阶段）

3. 如果想测试代码，务必debug server 运行

1.8：JSP基本介绍

Jsp(Java Server Pages):是一种开发动态网页的技术。

1. 组成部分

1. HTML静态页面 html,css,js

2. <%@指令 %>

Page 内置对象

language="java" 当前页面使用的语言

import="java.util.*" 默认引入了util包中所有的类

pageEncoding="UTF-8" 页面默认的编码格式

3. <% java小脚本 %> 书写java代码

4. <%=表达式 %>

5. <%！书写java中的方法和成员变量%>

6. <%--jsp注释页面查询源代码看不到--%>

<!--html注释页面查询源代码看得到--%>

String path = request.getContextPath(); //获取项目的根路径

request.getScheme() //获取的是协议名称http

+"://"+

request.getServerName() //获取的是服务器的地址（主机名称）

+":"+

request.getServerPort() //获取的是服务器的端口号

+path+ //获取项目的根路径

"/";

http://localhost:8080/01WebBase/index.jsp

相当于把http://localhost:8080/01WebBase/当成了相对路径，

言外之意，页面中所有的请求路径中都包含了basePath!

动态网页开发基础

1.1：静态页面和动态页面的区别

1.2：B/S和C/S架构的区别

1.3: 服务器

1.4：B/S架构的工作原理

1.5：URL

1.6：Tomcat服务器文件夹介绍

1.7：创建第一个web项目

1. 在ide工具中创建一个web项目

2. 在服务器中部署项目

3. 打开浏览器访问

4. 注意事项

1.8：JSP基本介绍

1. 组成部分

相关推荐