web前端总结(二)

JSP

   JSP 就是一个简化的servlet 

   servlet写动态web资源 工作量大 难以维护

  JSP写动态web资源很简单 开发和HTML极其相似

  

   JSP和HTML的区别 什么时候应该用哪个

      1.HTML：只能展示静态WEB资源。 不能写JAVA代码    浏览器直接解析
    HTML在静态WEB资源展示效率极高，所以如果仅仅展示静态WEB资源，建议HTML
    2.JSP:  可以展示动态和静态的WEB资源。    可以写JAVA代码
    JSP先翻译成java，再编译成class，再执行class，再写响应体，再发送响应体，浏览器接收响应体翻译成html代码，然后再解析执行
    JSP因为可以写JAVA代码，可以轻松展示动态WEB资源，当需要展示动态的WEB资源，JSP

Jsp原理

   JSP是第一次访问时才会被翻译成java文件   编译成class文件进行执行  JSP页面上写的HTML代码 css代码 JS代码 在翻译后的java文件中 都是以字符流输出到响应体中

JSP基本语法

  JSP脚本元素<% JAVA代码 (定义变量 调用方法 java语句等)%>   会翻译到_jspservice()方法的内部  脚本中定义的变量 全部是_jspservice方法内部的局部变量

  JSP的声明元素 <%! 定义的变量或方法等%>  会把代码翻译到 成员变量的位置上面

  JSP的脚本表达式  <%= 表达式%>

JSP注释

<!--HTML注释--> <%// java单行注释%>  <% -JSP注释-%>

JSP指令

为了方便在JSP页面去设置一些信息

    指令格式  <%@ 指令名 属性名1="属性值1" "属性值2=" "属性值2"...%>

    指令是有很多属性组成  一个JSP指令 就会翻译成一段JAVA代码

      

JSP的9大内置对象

  4大作用域对象:    1 .appliction 类型  servletContext  正骨上下文WEB项目

                               2 session  HttpSession          一次会话

                               3 request  HttpServletRequest  一次请求

                              4 pageContext  pageContext  可以获取其他八大内置对象

 

EL 或JSTL

 EL表达式  简化获取servlet域 对象中数据的过程 是一种简单的数据访问语言  只能读数据  不能写

EL表达式 最终会被翻译成一段JAVA代码

格式   ${表达式}

运算 执行比较运算与 逻辑运算

empty 云散  ${user==null}  ${empty user}

三元运算  ${n1>n2? "yes: no"}

便携方式  依次从小到大 pageContext request session appliction  获取指定名称的属性 若找到了则返回 且结束该次查询   若找不到则 返回""

EL获取项目名称  {$pageContext.request.contextPath}

获取request 域中的数据 ${requestScope.aaa}

获取session域中的数据 ${sessionScope.bbb}

对象属性值的获取 ${requestScope.user.username}

获取数组的第二个元素 ${requestScope.aaa[1]}

获取集合的第二个元素${requestScope.list[1]}

获取map集合的第二个元素${requsetScope.map.bbb}

获取cookie

${cookie} 获取所有的cookie

${cookie.aaa.name}------------>${cookie.aaa.value}  获取cookie中的aaa值

MVC设计模式

  将业务逻辑  数据 和显示相分离的一种思想

  M : model 模型  封装数据  封装对数据的操作  javabean

  V  : view  视图 展示数据 (主要使用JSP)  JSP

  C : ctrl  控制 接受请求并响应  servlet

Ajax

Ajax=异步JavaScript 和xml (标准通用标记语言的子集)

Ajax 是一种用于创建快速动态 网页的技术

通过在后台与服务器进行少量的数据交换 Ajax 可以使网页视线异步更新   这意味着可以在不重新加载正骨网页的情况下 对网页的某部分进行更新

原声JS中的Ajax

 使用步骤

     1  写一个事件触发Ajax

     2 获取核心对象 

     3 编写回调函数

     4 确定请求的方式和请求的路径

     5 发送请求

Jquery中的Ajax

post提交   :

$(url,params function(d){},type):

    url 请求路径    params 求情的参数  参数必须是key/value 的形式  username =tom&password =123{     "username",:"torm","password":"123"}

fn : 回调函数 参数就是回来的数据

type :响应回来的格式 html json

get提交:

$.get{url,params,function(d){},type}

$.ajax(设置):

设置的选项

url 求情路径      type 请求方式     data 参数   dataType  等同于 post请求的type

success 值为fn  错误之后的回调