前端如何解析由list转换过来的json数据

两种方法，举个例子吧：

方法一：

var str = '[{"a":"1001","b":"book1"},{"a":"1002","b":"book2"}]'

var obj = JSON.parse(str)

obj[0].b

方法二：

var str = '[{"a":"1001","b":"book1"},{"a":"1002","b":"book2"}]'

var obj = eval(str)

obj[1].b

定义一个TreeNode类.里面有

id 自身id

parentId 父节点id

name 树显示文本

url 链接地址

open 是否展开树

等属性.

将从数据库查出来的数据一个个set到TreeNode里面.封装成一个List<TreeNode>.

再将这个List转换成你的树所需要的格式内容.比如json格式

首先你需要掌握的是数据库查询语句，这里使用最简单的数据库查询语句：SELECT * FROM sys_role，表示从角色表中查询出所有的信息，下面展示的是查询结果，这个结果需要展示到前端页面则需要代码调用这个sql语句

请点击输入图片描述

在applicationContext.xml（spring mvc的配置文件）中配置数据库连接池，保证数据的正常连接，这里需要注意连接ip和数据库名称

请点击输入图片描述

首先在控制层（逻辑处理层）中调用后台查询函数，然后返回到页面，因为数据库可能比较大，所以需要使用分页工具，保证内存容量

请点击输入图片描述

业务逻辑层，一般情况下是实现接口的，这里是实现类，实现业务的分发，这里需要调用数据库Dao层的方法

请点击输入图片描述

最后在mybatis的配置文件中写入mybatis的查询语句，然后封装成方法，这里与最初的SELECT * FROM sys_role不同，主要是加了分页(limit)和排序功能(order by)

请点击输入图片描述

最后回到jsp页面，根据之前的控制层页面输出，我们需要写一个role.jsp的文件，该文件主要遍历查询出来的数据，遍历采用<c>标签的形式

请点击输入图片描述

7

最后使用前端页面框架就可以展示出像下面这样的前端样式展示

请点击输入图片描述

---