动态网页开发基础

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

 

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

 

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

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

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

 

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

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

 

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

 

   注册 ====》把用户的数据放进数据库

   登录 ====》从数据库中获取用户数据

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

 

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

 

 

 

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

 

B:Browser  浏览器

C:Client    客户端

S:Server    服务器

 

常见的B/S应用：

    淘宝

京东

天猫

 

常见的C/S应用：

    QQ

微信

魔兽世界

 

	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

 

 

 

 

<base href="<%=basePath%>">

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

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