[Java | Web] JavaWeb——JSON与AJAX简介

news2024/11/24 13:07:49

目录

一、JSON 简介

1、什么是 JSON

2、JSON 的定义和访问

3、JSON 在 JS 中两种常用的转换方法

4、JSON 在 Java 中的使用

5、匿名内部类

二、AJAX 简介

1、什么是 AJAX

2、原生 JS 的 AJAX 请求示例

3、JQuery 中的 AJAX 请求

一、JSON 简介

1、什么是 JSON

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式。易于人阅读和编写，同时也易于机器解析和生成。

JSON 采用完全独立于语言的文本格式，而且很多语言都提供了对 JSON 的支持，使得 JSON 成为理想的数据交换语言。

  • 轻量级指的是跟 xml 进行比较；
  • 数据交换指的是客户端与服务器之间业务数据的传输格式。

2、JSON 的定义和访问

客户端和服务器都需要使用 JSON。

在客户端中以 JS 为例子使用 JSON。

（1）json 的定义

json 是由键值对组成，并且由 { } 包围。

<script type="text/javascript">
	// json的定义
	var jsonObj = {
		"key1" : 12,
		"key2" : "abc",
		"key3" : true,
		"key4" : [11, "abc", false],
		"key5" : {
			"key5_1" : 13,
			"key5+2" : "value"
		},
		"key6" : [{
			"key6_1?1" : 14,
			"key6_1.2" : 15,
		}, {
			"key6_2*1" : 16,
			"key6_2^2" : 17
		}]
	};
</script>

value 可以是：普通类型、数组、json、数组套json、等等。

（2）json 的访问

json 本身是一个对象，json 中的 key 可以理解为是对象中的一个属性。json 对象属性的访问也是使用 . 点运算符。

<script type="text/javascript">
	// json的定义
	var jsonObj = {
		"key1" : 12,
		"key2" : "abc",
		"key3" : true,
		"key4" : [11, "abc", false],
		"key5" : {
			"key5_1" : 13,
			"key5+2" : "value"
		},
		"key6" : [{
			"key6_1?1" : 14,
			"key6_1.2" : 15,
		}, {
			"key6_2*1" : 16,
			"key6_2^2" : 17
		}]
	};

	// json的访问
	alert(jsonObj.key1 + " + " + jsonObj.key2 + " + " + jsonObj.key3);

	alert(jsonObj.key4);
	for (var i = 0; i < jsonObj.key4.length; ++ i) {
		alert(jsonObj.key4[i]);
	}

	alert(jsonObj.key5);
	alert(jsonObj.key5.key5_1);
	alert(jsonObj.key5["key5+2"]);

	alert(jsonObj.key6);
	alert(jsonObj.key6[0]["key6_1?1"]);

</script>

3、JSON 在 JS 中两种常用的转换方法

（1）json 有两种形式：

  • 对象形式，我们叫它 json 对象；
  • 字符串形式，我们叫它 json 字符串；

（2）转换方法：

  • JSON.stringify()，把 json 对象转换成为 json 字符串；
  • JSON.parse()，把 json 字符串转换成为 json 对象；

（3）使用场景：

  • 一般要操作 json 中的数据的时候，需要使用 json 对象的格式；
  • 一般在客户端和服务器之间进行数据交换的时候，需要使用 json 字符串；

4、JSON 在 Java 中的使用

需要先导入 json 的 jar 包才能在 java 中使用 json。可以使用 google 提供的 gson.jar。

（1）JavaBean 和 json 的转换：

（1-1）Person 类：

package com.pojo;

public class Person {
    private Integer id;
    private String name;

    @Override
    public String toString() {
        return "Person{" +
                "id=" + id +
                ", name='" + name + '\'' +
                '}';
    }

    public Integer getId() {
        return id;
    }

