hi, 大家好, 我是徐小夕. 今天又到了我们的开源时间, 也是今年最后一个开源项目——软件导航

hello，大家好，我是徐小夕。之前和大家分享了很多可视化，零代码和前端工程化的最佳实践，最近也在迭代可视化文档知识引擎Nocode/WEP，目前已经实现基于文档内容自动生成内容站点，且支持自定义配置，接下来就和大家分享一下。

通过API实现自动获取与轮换代理IP通常涉及以下几个步骤：

JSON对象

来自《JavaScript 标准参考教程（alpha）》，by 阮一峰

目录

XML HttpRequest（XHR） 技术是构建动态、响应式网站的关键。这项技术使得网页能在不重新加载整个页面的情况下与服务器进行数据交互，极大地优化了用户的交互体验。

JSON格式

Go提供了对JSON编码和解码的内置支持，包括对内置和自定义数据类型的相互转换。

下面例子中使用两个结构来演示自定义类型的编码和解码。只有导出的字段将用于JSON编码/解码。要导出的字段必须以大写字母开头。

首先，我们将研究对基本数据类型到JSON字符串的编码。这里有一些基本类型的例子，还有一些切片和映射的例子，它们按照预期编码为JSON的数组和对象，JSON包还可以自动编码您的自定义数据类型。它只会把导出字段包含在输出的编码中，默认情况下将字段名用作JSON键名。也可以在结构字段声明上的使用tag标记自定义编码的JSON键名。

前面介绍了Spring Boot的优点，然后介绍了如何快速创建Spring Boot 项目。不清楚的朋友可以看看之前的文章：https://www.cnblogs.com/zhangweizhong/category/1657780.html。

今天来说一说Spring的@Controller和@RestController控制器， 他们是如何响应客户端请求，如何返回json数据。

一、@Controller和@RestController 两种控制器

我们生产开发过程中，经常遇到json和xml的显示问题，比如

接口返回的数据内容，是压缩的json格式，不好清晰查看。

网上也有不少类似的在线工具，这里，我整理了关键的实现代码

1、Json的格式化和压缩：

// Json的格式化和压缩 //
function execFormatJson(txt, compress) {
	// txt:json的字符串内容
	// compress:是否压缩
	// false:格式化
	// true:压缩显示

	// 格式化需要的间隔 //
	let indentChar = '    ';
	if (/^\s*$/.test(txt)) {
		alert('数据为空,无法格式化! ');
		return;
	}

	let data = null;
	try {
		data = eval('(' + txt + ')');
	} catch (e) {
		alert('数据源语法错误,格式化失败! 错误信息: ' + e.description, 'err');
		return;
	}

	// 绘制最近结果 //
	let draw = [];
	let last = false;
	let line = compress ? '' : '\n';
	let nodeCount = 0;
	// 最深的层次 //
	let maxDepth = 0;

	let notify = function(name, value, isLast, indent, formObj) {
		// name:节点名 //
		// value:节点值 //
		// isLast:是否最后节点 //
		// indent:缩进次数 //
		// formObj:是否object项 //

		// 节点计数
		++nodeCount;
		let tabIndex = 0
		let tab = '';

		if (compress) {
			tab = '';
		} else {
			for (tabIndex = 0; tabIndex < indent; ++tabIndex) {
				// 缩进HTML //
				tab += indentChar;
			}
		}
		// 缩进递增并记录 //
		++indent;
		maxDepth = indent;
		if (value && value.constructor == Array) {
			// 处理数组 //
			// 缩进'[' 然后换行 //
			draw.push(tab + (formObj ? ('"' + name + '":') : '') + '[' + line);
			let valueArrayIndex = 0;
			let valueArrayIsLast = false;
			for (valueArrayIndex = 0; valueArrayIndex < value.length; ++valueArrayIndex) {
				valueArrayIsLast = false;
				if (valueArrayIndex == value.length - 1) {
					valueArrayIsLast = true;
				}
				notify(valueArrayIndex, value[valueArrayIndex], valueArrayIsLast, indent, false);
			}
			// 缩进']'换行,若非尾元素则添加逗号 //
			draw.push(tab + ']' + (isLast ? line : (',' + line)));
		} else if (value && typeof value == 'object') {
			// 处理对象 //
			// 缩进'{' 然后换行 //
			draw.push(tab + (formObj ? ('"' + name + '":') : '') + '{' + line);
			// 节点个数 //
			let keyLen = 0;
			let valueIndex = 0;
			for (let key in value) {
				++keyLen;
			}
			let valueIsLast = false;
			for (let key in value) {
				if (valueIndex == keyLen - 1) {
					valueIsLast = true;
				} else {
					valueIsLast = false;
				}
				++valueIndex;

				notify(key, value[key], valueIsLast, indent, true);
			}
			// 缩进'}'换行,若非尾元素则添加逗号 //
			draw.push(tab + '}' + (isLast ? line : (',' + line)));
		} else {
			if (typeof value == 'string') {
				value = '"' + value + '"';
			}
			draw.push(tab + (formObj ? ('"' + name + '":') : '') + value + (isLast ? '' : ',') + line);
		};
	};
	let isLast = true;
	let indent = 0;
	notify('', data, isLast, indent, false);
	return draw.join('');
}