Web阶段八：Ajax

最新推荐文章于 2024-01-19 14:47:14 发布

沐风游云

最新推荐文章于 2024-01-19 14:47:14 发布

阅读量101

点赞数

文章标签： ajax 前端 javascript

本文链接：https://blog.csdn.net/wdywxwxld/article/details/127238282

版权

一、思维导图

在这里插入图片描述

二、重点知识点

AJAX
1. 概念： ASynchronous JavaScript And XML异步的JavaScript 和 XML
  1. 异步和同步：客户端和服务器端相互通信的基础上
    - 客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。
    - 客户端不需要等待服务器端的响应。在服务器处理请求的过程中，客户端可以进行其他的操作。
      Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。
      通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
      传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。
      提升用户的体验
2. 实现方式：
  1. 原生的JS实现方式（了解）
  2. JQeury实现方式
    1. $.ajax()
      - 语法：$.ajax({键值对});
    2. $.get()：发送get请求
      - 语法：$.get(url, [data], [callback], [type])
        参数：
        url：请求路径
        data：请求参数
        callback：回调函数
        type：响应结果的类型
    3. $.post()：发送post请求
      - 语法：$.post(url, [data], [callback], [type])
        参数：
        url：请求路径
        data：请求参数
        callback：回调函数
        type：响应结果的类型
JSON
1. 概念：JavaScript Object Notation JavaScript对象表示法
  - json现在多用于存储和交换文本信息的语法
  - 进行数据的传输
  - JSON 比 XML 更小、更快，更易解析。
2. 语法：
  1. 基本规则
    - 数据在名称/值对中：json数据是由键值对构成的
      - 键用引号(单双都行)引起来，也可以不使用引号
      - 值的取值类型：
        数字（整数或浮点数）
        字符串（在双引号中）
        逻辑值（true 或 false）
        数组（在方括号中） {“persons”:[{},{}]}
        对象（在花括号中） {“address”:{“province”：“陕西”…}}
        null
    - 数据由逗号分隔：多个键值对由逗号分隔
    - 花括号保存对象：使用{}定义json 格式
    - 方括号保存数组：[]
  2. 获取数据:
    1. json对象.键名
    2. json对象[“键名”]
    3. 数组对象[索引]
    4. 遍历
3. JSON数据和Java对象的相互转换
  - JSON解析器：
    - 常见的解析器：Jsonlib，Gson，fastjson，jackson
  1. JSON转为Java对象
    1. 导入jackson的相关jar包
    2. 创建Jackson核心对象 ObjectMapper
    3. 调用ObjectMapper的相关方法进行转换
      1. readValue(json字符串数据,Class)
  2. Java对象转换JSON
    1. 使用步骤：
      1. 导入jackson的相关jar包
      2. 创建Jackson核心对象 ObjectMapper
      3. 调用ObjectMapper的相关方法进行转换
        转换方法：
        writeValue(参数1，obj):
        参数1：
        File：将obj对象转换为JSON字符串，并保存到指定的文件中
        Writer：将obj对象转换为JSON字符串，并将json数据填充到字符输出流中
        OutputStream：将obj对象转换为JSON字符串，并将json数据填充到字节输出流中
        writeValueAsString(obj):将对象转为json字符串
    2. 注解：
      1. @JsonIgnore：排除属性
      2. @JsonFormat：属性值的格式化
        @JsonFormat(pattern = “yyyy-MM-dd”)
    3. 复杂java对象转换
      1. List：数组
      2. Map：对象格式一致