    public void setId(Integer id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public Person(Integer id, String name) {
        this.id = id;
        this.name = name;
    }

    public Person() {
    }
}

（1-2）JsonTest 类：

package com.json;

import com.google.gson.Gson;
import com.pojo.Person;
import org.junit.Test;

public class JsonTest {
    @Test
    public void javaBean() {
        Person person = new Person(1, "你好");
        Gson gson = new Gson();
        // JavaBean 转为 Json
        String jsonString = gson.toJson(person);
        System.out.println(jsonString);
        // Json 转为 JavaBean
        Person tmp = gson.fromJson(jsonString, Person.class);
        System.out.println(tmp);
    }
}

（1-3）输出：

（2）List 和 json 的转换：

（2-1）PersonListType 类：

package com.pojo;

import com.google.gson.reflect.TypeToken;

import java.util.List;

public class PersonListType extends TypeToken<List<Person>> {

}

（2-2）JsonTest 类：

package com.json;

import com.google.gson.Gson;
import com.pojo.Person;
import com.pojo.PersonListType;
import org.junit.Test;

import java.util.ArrayList;
import java.util.List;

public class JsonTest {
    @Test
    public void List() {
        List<Person> personList = new ArrayList<>();
        personList.add(new Person(1, "你好"));
        personList.add(new Person(2, "hello"));
        Gson gson = new Gson();
        // List<Person> 转为 Json
        String jsonString = gson.toJson(personList);
        System.out.println(jsonString);
        // Json 转为 List<Person>
        List<Person> tmp1 = gson.fromJson(jsonString, personList.getClass());
        System.out.println(tmp1.get(0));

        List<Person> tmp2 = gson.fromJson(jsonString, new PersonListType().getType());
        System.out.println(tmp2.get(0));
    }
}

（2-3）输出：

（2-4）理解：

  • 显然 tmp1 并不是正确的 Person 对象，因为 Person 对象的 id 为 Integer 类型。并且打印 tmp1 还出现了 { }，显然 List 保存的不是 Person，而是 Map 类型。
  • 如果从 Json 转换回的对象是一个 JavaBean，用 Person.class 属性就可以了；但是转换回的对象是一个 List 集合，那么就要使用 Type 类型。
  • 其中 Gson 的 jar 包提供了一个 TypeToken 类，就是用来将 Json 转换为集合的。只需要新建一个 java 类，继承 TypeToken 即可。

（3）Map 和 json 的转换：

（3-1）PersonMapType 类：

package com.pojo;

import com.google.gson.reflect.TypeToken;

import java.util.Map;

public class PersonMapType extends TypeToken<Map<Integer, Person>> {
}

（3-2）JsonTest 类：

package com.json;

import com.google.gson.Gson;
import com.pojo.Person;
import com.pojo.PersonMapType;
import org.junit.Test;

import java.util.HashMap;
import java.util.Map;

public class JsonTest {
    @Test
    public void Map() {
       Map<Integer, Person> map = new HashMap<>();
       map.put(1, new Person(1, "你好"));
       map.put(2, new Person(2, "hello"));
       Gson gson = new Gson();
       // Map 转换为 Json
        String jsonString = gson.toJson(map);
        System.out.println(jsonString);
        // Json 转换为 Map
        Map<Integer, Person> tmp = gson.fromJson(jsonString, new PersonMapType().getType());
        System.out.println(tmp.get(1));
    }
}

（3-3）输出：

5、匿名内部类

观察 json 在 Java 中的使用，我们发现如果给每一个集合类型都添加一个 Type 类，那么将会占用很多的资源，所以我们可以将其写成匿名内部类的形式。

package com.json;

import com.google.gson.Gson;
import com.google.gson.reflect.TypeToken;
import com.pojo.Person;
import org.junit.Test;

import java.util.HashMap;
import java.util.Map;

public class JsonTest {
    @Test
    public void Map() {
       Map<Integer, Person> map = new HashMap<>();
       map.put(1, new Person(1, "你好"));
       map.put(2, new Person(2, "hello"));
       Gson gson = new Gson();
       // Map 转换为 Json
        String jsonString = gson.toJson(map);
        System.out.println(jsonString);
        // Json 转换为 Map
        Map<Integer, Person> tmp = gson.fromJson(jsonString, new TypeToken<Map<Integer, Person>>(){
            // 没有语句则留空
        }.getType());
        System.out.println(tmp.get(1));
    }
}

二、AJAX 简介

1、什么是 AJAX

AJAX 即 “Asynchronous JavaScript And XML”（异步 JS 和 XML），是指一种创建交互式网页应用的网页开发技术。

ajax 是一种浏览器通过 js 异步发起请求，更新局部页面的技术。

特点：

  • 请求后浏览器地址栏不会改变；
  • 页面原有内容（未被修改的内容）保留；
  • 可以异步执行； 

2、原生 JS 的 AJAX 请求示例

（1）步骤：

  • 首先创建 XMLHttpRequest（XHR）对象；

