fastjson.jar以及Echarts树图的js文件(需要在servlet对json进行赋值，所以需要用到json的插件)

链接：https://pan.baidu.com/s/1GBbamPNGTzKf2926Nkhczg
提取码：ukmg

用json主要目的就是需要用到一个Echars的树图，想要让他的数据从数据库中获取，所以要通过后台对json进行赋值

以下是源代码：

这是一个Echarts的一个前端的界面，这个可以在官网找到

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html style="height: 100%">

   <head>

       <meta charset="utf-8">

   </head>

   <body style="height: 100%; margin: 0">

   <h2 align="center">企业分析族谱</h2>

      <div id="container" style="height: 80%"></div>

    <script type="text/javascript" src="js/echarts.js"></script>  //你自己存放js的路径

    <script type="text/javascript" src="js/dataTools"></script>

    <script type="text/javascript" src="js/jquery-3.3.1.js"></script>

    <script type="text/javascript">

        var dom = document.getElementById("container");

        var myChart = echarts.init(dom);

        var app = {};

        var tempOption = {};

        option = null;

        $.get('/company/ZuPuServlet', function(data) {   //要获取值所用到的后台，由于初次接触，只会用一个后台去单独支持一个界面

            $.each(data,function(name,chilren){

                   tempOption = chilren;

            });

            myChart.setOption(option = {

                tooltip : {

                    trigger : 'item',

                    triggerOn : 'mousemove'

                },

                series : [ {

                    type : 'tree',

                    data : [tempOption],

                    top : '18%',

                    bottom : '14%',

                    layout : 'radial',

                    symbol : 'emptyCircle',

                    symbolSize : 7,

                    initialTreeDepth : 3,

                    animationDurationUpdate : 750

                } ]

            });

        });

        ;

        if (option && typeof option === "object") {

            myChart.setOption(option, true);

        }

    </script>

   </body>

</html>

这个是后台的代码：

package servlet;

import java.io.IOException;

import java.io.UnsupportedEncodingException;

import java.util.ArrayList;

import java.util.List;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import javax.servlet.http.HttpSession;

import javax.websocket.Session;

import com.alibaba.fastjson.JSON;

import com.alibaba.fastjson.JSONArray;

import com.alibaba.fastjson.JSONObject;

import com.mysql.jdbc.EscapeTokenizer;

import bean2.T_corp;

import bean2.T_corp_dist;

import bean2.T_corp_stock;

import bean2.T_m_corp_corp_dist;

import bean2.T_m_corp_corp_stock;

import dao.Guquan;

import dao.T_CORP_Dao;

import dao.T_corp_distDao;

import dao.T_corp_stockDao;

import dao.ZuPu;

/**

 * Servlet implementation class ZuPuServlet

 */

@WebServlet("/ZuPuServlet")

public class ZuPuServlet extends HttpServlet {

    private static final long serialVersionUID = 1L;

    private static final String EscapeTokenizer = null;

    /**

     * @see HttpServlet#HttpServlet()

     */

    public ZuPuServlet() {

        super();

        // TODO Auto-generated constructor stub

    }

    /**

     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)

     */

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        // TODO Auto-generated method stub

        //response.getWriter().append("Served at: ").append(request.getContextPath());

        request.setCharacterEncoding("UTF-8");

        HttpSession session = request.getSession();

        String name =(String)session.getAttribute("name");   //通过session获取公司的名称

        System.out.println(name);

        T_corp t_corp = T_CORP_Dao.getByName(name);

        List<T_m_corp_corp_stock> list = Guquan.list1(t_corp);   //有某一公司获取到相应的股东关系

        List<T_m_corp_corp_dist> list1 = ZuPu.list1(t_corp);    //获取对应的分支公司

        List<T_corp_stock> tStocks = new ArrayList<>();

        List<T_corp_dist> tDists = new ArrayList<>();

        T_corp_stock tStock ;

        T_corp_dist tDist  ;

        JSONObject json1 = new JSONObject();   //用来处理最中间的主节点

        JSONArray arry1 = new JSONArray();

        JSONArray arry2 = new JSONArray();     //存放各个股东的信息

        JSONArray arry3 = new JSONArray();    //存放各个分公司的数据

        JSONArray htags = new JSONArray();

        //由主节点扩展的分支节点

        JSONObject second1 = new JSONObject();

        JSONObject second2 = new JSONObject();

        json1.put("name",t_corp.getCORP_NAME());//将公司名赋值给第一个主节点

        for(int i = 0; i < list.size();i++)

        {

            tStock = T_corp_stockDao.getstock(list.get(i).getSUB_ORG(), list.get(i).getSUB_ID(), list.get(i).getSUB_SEQ_ID());

            tStocks.add(tStock);

            JSONObject json2 = new JSONObject();   //处理代表股权的节点信息

            json2.put("name", tStock.getSTOCK_NAME());

            arry2.add(json2);

        }

        for(int i =0; i < list1.size() ; i++)

        {

            tDist = T_corp_distDao.getstock(list1.get(i).getSUB_ORG(), list1.get(i).getSUB_ID(), list1.get(i).getSUB_SEQ_ID());

            tDists.add(tDist);

            JSONObject json3 = new JSONObject();   //处理代表公司分支的信息

            json3.put("name", tDist.getDIST_NAME());

            System.out.println(tDist.getDIST_NAME());

            arry3.add(json3);

        }

        second2.put("name", "对外投资");

        second1.put("name", "股东");

        second1.put("children", arry2);

        second2.put("children", arry3);

        arry1.add(second1);

        arry1.add(second2);