Redis
1. 概念： redis是一款高性能的NOSQL系列的非关系型数据库
  1. 什么是NOSQL
    NoSQL(NoSQL = Not Only SQL)，意即“不仅仅是SQL”，是一项全新的数据库理念，泛指非关系型的数据库。
    随着互联网web2.0网站的兴起，传统的关系数据库在应付web2.0网站，特别是超大规模和高并发的SNS类型的web2.0纯动态网站已经显得力不从心，暴露了很多难以克服的问题，而非关系型的数据库则由于其本身的特点得到了非常迅速的发展。NoSQL数据库的产生就是为了解决大规模数据集合多重数据种类带来的挑战，尤其是大数据应用难题。
    1. NOSQL和关系型数据库比较
      优点：
      1）成本：nosql数据库简单易部署，基本都是开源软件，不需要像使用oracle那样花费大量成本购买使用，相比关系型数据库价格便宜。
      2）查询速度：nosql数据库将数据存储于缓存之中，关系型数据库将数据存储在硬盘中，自然查询速度远不及nosql数据库。
      3）存储数据的格式：nosql的存储格式是key,value形式、文档形式、图片形式等等，所以可以存储基础类型以及对象或者是集合等各种格式，而数据库则只支持基础类型。
      4）扩展性：关系型数据库有类似join这样的多表查询机制的限制导致扩展很艰难。
      缺点：
      1）维护的工具和资料有限，因为nosql是属于新的技术，不能和关系型数据库10几年的技术同日而语。
      2）不提供对sql的支持，如果不支持sql这样的工业标准，将产生一定用户的学习和使用成本。
      3）不提供关系型数据库对事务的处理。
    2. 非关系型数据库的优势：
      1）性能NOSQL是基于键值对的，可以想象成表中的主键和值的对应关系，而且不需要经过SQL层的解析，所以性能非常高。
      2）可扩展性同样也是因为基于键值对，数据之间没有耦合性，所以非常容易水平扩展。
    3. 关系型数据库的优势：
      1）复杂查询可以用SQL语句方便的在一个表以及多个表之间做非常复杂的数据查询。
      2）事务支持使得对于安全性能很高的数据访问要求得以实现。对于这两类数据库，对方的优势就是自己的弱势，反之亦然。
    4. 总结
      关系型数据库与NoSQL数据库并非对立而是互补的关系，即通常情况下使用关系型数据库，在适合使用NoSQL的时候使用NoSQL数据库，
      让NoSQL数据库对关系型数据库的不足进行弥补。
      一般会将数据存储在关系型数据库中，在nosql数据库中备份存储关系型数据库的数据
  2. 主流的NOSQL产品
    • 键值(Key-Value)存储数据库
    相关产品： Tokyo Cabinet/Tyrant、Redis、Voldemort、Berkeley DB
    典型应用：内容缓存，主要用于处理大量数据的高访问负载。
    数据模型：一系列键值对
    优势：快速查询
    劣势：存储的数据缺少结构化
    • 列存储数据库
    相关产品：Cassandra, HBase, Riak
    典型应用：分布式的文件系统
    数据模型：以列簇式存储，将同一列数据存在一起
    优势：查找速度快，可扩展性强，更容易进行分布式扩展
    劣势：功能相对局限
    • 文档型数据库
    相关产品：CouchDB、MongoDB
    典型应用：Web应用（与Key-Value类似，Value是结构化的）
    数据模型：一系列键值对
    优势：数据结构要求不严格
    劣势：查询性能不高，而且缺乏统一的查询语法
    • 图形(Graph)数据库
    相关数据库：Neo4J、InfoGrid、Infinite Graph
    典型应用：社交网络
    数据模型：图结构
    优势：利用图结构相关算法。
    劣势：需要对整个图做计算才能得出结果，不容易做分布式的集群方案。
  3. 什么是Redis
    Redis是用C语言开发的一个开源的高性能键值对（key-value）数据库，官方提供测试数据，50个并发执行100000个请求,读的速度是110000次/s,写的速度是81000次/s ，且Redis通过提供多种键值数据类型来适应不同场景下的存储需求，目前为止Redis支持的键值数据类型如下：
    1) 字符串类型 string
    2) 哈希类型 hash
    3) 列表类型 list
    4) 集合类型 set
    5) 有序集合类型 sortedset
    1. redis的应用场景
      • 缓存（数据查询、短连接、新闻内容、商品内容等等）
      • 聊天室的在线好友列表
      • 任务队列。（秒杀、抢购、12306等等）
      • 应用排行榜
      • 网站访问统计
      • 数据过期处理（可以精确到毫秒
      • 分布式集群架构中的session分离
2. 下载安装
  1. 官网：https://redis.io
  2. 中文网：http://www.redis.net.cn/
  3. 解压直接可以使用：
    - redis.windows.conf：配置文件
    - redis-cli.exe：redis的客户端
    - redis-server.exe：redis服务器端