  • 调用 open() 方法设置请求参数：get/post、url、异步true/同步false；
  • 绑定 onreadystatechange 事件，获取响应对象（数据）；
  • 将 json 字符串转换成 json 对象，把 value 显示给用户；
  • 调用 send() 方法发送请求；

（2）代码：

（2-1）ajax.html：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="pragma" content="no-cache" />
		<meta http-equiv="cache-control" content="no-cache" />
		<meta http-equiv="Expires" content="0" />
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Insert title here</title>
		<base href="http://localhost:8080/json_war_exploded/"/>
		<script type="text/javascript">
			// 在这里使用 JS 发起 Ajax 请求，访问 AjaxServlet
			function ajaxRequest() {
// 				1、我们首先要创建XMLHttpRequest（XHR）
				var xmlHttpRequest = new XMLHttpRequest();
// 				2、调用open方法设置请求参数
				xmlHttpRequest.open("GET", "./start_AjaxServlet?action=javaScriptAjax", true);
// 				3、绑定onreadystatechange事件，处理请求完成后的操作。
				xmlHttpRequest.onreadystatechange = function() {
					if (xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200) {
						// 把响应的数据显示在页面上
						var jsonObj = JSON.parse(xmlHttpRequest.responseText);
						document.getElementById("div01").innerText = "编号：" + jsonObj.id + "，姓名：" + jsonObj.name;
					}
				}
// 				4、调用send方法发送请求
				xmlHttpRequest.send();
			}
		</script>
	</head>
	<body>	
		<button onclick="ajaxRequest()">ajax request</button>
		<div id="div01">
		</div>
	</body>
</html>

（2-2）AjaxServlet 类：（BaseServlet 可以去介绍 Cookie 的文章中获取）

package com.web;

import com.google.gson.Gson;
import com.pojo.Person;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

public class AjaxServlet extends BaseServlet {

    protected void javaScriptAjax(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        System.out.println("接收 Ajax 请求");

        Person person = new Person(1, "你好");
        Gson gson = new Gson();

        String jsonString = gson.toJson(person);

        resp.getWriter().write(jsonString);
    }
}

3、JQuery 中的 AJAX 请求

一般开发中，不会自己去写原生的 AJAX 请求，而是使用 JS 的框架。

（1）$.ajax 方法

  • url，表示请求的地址；
  • type，表示请求的类型，GET/POST；
  • data，表示发送给服务器的数据，两种格式：name=value&name=value 或 { key：value }；
  • success，请求成功，响应的回调函数；
  • dataType，响应的数据类型，常用：text、xml、json；

（2）$.get 方法和 $.post 方法（比 $.ajax 少了 type 参数）

  • url，请求的地址；
  • data，发送的数据；
  • callback，成功的回调函数；
  • type，返回的数据类型；

（3）$.getJSON（固定为 GET 请求，返回 JSON 数据）

  • url，请求的地址；
  • data，发送的数据；
  • callback，成功的回调函数；

（4）$.serialize 方法

  • 可以获取表单中所有表单项的内容，并以 name=value&name=value 的形式进行拼接。

（5）代码：

（5-1）Jquery_Ajax_request.html：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="pragma" content="no-cache" />
	<meta http-equiv="cache-control" content="no-cache" />
	<meta http-equiv="Expires" content="0" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<title>Insert title here</title>
	<base href="http://localhost:8080/json_war_exploded/"/>

	<script type="text/javascript" src="./script/jquery-1.7.2.js"></script>

