SSM—jsTree

来源：互联网发布：js获取上下文路径编辑：程序博客网时间：2024/04/29 07:41

1.项目结构图

2./jsTree/src/jdbc.properties 和 /jsTree/src/ssm/AppConfig.java 和 /jsTree/src/mybatis-config.xml 和 /jsTree/WebContent/WEB-INF/web.xml 跟之前的SSM项目一样，在这里就不展示了，需要的可以参考我前面的文章。

3./jsTree/WebContent/WEB-INF/jsp/dept.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<link rel="stylesheet" href="/jsTree/assets/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="/jsTree/assets/tree/dist/themes/default/style.min.css">
<link rel="stylesheet" href="/jsTree/assets/font/css/font-awesome.min.css">

<script src="/jsTree/assets/js/jquery.js" type="text/javascript"></script>
<title>Insert title here</title>
</head>
<body>
<script src="/jsTree/assets/tree/dist/jstree.min.js"></script>
<h2>你好jsTree</h2>
<div id="jstree_demo_div">
</div>

<hr>
<div id="ajax"></div>

<script type="text/javascript" src="/jsTree/assets/js/dept.js"></script>
</body>
</html>

4.实体类Dept 代码平凡无奇

5./jsTree/src/ssm/domain/Depts.java

package ssm.domain;

public class Depts {

private Long id;
private String text;
private String parent;

public Depts() {

}

public Depts(Long id, String text, Long parent) {
super();
this.id = id;
this.text = text;
if(parent==null){
this.parent="#";
}else{
this.parent=parent.toString();
}
}

public Long getId() {
return id;
}
public void setId(Long id) {
this.id = id;
}
public String getText() {
return text;
}
public void setText(String text) {
this.text = text;
}
public String getParent() {
return parent;
}
public void setParent(String parent) {
this.parent = parent;
}

@Override
public String toString() {
if(parent==null||parent.equals("")){
parent="#";
}
return "Depts [id=" + id + ", text=" + text + ", parent=" + parent + "]";
}

}

6./jsTree/src/ssm/mapper/DeptMapper.java 和 /jsTree/src/ssm/mapper/DeptMapper.xml

package ssm.mapper;

import java.util.List;

import ssm.domain.Dept;

public interface DeptMapper {

List<Dept> allDept();
}

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
"http://mybatis.org/dtd/mybatis-3-mapper.dtd">

<mapper namespace="ssm.mapper.DeptMapper">

<select id="allDept" resultType="Dept">
select * from dept
</select>

</mapper>

7./jsTree/src/ssm/service/DeptService.java和 /jsTree/src/ssm/service/DeptServiceImpl.java

package ssm.service;

import java.util.List;

import ssm.domain.Depts;

public interface DeptService {

List<Depts> allDept();
}

package ssm.service;

import java.util.ArrayList;
import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Transactional;

import ssm.domain.Dept;
import ssm.domain.Depts;
import ssm.mapper.DeptMapper;

@Service
@Transactional
public class DeptServiceImpl implements DeptService {

@Autowired
private DeptMapper deptMapper;

@Override
public List<Depts> allDept() {
List<Depts> list = new ArrayList<>();
List<Dept> lis=deptMapper.allDept();
for (Dept dept : lis) {
Depts depts=new Depts(dept.getId(),dept.getName(),dept.getDept_id());
list.add(depts);
}
return list;
}

}

8./jsTree/src/ssm/controller/DeptController.java

package ssm.controller;

import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.MediaType;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.ResponseBody;

import ssm.domain.Depts;
import ssm.service.DeptService;

@Controller
public class DeptController {

@Autowired
private DeptService deptService;

@RequestMapping(method = RequestMethod.GET, value = "/depts/dept")
public String getPage() {
return "dept";
}

@RequestMapping(method = RequestMethod.GET, value = "/dept",
produces = MediaType.APPLICATION_JSON_VALUE)
@ResponseBody//将json转化为指定的类型
public List<Depts> allDepts() {
return deptService.allDept();
}
}

9.数据库

create table dept(
id number(10),
name varchar2(20),
describe varchar2(40),
dept_id number(10),
employee_id number(10)
);

10.运行截图

10.项目源码下载地址：http://download.csdn.net/download/mzd8341/10167801

阅读全文

1 0