美文网首页
从零单排之 IDEA 插件开发,没你想的那么难(2)

从零单排之 IDEA 插件开发,没你想的那么难(2)

作者: 小孩梦游神 | 来源:发表于2020-05-10 16:07 被阅读0次

    开头还是啰嗦几句,此文章是一个系列的文章,上一篇可以在https://www.jianshu.com/p/c18d1eacdb42处找到,欢迎阅读点赞。

    依然是我们的定位赛,依然是一个小例子,此次的例子比上一篇文章增加了一点点的难度,代码在https://gitee.com/yuanzizhenxin/PluginDemo,对应分支为v2,以后所有的例子对应的代码我都会放到对应的分支下,会把例子之外多余的代码删掉,方便大家进行阅读,不被其他代码干扰到,好了,下面还是先介绍一些基本的概念,然后用例子去实践插件开发。

    1、技术简介

    (1)swing:我们通过搜索引擎可以查到此技术其实是一种java的客户端gui解决方案,跟他同类的还有javafx,说白点就是做可以看到内容的技术,但是目前我所知道的,此类技术的市场已经很小了,如果不是因为要开发插件,可能我都不会去接触此类技术,当然我也不建议大家花费很长时间去学,需要什么只要找万能的搜索引擎搜索代码示例就行了(某度跳过广告也凑活还能用),我也会在用到的swing组件上写一些内容,由于本人也只是用到啥看啥,所以我只能讲解入门,还没法讲到放弃(狗头)。

    (2)jsoup:此框架是用来解析html内容的,它可以通过类似css的语法获取html内容中的元素,而我们今天的这个例子就用到此框架进行解析html片段内容。具体的教程可以参考 https://www.cnblogs.com/zhangyinhua/p/8037599.html,后边看情况如果需要我会整理一份实战的文档(flag先立下来)。

    (3)展示框:此次实例我们将要实现一个弹窗,弹窗内容是从开源中国获取到的内容,其中牵扯到一个做弹窗必须继承的类,叫做com.intellij.openapi.ui.DialogWrapper,记住此类是idea插件里面弹窗要继承的抽象类,重写createCenterPanel方法就可以。

    2、实例开始

    介绍完几个东西之后,让我们来看看插件示例有啥内容吧

    (1)功能介绍:看开源中国网站的用户摸鱼。

    在开源中国的官方首页右侧有个动弹的功能,那我们怎么在敲代码的时候能看到别人摸鱼岂不是很有意思,ok,需求就是这样,怎么实现看我的。

    (2)需求分析:看到这个需求,需要先分析需求,我个人习惯会先抽象化需求,此需求是从别人的网站获取内容展示在idea中,所以三个需求点如下,其中b和c需求可以考虑合并,这里我没有进行合并,因为不同网站内容获取的刷新机制是不一样的,有的需要轮询,有的是websocket。

    a、获取内容-----开源中国官方首页右侧的动弹获取

    b、展示内容-----展示在idea某个地方

    c、刷新内容-----实时刷新最新的摸鱼动态

    (3)需求代码实战过程

    首先需要去开源中国官网看下动弹是怎么实现的,打开chrome并访问https://www.oschina.net/,看到右侧有个动态,见下图

    开源中国首页

    点击F12打开调试工具,选择network并刷新当前页面,然后就要瞪大眼睛一个个的地址去猜,没错,这里就是个体力活,然后成功定位到这个地址(https://www.oschina.net/widgets/_index_tweets_list?type=ajax&tab=newestTweet&nocache=1587199611761)

    可能会疑惑怎么找到的,这个分很多情况,写爬虫多的人应该很容易能找到,如果对这种课题比较感兴趣,可以反馈给我,我可以写个这方面的专栏内容。

    找到这个地址之后,发现这个地址的返回结果是一个html的结果片段,那这种html片段该怎么处理呢?这里就引出了刚介绍的jsoup,使用jsoup就可以将html片段进行解析生成一个dom树的结构。具体代码可以看com.jd.demo.rpc.OpenSourceHttp#getInfo,已经注释写上了。

    当我们能获取动弹内容后,接下来就是要展示出来了,这个就需要用到刚说的com.intellij.openapi.ui.DialogWrapper类了,具体代码见com.jd.demo.ui.OpenSourceList类,简单说下这个类,首先这个类是继承了DialogWrapper抽象类,并覆盖重写了createCenterPanel方法,说白点就是中间部分是什么样子就看这个方法了,见下图部分,中间部分就是createCenterPanel方法需要返回的UI的内容部分,此外还有两个方法,去代码中看吧。

    Dialog示例图

    (4)最后说明:

    A、v2分支中的action入口我放在了顶部Build菜单下面第一个,大家可以参考plugin配置文件去研究一下位置是怎么摆放的。

    B、在dialog中牵扯了两个类,一个是JTextArea,还有一个是JScrollPane,这个是swing相关的部分,这个放到下一篇文章单独讲一下。

    C、我没有实现实时刷新的功能,大家可以尝试自己改一下目前我的代码,实现实时刷新的能力。

    最后的最后自我介绍一下,我是梦游神,就职于京东,我们下一篇文章见!!

    相关文章

      网友评论

          本文标题:从零单排之 IDEA 插件开发,没你想的那么难(2)

          本文链接:https://www.haomeiwen.com/subject/oejfphtx.html