3. 命令操作
  1. redis的数据结构：
    - redis存储的是：key,value格式的数据，其中key都是字符串，value有5种不同的数据结构
      - value的数据结构：
        字符串类型 string
        哈希类型 hash ： map格式
        列表类型 list ： linkedlist格式。支持重复元素
        集合类型 set ：不允许重复元素
        有序集合类型 sortedset：不允许重复元素，且元素有顺序
  2. 字符串类型 string
    1. 存储： set key value
      127.0.0.1:6379> set username zhangsan
      OK
    2. 获取： get key
      127.0.0.1:6379> get username
      “zhangsan”
    3. 删除： del key
      127.0.0.1:6379> del age
      (integer) 1
  3. 哈希类型 hash
    1. 存储： hset key field value
      127.0.0.1:6379> hset myhash username lisi
      (integer) 1
      127.0.0.1:6379> hset myhash password 123
      (integer) 1
    2. 获取：
      - hget key field: 获取指定的field对应的值
        127.0.0.1:6379> hget myhash username
        “lisi”
      - hgetall key：获取所有的field和value
        127.0.0.1:6379> hgetall myhash
        “username”
        “lisi”
        “password”
        “123”
    3. 删除： hdel key field
      127.0.0.1:6379> hdel myhash username
      (integer) 1
  4. 列表类型 list:可以添加一个元素到列表的头部（左边）或者尾部（右边）
    1. 添加：
      1. lpush key value: 将元素加入列表左边
      2. rpush key value：将元素加入列表右边
        127.0.0.1:6379> lpush myList a
        (integer) 1
        127.0.0.1:6379> lpush myList b
        (integer) 2
        127.0.0.1:6379> rpush myList c
        (integer) 3
    2. 获取：
      - lrange key start end ：范围获取
        127.0.0.1:6379> lrange myList 0 -1
        “b”
        “a”
        “c”
    3. 删除：
      - lpop key：删除列表最左边的元素，并将元素返回
      - rpop key：删除列表最右边的元素，并将元素返回
  5. 集合类型 set ：不允许重复元素
    1. 存储：sadd key value
      127.0.0.1:6379> sadd myset a
      (integer) 1
      127.0.0.1:6379> sadd myset a
      (integer) 0
    2. 获取：smembers key:获取set集合中所有元素
      127.0.0.1:6379> smembers myset
      1. “a”
    3. 删除：srem key value:删除set集合中的某个元素
      127.0.0.1:6379> srem myset a
      (integer) 1
  6. 有序集合类型 sortedset：不允许重复元素，且元素有顺序.每个元素都会关联一个double类型的分数。redis正是通过分数来为集合中的成员进行从小到大的排序。
    1. 存储：zadd key score value
      127.0.0.1:6379> zadd mysort 60 zhangsan
      (integer) 1
      127.0.0.1:6379> zadd mysort 50 lisi
      (integer) 1
      127.0.0.1:6379> zadd mysort 80 wangwu
      (integer) 1
    2. 获取：zrange key start end [withscores]
      127.0.0.1:6379> zrange mysort 0 -1
      1. “lisi”
      2. “zhangsan”
      3. “wangwu”
        127.0.0.1:6379> zrange mysort 0 -1 withscores
      4. “zhangsan”
      5. “60”
      6. “wangwu”
      7. “80”
      8. “lisi”
      9. “500”
    3. 删除：zrem key value
      127.0.0.1:6379> zrem mysort lisi
      (integer) 1
  7. 通用命令
    1. keys * : 查询所有的键
    2. type key ：获取键对应的value的类型
    3. del key：删除指定的key value
4. 持久化
  1. redis是一个内存数据库，当redis服务器重启，获取电脑重启，数据会丢失，我们可以将redis内存中的数据持久化保存到硬盘的文件中。
  2. redis持久化机制：
    1. RDB：默认方式，不需要进行配置，默认就使用这种机制
      - 在一定的间隔时间中，检测key的变化情况，然后持久化数据
      1. 编辑redis.windwos.conf文件
      2. 重新启动redis服务器，并指定配置文件名称
        redis-server.exe redis.windows.conf
    2. AOF：日志记录的方式，可以记录每一条命令的操作。可以每一次命令操作后，持久化数据
      1. 编辑redis.windwos.conf文件