        json1.put("children", arry1);

        System.out.println("获取数据");

         response.setContentType("application/json");

         response.setCharacterEncoding("utf-8");

         htags.add(json1);

        response.getWriter().write(htags.toJSONString());

        session.invalidate();

    }

    /**

     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)

     */

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        // TODO Auto-generated method stub

        doGet(request, response);

    }

}

最终的效果是这样的

第一次接触这个东西写的有点乱不太好理解，不喜勿喷

json通过后台获取数据库中的内容，并在前端进行显示的更多相关文章

  1. 通过jdbc获取数据库中的表结构

    通过jdbc获取数据库中的表结构 主键 各个表字段类型及应用生成实体类   1.JDBC中通过MetaData来获取具体的表的相关信息.可以查询数据库中的有哪些表,表有哪些字段,字段的属性等等.Met ...

  2. ThinkPhp循环出数据库中的内容并输出到模板

    <foreach name='user' item='v'> //循环出数据库中的内容 对应控制器->方法中的  $this->assign('user',M('user')- ...

  3. 使用 UEditor 编辑器获取数据库中的数据

    在 ThinkPHP 3.2.2 中,使用 UEditor 编辑器获取数据库中保存的数据,可以使用 UEditor 自身提供的方法. 首先在视图模板中实例化编辑器,这是出现编辑器界面的必须的行为: & ...

  4. sql 2000以及2005以上获取数据库中所有的表（不包括系统表）

    ---------------------------------------------------------------------------- --sql 2005以上数据库 --- 获取数 ...

  5. SQL语句获取数据库中的表主键，自增列，所有列

    SQL语句获取数据库中的表主键,自增列,所有列   获取表主键 1:SELECT TABLE_NAME,COLUMN_NAME FROM INFORMATION_SCHEMA.KEY_COLUMN_U ...

  6. 使用Java或 JavaScript获取 方括号中的内容

    1.使用Java获取方括号中的内容 String str = "[你]们,[我]们,[他]们,都要[好好学习,天天敲代码]"; Pattern p = Pattern.compil ...

  7. 将数据库中的内容展示出来并将某些value值转换成汉字

    1.将数据库中的内容展示出来 前台代码未做改变,刚开始未显示的原因是因为 data-field 跟数据库不一样data-field 需要跟数据库中的一样才可以 2.将某些value值转换成汉字 在li ...

  8. sql脚本来获取数据库中的所有表结构了

    sql脚本来获取数据库中的所有表结构了,代码如下: use AdventureWorks2008 go SELECT (case when a.colorder=1 then d.name else ...

  9. 使用jdbc将mysql数据库中的内容封装为指定对象的list集合

    使用jdbc将mysql数据库中的内容封装为指定对象的list集合 public List<User> findAll() { private JdbcTemplate template ...

随机推荐

  1. 机器学习回顾篇（12）：集成学习之Bagging与随机森林

    .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px so ...

  2. $loj\ 2031\ [SDOI2016]$数字配对 网络流

    正解:网络流 解题报告: 我永远喜欢$loj$! 显然先预处理哪些$a$之间可以连边,然后考虑建两排点,连流量为$c_{i}\cdot c_{j}$,然后$ST$连$inf$,跑个费用流? 然后现在碰 ...

  3. $Poj3585\ Accumulation Degree$ 树形$DP/$二次扫描与换根法

    Poj Description 有一个树形的水系,由n-1条河道与n个交叉点组成.每条河道有一个容量,联结x与y的河道容量记为c(x,y),河道的单位时间水量不能超过它的容量.有一个结点是整个水系的发 ...

  4. Java后台创建Socket服务接收硬件终端发送的数据

    最近项目中有遇到后台接收硬件终端发送的数据并解析存储的需求,代码总结如下(有时间再来一一讲解,最近比较忙): @Override public void start() { ExecutorServi ...

  5. Linux学习之路--常用配置

    1.修改IP地址 $vi /etc/sysconfig/network-scripts/ifcfg-eth0 BOOTPROTO=staticONBOOT=yesIPADDR=192.168.2.12 ...

  6. Q&A系列一：DataPipeline常见问题回答

    不知不觉中,大家已经陪伴DataPipeline走过了3年时间.在这期间,得益于客户们的积极反馈和沟通,我们总结了一些日常工作中比较常见的问题,并基于这些问题进行了总结. 为避免突兀,我们会先从比较基 ...

  7. Pandas 数据分析，高中体测练习

    分析体测成绩 需求: 体侧成绩转变成分数 开卷考试 excel完成可以 pandas读取excel代码中 完成 一个手输入 进一步,画图,分布,体重正常,肥胖,偏瘦比例,绘制饼图 男生跑步1000成绩 ...

  8. 二次排序LincodeNo.846

    846.Multi-keyword Sort 题目要求在已经排序好的序列上进行二次排序 那么改变一下比较方法即可 bool cmp(vector<int> a,vector<int& ...

  9. 比特币学习笔记（二）---在windows下调试比特币源码

    根据我一贯的学习经验,学习开源代码的话,单单看是不够的,必须一边看一边调试才能尽快理解,所以我们要想法搭建windows下bitcoin源码的调试环境. 紧接着昨天的进度,想要调试linux下的比特币 ...

  10. 转型IT学什么语言好，学编程语言为何要重视代码规范？

    造价转IT需要注意什么,先学什么比较好?属于零基础,2019毕业,三本学校,男.自己的想法是先以副业来学习,在合适的时候转入it行业.1.以副业来学的话应该先学习什么比较好?2.如果要直接找工作的话先 ...