java 数据可视化

因为实验室需要把之前搭的无线传感器网络获得的数据可视化，加之之后的需求，便获得了制作可视化页面的工作。因为时间比较紧，做软件的话需要同时制作PC端和移动端，用c/c++开发周期比较长，加之除c/c++外目前只会java，因此便选用jsp的方式实现数据的可视化。实现了历史能耗参数的推送更新、机器参数、全局日志的动态更新功能。
记录下设计思路：主要采用MVC模式，
首先将项目分为三大块：
|–页面层–|--逻辑层–|--数据库–|

• 页面层
  页面层包含前端三层的中的结构层和表示层，用于创建一些标签和制定css样式，组成了网页的背景、按钮、logo、功能框等组件(为此花了两天时间学习了html/css/JavaScript,看得太多不小心冲到慕课周学习榜第二hhhhh）。具体的数据可视化部分用到了开源的echarts，之前本来用的是jfreechart的，但由于java画图太丑连美化包也救不回来，因此选用了扩展性更好，颜值更高的echarts。使用Ajax+servlet的形式获取数据。

• 逻辑层
  本来逻辑页面是准备写在jsp页面中的，听从了学长的建议为了之后的代码更以维护，因此决定把逻辑和页面分离，并以servlet的形式处理页面和数据库的连接问题。

• 数据库
  由于无线传感器网络测得的数据是通过wifi板传到数据库的，而数据库的课刚上到sql语句，因此花了一段时间自学，用jdbc的方法连接数据，尽量写得面向对象方便在servlet逻辑层的修改
  
  
  
  （左下角黑框框用来放实时监控机器加工画面，因为实验室没有买摄像头所以没有做）
  
  总的来说，大二刚开学的第一个独立小项目还是比较满意的，虽然技术含量不高，但却实实在在做出东西来了。和acm算法训练的感觉不太一样，不需要花费精力让程序更快，很多东西都已经封装起来了，没有用到大一和暑假学的算法知识，感觉更倾向于“工”，而不是“术”。在慕课和书本上学习的html/css/JavaScript与js还有许多东西没有用到，这个项目之后应该会花更多的时间在java、数据结构、数据库和离散数学的学习上，将学校的部分知识的学习和java知识的学习放在首位上。

注：部分页面设计参考imooc java工程师路径内容

---

如果我的任何文章对你有帮助，想请作者喝咖啡请扫这里