动态网页开发基础

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

 

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

 

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

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

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

 

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

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

 

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

 

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

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

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

 

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

 

 

 

1.2B/SC/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.4B/S架构的工作原理

 

 

 

 

1.5URL

 

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

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

 

 

哪个位置更精确? URL

 

解放路发财街88

 

1.6Tomcat服务器文件夹介绍

 

 

文件夹

                     描述信息

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.8JSP基本介绍

 

  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!

阅读更多
个人分类: web
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

动态网页开发基础

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