KindEditor_Echarts_GoEasy_POI组件学习浅析 - 20181117

KindEditor

一.引言

  • 什么是KindEditor?
    KindEditor是一种富文本编辑器,是一套开源的在线HTML编辑器,所见即所得编辑效果。
    可以将传统的多行文本输入框(textarea)替换为可视化的富文本输入框。
    KindEditor使用JavaScript编写,适合CMS、商城、论坛、博客等场合。

二.KindEditor的优点

  • 快速:体积小,加载速度快
  • 开源:开放源代码,高水平,高品质
  • 底层:内置自定义 DOM 类库,精确操作 DOM
  • 扩展:基于插件的设计,所有功能都是插件,可根据需求增减功能
  • 风格:修改编辑器风格非常容易,只需修改一个 CSS 文件
  • 兼容:支持大部分主流浏览器,比如 IE、Firefox、Safari、Chrome、Opera

三.KindeEditor 的使用步骤

1.下载相关插件js
2.引入js
3.页面渲染

<script type="text/javascript">
    //KindEditor脚本
    var editor;
    KindEditor.ready(function(K) {
        editor = K.create('#你的textarea的id名', {
        });
    });
</script>

Echarts组件

一.作用

  • 使用场景
    想要图形化的展示一些数据,例如:
    用户模块一段时间用户登录人数
    用户模块用户注册省市分布等
  • 遗留问题
    人们希望有一种更加直观的数据展示方式
  • 解决方案
    Echarts : 丰富数据展示的技术组件

GoEasy组件

一.作用

  • 使用场景
    需要实时且真实的数据时使用

  • 解决方案:轮询

  1. 定时刷新前端页面(客户端)
  2. 定时重新发送请求(服务端)
短连接 长连接
http协议 WebSocket网络通信
  • WebSocket
    WebSocket协议是基于TCP的一种新的网络协议。Websocket相比于http协议,是一个持久化的协议。它实现了浏览器与服务器全双工(full-duplex)通信——允许服务器主动发送信息给客户端。

  • 解决方案GoEasy
    服务器——Channel(管道,保持长时间通信) ——客户端

  • 监听器
    当有登录事件(特殊事件)发生时,publish传数据变化,利用Jjson传输;浏览器接收json数据,可以做任意操作,或ajax再与后端交互。

POI组件

一.介绍

POI提供API给Java程序对office格式文档的读和写功能
|

  • 大致流程
    ①、创建Excel表格
    ②、创建工作薄,返回工作薄对象
    ③、基于工作薄,创建属于这个工作薄的行
    ④、基于行,来确定列
    ⑤、往列里面填充数据
    ⑥、写出磁盘
    ⑦、关流

你可能感兴趣的:(我的笔记)