5. Java客户端 Jedis
  - Jedis: 一款java操作redis数据库的工具.
  - 使用步骤：
    1. 下载jedis的jar包
    2. 使用
  - Jedis操作各种redis中的数据结构
    1. 字符串类型 string
      set
      get
    2. 哈希类型 hash ： map格式
      hset
      hget
      hgetAll
    3. 列表类型 list ： linkedlist格式。支持重复元素
      lpush / rpush
      lpop / rpop
      lrange start end : 范围获取
    4. 集合类型 set ：不允许重复元素
      sadd
      smembers:获取所有元素
    5. 有序集合类型 sortedset：不允许重复元素，且元素有顺序
      zadd
      zrange
  - jedis连接池： JedisPool
    - 使用：
      1. 创建JedisPool连接池对象
      2. 调用方法 getResource()方法获取Jedis连接
- 注意：使用redis缓存一些不经常发生变化的数据。
  - 数据库的数据一旦发生改变，则需要更新缓存。
    - 数据库的表执行增删改的相关操作，需要将redis缓存数据情况，再次存入
    - 在service对应的增删改方法中，将redis数据删除。
maven
1. 概念
  Maven 是一个项目管理工具，它包含了一个项目对象模
  型 (POM：Project Object Model)，一组标准集合，一个项目生命周期(Project Lifecycle)，一个依赖管
  理系统(Dependency Management System)，和用来运行定义在生命周期阶段(phase)中插件(plugin)目标
  (goal)的逻辑。
2. 作用
  代码重用
3. 功能
  1. 依赖管理：
    maven工程对jar包的管理过程
  2. 项目的一键构建：
    使用 maven 一个命令，从编译、测试、运行、打包、安装、部署整个过程都交给 maven 进行管理
4. 下载
  官网：https://maven.apache.org/download.cgi
5. 安装
  解压
  配置环境变量
6. Maven 仓库
  分类
  本地仓库：用来存储从远程仓库或中央仓库下载的插件和 jar 包，项目使用一些插件或 jar 包，
  优先从本地仓库查找
  默认本地仓库位置在 ${user.dir}/.m2/repository，$ {user.dir}表示 windows 用户目录。
  远程仓库：如果本地需要插件或者 jar 包，本地仓库没有，默认去远程仓库下载。
  远程仓库可以在互联网内也可以在局域网内。
  中央仓库：在 maven 软件中内置一个远程仓库地址 http://repo1.maven.org/maven2 ，它是中
  央仓库，服务于整个互联网，它是由 Maven 团队自己维护，里面存储了非常全的 jar 包，它包
  含了世界上大部分流行的开源项目构件。
7. Maven 常用命令
  1. compile
    compile 是 maven 工程的编译命令，作用是将 src/main/java 下的文件编译为 class 文件输出到 target目录下。
  2. test
    test 是 maven 工程的测试命令 mvn test，会执行 src/test/java 下的单元测试类。
  3. clean
    clean 是 maven 工程的清理命令，执行 clean 会删除 target 目录及内容。
  4. package
    package 是 maven 工程的打包命令，对于 java 工程执行 package 打成 jar 包，对于 web 工程打成 war包。
  5. install
    nstall 是 maven 工程的安装命令，执行 install 将 maven 打成 jar 包或 war 包发布到本地仓库。
    从运行结果中，可以看出：
    当后面的命令执行时，前面的操作过程也都会自动执行
  6. deploy
    在本地的pom文件配置好之后，执行deploy命令，可以将maven所打的jar包上传到远程的repository，便于其他开发者和工程共享。
  - Maven 指令的生命周期
    Clean Lifecycle 在进行真正的构建之前进行一些清理工作。
    Default Lifecycle 构建的核心部分，编译，测试，打包、安装、部署等等。
    Site Lifecycle 生成项目报告，站点，发布站点。
  - maven 的概念模型
    项目对象模型 (Project Object Model)
    一个 maven 工程都有一个 pom.xml 文件，通过 pom.xml 文件定义项目的坐标、项目依赖、项目信息、
    插件目标等。
    依赖管理系统(Dependency Management System)
    通过 maven 的依赖管理对项目所依赖的 jar 包进行统一管理。
    一个项目生命周期(Project Lifecycle)
    使用 maven 完成项目的构建，项目构建包括：清理、编译、测试、部署等过程，maven 将这些过程规范为一个生命周期
    一组标准集合
    maven 将整个项目管理过程定义一组标准，比如：通过 maven 构建工程有标准的目录结构，有标准的生命周期阶段、依赖管理有标准的坐标定义等。
    插件(plugin)目标(goal)
    maven 管理项目生命周期过程都是基于插件完成的。
8. idea 开发maven 项目