	<script type="text/javascript">
		$(function() {
			// ajax请求
			$("#ajaxBtn").click(function(){
				$.ajax({
					url: "./start_AjaxServlet",
					data: "action=jQueryAjax", // 或者 data: {action: "jQueryAjax"},
					type: "get",
					success: function (data) {
						// alert("返回的数据是：" + data);
						var jsonObj = JSON.parse(data); // 如果 dataType 写的是 json，那么这里就不用转换
						$("#msg").html("ajax 编号：" + jsonObj.id + "，姓名：" + jsonObj.name);
					},
					dataType: "text"
				});
			});

			// ajax--get请求
			$("#getBtn").click(function(){
				$.get("./start_AjaxServlet", "action=jQueryGet", function (data) {
					var jsonObj = JSON.parse(data);
					$("#msg").html("get 编号：" + jsonObj.id + "，姓名：" + jsonObj.name);
				}, "text");
			});

			// ajax--post请求
			$("#postBtn").click(function(){
				$.post("./start_AjaxServlet", "action=jQueryPost", function (data) {
					var jsonObj = JSON.parse(data);
					$("#msg").html("post 编号：" + jsonObj.id + "，姓名：" + jsonObj.name);
				}, "text");
			});

			// ajax--getJson请求
			$("#getJSONBtn").click(function(){
				$.getJSON("./start_AjaxServlet", "action=jQueryGetJson", function (data) {
					var jsonObj = JSON.parse(data);
					$("#msg").html("getJson 编号：" + jsonObj.id + "，姓名：" + jsonObj.name);
				});
			});

			// ajax请求
			$("#submit").click(function(){
				// 把参数序列化
				var data = "action=jQuerySerialize&" + $("#form01").serialize();
				$.getJSON("./start_AjaxServlet", data, function (data) {
					var jsonObj = JSON.parse(data);
					$("#msg").html("Serialize 编号：" + jsonObj.id + "，姓名：" + jsonObj.name);
				});
			});

		});
	</script>
</head>
<body>
	<div>
		<button id="ajaxBtn">$.ajax请求</button>
		<button id="getBtn">$.get请求</button>
		<button id="postBtn">$.post请求</button>
		<button id="getJSONBtn">$.getJSON请求</button>
	</div>

	<div id="msg"></div>

	<br/><br/>
	<form id="form01" >
		用户名：<input name="username" type="text" /><br/>
		密码：<input name="password" type="password" /><br/>
		下拉单选：<select name="single">
			<option value="Single">Single</option>
			<option value="Single2">Single2</option>
		</select><br/>
		下拉多选：
		<select name="multiple" multiple="multiple">
			<option selected="selected" value="Multiple">Multiple</option>
			<option value="Multiple2">Multiple2</option>
			<option selected="selected" value="Multiple3">Multiple3</option>
		</select><br/>
		复选：
		<input type="checkbox" name="check" value="check1"/> check1
		<input type="checkbox" name="check" value="check2" checked="checked"/> check2<br/>
		单选：
		<input type="radio" name="radio" value="radio1" checked="checked"/> radio1
		<input type="radio" name="radio" value="radio2"/> radio2<br/>
	</form>
	<button id="submit">提交--serialize()</button>
</body>
</html>

（5-2）AjaxServlet 类：

package com.web;

import com.google.gson.Gson;
import com.pojo.Person;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

public class AjaxServlet extends BaseServlet {

    protected void javaScriptAjax(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        System.out.println("接收 Ajax 请求");

        Person person = new Person(1, "你好");
        Gson gson = new Gson();

        String jsonString = gson.toJson(person);

        resp.getWriter().write(jsonString);
    }

    protected void jQueryAjax(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        System.out.println("调用 jQueryAjax 方法");

        Person person = new Person(1, "你好");
        Gson gson = new Gson();

        String jsonString = gson.toJson(person);

        resp.getWriter().write(jsonString);
    }

    protected void jQueryGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        System.out.println("调用 jQueryGet 方法");

        Person person = new Person(1, "你好");
        Gson gson = new Gson();

        String jsonString = gson.toJson(person);

        resp.getWriter().write(jsonString);
    }

    protected void jQueryPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        System.out.println("调用 jQueryPost 方法");

        Person person = new Person(1, "你好");
        Gson gson = new Gson();

        String jsonString = gson.toJson(person);

        resp.getWriter().write(jsonString);
    }

    protected void jQueryGetJson(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        System.out.println("调用 jQueryGetJson 方法");

        Person person = new Person(1, "你好");
        Gson gson = new Gson();

        String jsonString = gson.toJson(person);

        resp.getWriter().write(jsonString);
    }

    protected void jQuerySerialize(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        System.out.println("调用 jQuerySerialize 方法");

        System.out.println("username: " + req.getParameter("username"));

        Person person = new Person(1, "你好");
        Gson gson = new Gson();

        String jsonString = gson.toJson(person);

        resp.getWriter().write(jsonString);
    }
}

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1036996.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

Elasticsearch：什么是向量和向量存储数据库，我们为什么关心？

Elasticsearch：什么是向量和向量存储数据库，我们为什么关心？

Elasticsearch 从 7.3 版本开始支持向量搜索。从 8.0 开始支持带有 HNSW 的 ANN 向量搜索。目前 Elasticsearch 已经是全球下载量最多的向量数据库。它允许使用密集向量和向量比较来搜索文档。 矢量搜索在人工智能和机器学习领域有许多重要的应用。 有效存储和检索向量的数据库…
阅读更多...
马尔可夫链预测举例——钢琴销售的存贮策略

