动态网页开发基础

 1.静态网页
  01.无法实现搜索、购买、登录等交互功能
  02.无法对静态网页的内容进行实时更新
 2.动态网页
  01.根据用于的不同操作,结合实际的数据返回不同的网页
  02.和真是的数据产生交互的
           B/S模式
 1.B/S模式
  01.B/S架构(浏览器/服务器)
   *程序完全部署在服务器上
 2.B/S与C/S的比较
    B/S架构        C/S架构
 软件安装 浏览器        需要专门的客户端应用
 升级维护 客户端零维护     客户端需要单独维护和升级
 平台相关 与操作系统平台的关系最小化  对客户端操作系统一般有限制
 性能安全 在响应速度和安全性上需要花  能充分发挥客户端处理能力,客户端响应快
    费更多设计成本
 3.B/S模式的工作原理
  01.B/S架构采用请求/响应模式进行交互
  02.步骤
   001.用户输入
   002.发送(客户端的请求数据)
   003.服务器端程序(访问)
   004.返回(从服务器端检索到的信息)
 4.小结
  01.B/S架构采用请求/响应模式进行交互
  02.B/S具有灵活更新,节省系统资源等优点
           URL和Tomcat
 1.URL
  01.Uniform Resource Locator 统一资源定位符
  02.URL的组成
   协议部分//主机IP地址:端口//项目资源路径
   协议部分
    http:超文本传输协议
    https:安全的超文本传输协议
 2.tomcat服务器
  01.开发者:Apache
  02.作用:应用服务器(①接收URL请求②返回数据)
  03.当前最新版本(市场应用最广泛Tomcat7.0):Tomcat 9.0
  04.同类型软件:jetty、jboss
  05.官网:http://tomcat.apache.org/
 3.Tomcat的目录结构(服务器的目录结构)
  01./bin
   存放各种平台下用于启动和停止Tomcat的脚本文件
  02./conf
   存放Tomcat服务器的各种配置文件
  03./lib
   存放Tomcat服务器所需的各种JAR文件
  04./logs
   存放Tomcat的日志文件
  05./temp
   Tomcat运行时用于存放临时文件
  06./webapps
   当发布Web应用时,默认情况下会将Web应用的文件存放于此目录中
  07./work
   Tomcat把由JSP生成的Servlet放于此目录下
 4.配置步骤
  01.解压缩版Tomcat的配置
   添加系统变量,名称为CATALINA_HOME,设置值为Tomcat的安装目录
  02.启动和停止Tomcat服务器
  03.Tomcat服务器启动测试
   01.在IE地址栏中输入http://localhost:端口号
   02.页面进入到Tomcat启动成功界面
 5.Tomcat的端口号
  通过配置文件server.xml修改Tomcat端口号
   <Connector port="8080" protocol="HTTP/1.1"
               connectionTimeout="20000"
               redirectPort="8443" />
                *把port的值修改就可以了
                        初始Web项目
    1.创建、部署和发布项目
     01.编写Web应用的代码
     02.将项目打包至webapps目录
     03.启动Tomcat服务并进行访问
    2.Web应用的目录结构
     01./
      Web应用的根目录,该目录下所有文件在客户端都可以访问
     02./WEB-INF
      该目录及其子目录存放应用使用的各种资源,该目录及其子目录对客户端都是不可以访问,web项目配置文件web.xml
     03./WEB-INF/classes
      存放Web项目的所有的class文件
     04./WEB-INF/lib
      存放web应用使用的JAR文件
               初识JSP
    1.JSP(Java Server Pages)
     在HTML中嵌入Java脚本代码
    2.JSP中的page命令
     01.通过设置内部事务多个属性定义整个页面的属性
      <%@ page 属性1="属性值",属性1="属性值1,属性值2"%>
       *page指令:负责配置页面属性的
     02.常用属性
      001.language
       指定JSP页面使用的脚本语言
        默认值:Java
      002.import
       通过该属性来引用脚本语言中使用到的类文件
        默认值:无
      003.contentType
       用来指定JSP页面运行结果的类型,浏览器展示内容需要的编码格式
        默认值:text/html;charset=utf-8
     03.JSP脚本
      语法
       <% Java代码段(必须符合Java代码规范) %>
      方法
       输出内容
        out.print(网页中输出内容);
              *在JSP代码中可以任意打断   添加JavaScript代码
     04.表达式
      001.不能与JSP一起写,它也是要使用独立的<%%>
       语法
        <%=表达式%>
         *表达式中没有分好
     05.JSP声明
      JSP页面中自定义方法,方法声明后可在页面中多处调用
       语法:
        <%!
         JSP代码段,与Java的代码编写一致
        %>
    3.注释
     01.HTML的注释
      <!--html注释-->
     02.JSP注释
      <%--JSP注释--%>
     03.在JSP脚本中注释
      <%//单行注释%>
      <%/*多行注释*/%>
               JSP运行原理
    1.Web容器处理JSP文件请求需要经过的阶段
     01.翻译阶段(服务器会把JSP页面转换为.java文件)
     02.编译阶段(.Java文件编译为.class文件)
     03.执行阶段(.class文件在服务器中加工成.html文件进行反馈)
      *都发生在服务器的内部
    2.执行原来(详细)
     01.用户通过浏览器访问jsp的时候,Tomcat负责把jsp转换为Java文件
      jsp中声明 ———> Java文件的成员方法
      jsp中脚本 ———> Java文件中的_jspService方法的一段代码
      jsp中表达式 ———> Java文件中的_jspService方法的一段代码 out.print(表达式);
     02.服务器再把Java文件编译成为class文件
     03.服务器执行class文件
      001.首先对生成的Java类进行实例化
      002.调用实例化后对象的_jspService方法输出HTML给浏览器
     4.浏览器渲染HTML数据
    3.当用户多次请求统一个jsp文件时,服务器不会多次生成Java文件及class文件。只会用第一次编译好的文件
     *例外:如果对jsp文件进行了修改,Web容器会重新对jsp文件进行翻译和编辑(覆盖旧文件)
    4.使用集成开发工具创建Web项目
     01.创建新项目
      File ———> 给新项目命名 ———> 目录结构
    5.Java中的标准
     01.Java SE
      Java开发普通应用程序所依赖的软件包
     02.Java EE
      开发Java Web项目是使用到的软件包
      001.目前的Java EE最新版本为8(但IDE中使用6版本稳定性)
    6.Web程序的调试与排错
     运行Web程序时常犯的错误 
      01.未启用Tomcat
      02.未部署Web应用
      03.URL输入错误
      04.目录不能被应用
posted @ 2018-08-13 16:53  小哪吒!!  阅读(130)  评论(0编辑  收藏  举报