JsonViewer

VUE中字符串实现JSON格式化展示。

时光毁灭记忆、已成空白 提交于 2021-02-16 10:15:44
需求是这样的: 嗯,我想把JSON数据从文件中读取出来,读取为字符串,然后传到前端展示。    遇到的问题是这样的: 把JSON文件解析为字符串 把字符串传到前端在展示为JSON格式。 我是这样解决的: 使用IO流的知识,转换为字符串 使用vue-json-viewer插件展示读取的数据 JSON文件转字符串: import com.liruilong.demotext.service.utils.interfaceutils.InputStreamPeocess; import org.slf4j.Logger; import org.slf4j.LoggerFactory; import java.io.* ; /** * @Description : * @Author: Liruilong * @Date: 2020/3/15 18:37 */ public class EncodingUtil { final static Logger logger = LoggerFactory.getLogger(EncodingUtil. class ); /** * @return java.lang.String * @Author Liruilong * @Description 文件转字符串 * @Date 17:22 2020/3/17 * @Param [file] *

【实用工具】这些你不得不知道的chrome插件,让你事半功倍

99封情书 提交于 2020-11-24 03:37:41
平时chrome插件用多了,发现在工作中有很多插件特别好用,能让你能事半功倍。于是我抽时间整理了一些非常好用的chrome插件分享给大家,其中有些插件是我已经离不开,每天都在用的。希望这篇文章能帮助你找到适合你的插件,提升工作效率。 工作类 FeHelper【强烈推荐】 FeHelper是一个Web前端助手,由中国人开发,集成了非常多很实用的前端工具,比如:字符串编解码、代码美化、JSON格式化查看、二维码生成器、编码规范检测、JS正则表达式等。虽然是前端工具大合集,但是在我们做软件测试或者其他开发同学的工作中也非常有用,比如我经常使用:JSON对比文件(对比两次请求返回的数据信息)、二维码生成工具(生成二维码)、JSON格式化。如下是该工具的一个截图: WX20191111-201217@2x.png Octotree 你是否有这样的体验,在github上浏览某个工程,需要不断的页面后退,或者点击跳转到新的页面,均需要一个页面加载的等待时间,这样体验会比较差。Octotree就是为了解决这个问题而出现的,它能够让你在页面上浏览代码层次结构,就像idea工具一样,非常方便。如下图所示: WX20191111-195902@2x.png One Tab 之所以推荐这个插件,并将它放到工作分类中,是因为考虑到平时大家工作中肯定会打开大量的tab,而tab上的标题将会变的很小,显示不全

如何设计好的RESTful API

风流意气都作罢 提交于 2020-08-04 13:02:56
现状 现阶段的开发模式多以前后端分离形式存在,前后端开发人员需要通过大量 API 来进行数据交互,如果在交互过程中前后端人员经常遭遇如下问题:  前端人员不能快速理解接口字段含义及接口字段变化  后端人员想复用某些接口,但是不能快速从接口 URL 的定义中明确该接口的含义,需要进一步读代码确认  URL中的英文单词使用五花八门,搜索某个接口不知道具体的关键字  请求方法动词如 POST GET 随意使用  完成当前业务接口对接,前端人员经常会询问下一步业务流程的接口定义在哪里,对接形式是什么样的 以上只是前后端人员通过接口交互的一小部分问题,这些问题就好比"牙痛",不致命,但是在整个软件开发的生命周期内,天天"牙痛”是很要命的, 需要解决上述的问题,需要前后端人员都能认识与了解接口设计规范的重要性。 什么是REST 在 2000 年,Roy Fielding 提出 Representational State Transfer (REST) 的概念,中文翻译过来"表述性状态传递",感兴趣的朋友可以去维基百科看看原始概念,乍一看是一个挺抽象的概念,但其实,这个概念就像交通灯规则一样简单,就看如何看待相关规范. 当我们谈及 RESTful 设计规范,多数人能了解设计的大原则,但是不了解小细节,而对这些细节的了解与否,是能否治好"牙痛病"的关键 REST术语介绍

再接再厉,JSONViewer现已支持Firefox、Microsoft Edge、360浏览器,可能是最好用的JSON格式化工具

白昼怎懂夜的黑 提交于 2020-04-23 04:40:14
之前写的JSONViewer,截至目前在谷歌商店里已经有1000+的自然下载量了 为什么开发JSONViewer? 日常开发中,拿到接口输出的JSON一般会去在线的JSON格式化网站查看,但是在线格式化JSON网站一般一个窗口只能查看一段JSON,如果同时有3段JSON需要查看,那么就需要开3个窗口,比如这样 窗口开多了影响查看,更没办法对比,随即有了一个想法:在一个页面同时查看多个JSON,这才有了JSONViewer。并且做成了可以离线运行的浏览器插件,非常方便。看看效果 上架谷歌商店后很久才发现,其他浏览器,比如360浏览器这种国内市场份额很大的浏览器也需要适配,一不做二不休,直接适配所有主流的浏览器。 一、360安全浏览器 测试同事喜欢用这个浏览器,它可以模拟IE,还可以随时切换“极速”和“兼容”模式。为了开发插件特意安装了360安全浏览器,截至目前还没有乱弹广告,也没有随意往我的电脑里安装其他软件。 话不多说,直奔插件商店看看: https://ext.se.360.cn/ 360插件商店没法自己在后台填写插件的信息,需要按要求打包好各种文件发上去。 1..crx格式的插件可以通过360极速浏览器打包; 2.功能说明文档也就是上架后用户看到的插件详情,一段文字即可; 3.图片切割成指定大小,png格式 注:和Chrome插件不同的是,360插件商店强制要求manifest

再接再厉,JSONViewer现已支持Firefox、Microsoft Edge、360浏览器,可能是最好用的JSON格式化工具

徘徊边缘 提交于 2020-04-22 19:23:01
之前写的JSONViewer,截至目前在谷歌商店里已经有1000+的自然下载量了 为什么开发JSONViewer? 日常开发中,拿到接口输出的JSON一般会去在线的JSON格式化网站查看,但是在线格式化JSON网站一般一个窗口只能查看一段JSON,如果同时有3段JSON需要查看,那么就需要开3个窗口,比如这样 窗口开多了影响查看,更没办法对比,随即有了一个想法:在一个页面同时查看多个JSON,这才有了JSONViewer。并且做成了可以离线运行的浏览器插件,非常方便。看看效果 上架谷歌商店后很久才发现,其他浏览器,比如360浏览器这种国内市场份额很大的浏览器也需要适配,一不做二不休,直接适配所有主流的浏览器。 一、360安全浏览器 测试同事喜欢用这个浏览器,它可以模拟IE,还可以随时切换“极速”和“兼容”模式。为了开发插件特意安装了360安全浏览器,截至目前还没有乱弹广告,也没有随意往我的电脑里安装其他软件。 话不多说,直奔插件商店看看: https://ext.se.360.cn/ 360插件商店没法自己在后台填写插件的信息,需要按要求打包好各种文件发上去。 1..crx格式的插件可以通过360极速浏览器打包; 2.功能说明文档也就是上架后用户看到的插件详情,一段文字即可; 3.图片切割成指定大小,png格式 注:和Chrome插件不同的是,360插件商店强制要求manifest

如何在Notepad ++中重新格式化JSON?

扶醉桌前 提交于 2019-12-17 19:33:28
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 我需要Notepad ++从中获取一个json字符串 {"menu": {"id": "file","value": "File","popup": {"menuitem": [{"value": "New", "onclick": "CreateNewDoc()"},{"value": "Open", "onclick": "OpenDoc()"},{"value": "Close", "onclick": "CloseDoc()"}]}}} 对... {"menu": { "id": "file", "value": "File", "popup": { "menuitem": [ {"value": "New", "onclick": "CreateNewDoc()"}, {"value": "Open", "onclick": "OpenDoc()"}, {"value": "Close", "onclick": "CloseDoc()"} ] } }} 我环顾了所有TextFX选项,但找不到任何有用的东西。 #1楼 我知道你问的是NotePad ++,但OS X的TextMate可以通过JSON包来实现,它叫做“Reformat Document”命令。 #2楼 Notepad ++的

Notepad++ 64位 Jsonviewer Compareplugin 安装

落花浮王杯 提交于 2019-12-02 06:05:20
Notepad++ 是一款轻量级,非常好用的编辑工具,但是64位的各种功能插件需要手动添加(包括Plugin Manager), 可是往往找到的都是32位的插件,64位不能使用。我就是安装的64位,为了安装 Jsonviewer 和 compare 插件,大费周章,为了造福后人,现把方法和插件一并提供给需要的朋友: 方法一:鉴于64位的插件很难找,那就安装32位的吧;32位的插件可以通过 Plugins-->Plugin Manager-->Show Plugin Manager-->Available 选择你需要安装的插件,确定之后 会自动帮你下载安装相关插件,然后重启Notepad++, 即可在Plugins中看到安装的新插件。 方法二:如果你依然坚持使用64位,那么你只能手动安装需要的插件,我只安装了JSonviewer 和Compare。 1. 下载安装 Notepad++: https://notepad-plus.en.softonic.com/; 2. 下载Jsonviewer: Jsonviewer 3. 下载Compare plugin: compare 4. 找到Notepadd++ 的安装路径:Notepad++/plugins, 将下载到的插件解压,复制 .dll 文件到 这里; 5. 重新启动Notepad++。 如果有帮助,请点赞,好评。 来源:

前嗅ForeSpider脚本教程-链接抽取:链接在源码的js变量里写脚本

自作多情 提交于 2019-11-29 03:13:27
今天,小编给大家带来的教程为:前嗅ForeSpider脚本教程-链接抽取中,链接在源码的js变量里写脚本的实战教程。具体内容如下: 链接地址可在源码中查找到。在目标网页右键,选择“查看源代码”,键盘点击“ctrl+F”,查找目标链接所在位置。目标链接存在于js变量中。 1.链接需要循环 场景:要抽取的一组链接都在源码中出现,集中分布。 示例:获取今日头条热点新闻列表页链接 查看列表页第一条链接,链接地址为“ https://www.toutiao.com/group/ 6637244114360336900/”,在该网页,鼠标右键,选择查看源代码,“Ctrl+F”查找字符串“6637244114360336900”,定位其位置。 观察可知,中文字符都以”\u”开头的字符串表示,显示为unicode编码格式,由“站长工具”在线转编码之后即可展示中文。 此外链接地址分割符“/”加了转义符“\”,不过软件已经帮助我们做了转义处理,此处无需担心,直接赋值即可。 将转义后的字符串放置于JSON查看器中(以notepad++的插件“JSON Viewer”为例),则可观察到数据形式为json。 脚本实例: var str=DOM.GetSource().ToStr(); //获取本链接地址网页源码 var jsonStr=DOM.UnEscape(str.Middle("data = ","]

前嗅ForeSpider脚本教程-链接抽取:链接在POST请求里写脚本

你离开我真会死。 提交于 2019-11-29 03:13:06
今天,小编给大家带来的教程为:前嗅ForeSpider脚本教程-链接抽取中,链接在POST请求里写脚本的实战教程。具体内容如下: 当链接地址在源码中不存在,存在于post请求中时,需要使用浏览器的开发者工具来查找链接数据。 1.链接需要循环 场景:一组链接存在于JSON的某个数组中。 示例:采集豆瓣电影,列表页的电影链接。 查看源文件可知,源文件中只有一部分数据,而下拉列表出现的其他电影信息不存在源码中,此时我们需要在请求的响应正文中查找数据。在该页面右键点击“审查元素”,下拉,点击“加载更多”,出现一个请求包,查看Response,发现链接地址存在于,返回正文中。 将Response中的信息粘贴到json查看器中,以notepad++插件“JSON Viewer”为例,定位数据存在路径。 脚本实例: var urs = “ https://movie.douban.com/j/search_subjects?type=movie&t ag=%E7%83%AD%E9%97%A8&sort=recommend&page_limit=20&page_start=60”; var groc = EXTRACT.OpenDoc(CHANN,urs,0); if(groc){ var jsonStr = groc.GetDom().GetSource().ToStr(); jScript