马尔可夫链预测举例——钢琴销售的存贮策略

问题概述 一家钢琴专卖店&#xff0c;根据以往的销售经验&#xff0c;平均每周只能售出一架钢琴&#xff0c;现在经理指定的存贮策略是&#xff0c;每周末检查库存存量&#xff0c;仅当库存量为零时&#xff0c;才订购3架供下周销售&#xff1b;否则就不订购。试估计这种策略下…
阅读更多...
Linux环境变量配置说明(配置jdk为例-摘录自尚硅谷技术文档)

Linux环境变量配置说明(配置jdk为例-摘录自尚硅谷技术文档)

配置环境变量的不同方法 Linux的环境变量可在多个文件中配置,如/etc/profile&#xff0c;/etc/profile.d/.sh&#xff0c;~/.bashrc&#xff0c;~/.bash_profile等&#xff0c;下面说明上述几个文件之间的关系和区别。 bash的运行模式可分为login shell和non-login shell。 例…
阅读更多...
Zookeeper 集群安装(linux )

Zookeeper 集群安装(linux )

1、规划 节点名称安装软件hadoop01jdk1.8 zookeeper3.4.6hadoop02jdk1.8 zookeeper3.4.6hadoop03jdk1.8 zookeeper3.4.62、下载jdk 和 zookeeper 3、上传jdk和zookeeper 到3台机器上解压 目录：/opt/software/ tar -zxvf jdk1.8.0_191.tar.gz tar -zxvf zookeeper-3.4.6…
阅读更多...
minikube搭建k8s

minikube搭建k8s

环境&#xff1a;centos7&#xff0c;docker18 minikube搭建k8s 说明 minikube是最接近原生kubernetes的本地单机版集群&#xff0c;支持大部分kubernetes功能&#xff0c;用于学习和开发k8s。支持Linux、Windows、Mac 官网安装文档 安装前提 一台物理机或者虚拟机&#x…
阅读更多...
C/C++选择题好题分享

C/C++选择题好题分享

阅读更多...
钾和钠含量

钾和钠含量

声明 本文是学习GB-T 397-2022 商品煤质量　炼焦用煤. 而整理的学习笔记,分享出来希望更多人受益,如果存在侵权请及时联系我们 1 范围 本文件规定了炼焦用商品煤产品质量等级和技术要求、试验方法、检验规则、标识、运输及贮存。 本文件适用于生产、加工、储运、销售、使用…
阅读更多...
【GNN论文精读】A Gentle Introduction to Graph Neural Networks

【GNN论文精读】A Gentle Introduction to Graph Neural Networks

论文地址&#xff1a;A Gentle Introduction to Graph Neural Networks 作者&#xff1a;谷歌的三位大佬 时间&#xff1a;2021年 参考李沐老师的论文讲解课而做的笔记 Transformer论文逐段精读【论文精读】_哔哩哔哩_bilibili 目录 1. 前言 2. 什么是图 2.1 图的基本概念 …
阅读更多...
9.24周报

9.24周报

文章目录 文献阅读GAN学习总结 文献阅读 题目&#xff1a;Improvement of streamflow simulation by combining physically hydrological model with deep learning methods in data-scarce glacial river basin https://www.sciencedirect.com/science/article/pii/S00221694…
阅读更多...
【深度学习实验】前馈神经网络（三）：自定义两层前馈神经网络（激活函数logistic、线性层算子Linear）

【深度学习实验】前馈神经网络（三）：自定义两层前馈神经网络（激活函数logistic、线性层算子Linear）

目录 一、实验介绍 二、实验环境 1. 配置虚拟环境 2. 库版本介绍 三、实验内容 0. 导入必要的工具包 1. 构建数据集 2. 激活函数logistic 3. 线性层算子 Linear 4. 两层的前馈神经网络MLP 5. 模型训练 一、实验介绍 本实验实现了一个简单的两层前馈神经网络 激活函数…
阅读更多...
41. Linux系统配置FTP服务器并在QT中使用QFtp实现文件上传

41. Linux系统配置FTP服务器并在QT中使用QFtp实现文件上传

1. 说明 这篇博客主要记录一些在Linux系统中搭建FTP服务器时踩过的一些坑，以及在使用QFtp上传文件时需要注意的问题。 2. FTP环境搭建 在linux系统中，需要安装vsftpd，可以在终端中输入下面的命令进行安装： sudo apt-get install vsftpd使用上述命令安装后，系统中会有一…
阅读更多...
day28IO流（字节流字符流）

day28IO流（字节流字符流）

1. IO概述 1.1 什么是IO 生活中&#xff0c;你肯定经历过这样的场景。当你编辑一个文本文件&#xff0c;忘记了ctrls &#xff0c;可能文件就白白编辑了。当你电脑上插入一个U盘&#xff0c;可以把一个视频&#xff0c;拷贝到你的电脑硬盘里。那么数据都是在哪些设备上的呢&a…
阅读更多...
机试算法学习

机试算法学习

又到了一年一度的校招干饭环节&#xff0c;本人不得已以应届生的身份卷入了这场洪流&#xff0c;让我们各自加油吧&#xff01; 蛇形矩阵 xx机考编程题 题目描述 输入两个整数 n和 m&#xff0c;输出一个 n 行 m 列的矩阵&#xff0c;将数字 1到 nm按照回字蛇形填充至矩阵中…
阅读更多...
【前段基础入门之】=＞HTML 标签元素

【前段基础入门之】=＞HTML 标签元素

前言&#xff1a; 在前一章节中&#xff0c;我们讲解认识了&#xff0c;HTML 的概念&#xff0c;以及它的标准文档结构&#xff0c;所以本章节就带来 HTML 学习的第二步&#xff0c;学习了解HTML 的排版标签元素。 文章目录 文档排版标签元素语义化标签块级元素与行内元素文本标…
阅读更多...
Linux桌面环境中应用程序无法启动图形交互界面

Linux桌面环境中应用程序无法启动图形交互界面

现象&#xff1a; 点击永中office或者金山office快捷图标无法启动对应的程序。 从命令行执行对应的程序则提示 按照提示安装组件 再次执行命令行程序 原因探析&#xff1a; /opt/Yozosoft/Yozo_Office/Yozo_Writer.bin: error while loading shared libraries: libgdk-x11-2.0.…
阅读更多...
SQL 如何提取多级分类目录

SQL 如何提取多级分类目录

前言 POI数据处理&#xff0c;原始数据为csv格式&#xff0c;整理入库至PostGreSQL&#xff0c;本例使用PostGreSQL13版本。 一、POI POI&#xff08;一般作为Point of Interest的缩写&#xff0c;也有Point of Information的说法&#xff09;&#xff0c;通常称作兴趣点&am…
阅读更多...
Cloudflare分析第一天：简单的算法反混淆

Cloudflare分析第一天：简单的算法反混淆

记录1&#xff1a; Cloudflare 加密方式为动态JS&#xff0c;每次请求JS文件都会变化&#xff0c;笨方式&#xff0c;先复制一份出来分析看&#xff01; 原JS: window._cf_chl_opt.uaSR true; window._cf_chl_opt.uaO false; function(ia, fy, fz, fA, fB, fC, fM, fV, fW…
阅读更多...
Windows 11 家庭中文版添加本地安全策略

Windows 11 家庭中文版添加本地安全策略

一、报错 Windows11中打开本地组策略编辑器(cmd中输入gpedit.msc)&#xff0c;报错&#xff1a; 二、解决 1、新建txt文件&#xff0c;文件名任意&#xff0c;将下面的内容复制粘贴进去。2、将文件后缀名由txt改为cmd。3、以管理员身份执行该cmd文件&#xff0c;安装本地安全…
阅读更多...
java Spring Boot生成图片二维码

java Spring Boot生成图片二维码

首先 我们要引入依赖 pom.xml中插入 <dependency><groupId>com.google.zxing</groupId><artifactId>core</artifactId><version>3.4.1</version> </dependency> <dependency><groupId>com.google.zxing</grou…
阅读更多...
Jetpack Compose 的简单 MVI 框架

Jetpack Compose 的简单 MVI 框架

Jetpack Compose 的简单 MVI 框架 在 Jetpack Compose 应用程序中管理状态的一种简单方法 选择正确的架构是至关重要的&#xff0c;因为架构变更后期代价高昂。MVP已被MVVM和MVI取代&#xff0c;而MVI更受欢迎。MVI通过强制实施结构化的状态管理方法&#xff0c;只在reducer中…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023