目录 项目优化
主要实现的功能：用Tree（树）实现左侧 菜单管理 数据绑定。
一、数据库
二、路径的使用
三、包
包的目录结构
需要的jar包和文件
四、实体类的编写
五、方法
六、主界面代码

项目优化 使用 easyui 的准备工作：easyui01_^O^——的博客-CSDN博客

初始效果：

文章图片


主界面 index.jsp 代码：

首页区域内容

主要实现的功能：用Tree（树）实现左侧 菜单管理 数据绑定。

一、数据库 因为数据要来自后台，所以要连接数据库（使用的数据库：MySQL 数据库。）。
关于 MySQL 数据库的使用：MySQL数据库的简单使用_^O^——的博客-CSDN博客

插入的表和数据：

文章图片



二、路径的使用 相对路径和绝对路径（推荐使用）
首先拿 index.jsp 主界面的左侧 菜单管理 做个示例。
HTML代码：

JS代码：

这里的 ctx 是来自公共文件夹（common）的 head.jsp (已经获取到项目名)里的变量，之前写绝对路径获取项目名是这样的：${pageContext.request.contextPath}，每次都要写一大串，太麻烦了。因此，我们可以：

在公共文件夹里面的 head.jsp 页面：
动态获取项目名，并保存到 request 作用域；

从 request 作用域里面获取项目名，并赋给一个 js 变量；

然后在需要用到项目名的地方调用这个 js 变量就可以了。


三、包 包的目录结构

文章图片

dao 包和 biz 包同样通过三层架构原理实现。


需要的jar包和文件
第一个：连接 MySQL 数据库的 jar 包，放在 lib 文件夹内；

文章图片


第二个：连接数据库的 java 文件，放在 util 包内；

文章图片

直接复制以下代码即可。

package com.zking.util; import java.io.InputStream; import java.sql.Connection; import java.sql.DriverManager; import java.sql.ResultSet; import java.sql.SQLException; import java.sql.Statement; import java.util.Properties; /** * 提供了一组获得或关闭数据库对象的方法 * */ public class DBAccess { private static String driver; private static String url; private static String user; private static String password; static {// 静态块执行一次，加载 驱动一次 try { // 读取数据库配置文件 config.properties InputStream is = DBAccess.class .getResourceAsStream("/config.properties"); Properties properties = new Properties(); properties.load(is); driver = properties.getProperty("driver"); url = properties.getProperty("url"); user = properties.getProperty("user"); password = properties.getProperty("pwd"); Class.forName(driver); } catch (Exception e) { e.printStackTrace(); } } /** * 获得数据连接对象 * * @return */ public static Connection getConnection() { Connection conn = null; try { conn = DriverManager.getConnection(url, user, password); } catch (SQLException e) { e.printStackTrace(); } return conn; } public static void close(ResultSet rs) { if (null != rs) { try { rs.close(); } catch (SQLException e) { e.printStackTrace(); throw new RuntimeException(e); } } } public static void close(Statement stmt) { if (null != stmt) { try { stmt.close(); } catch (SQLException e) { e.printStackTrace(); throw new RuntimeException(e); } } } public static void close(Connection conn) { if (null != conn) { try { conn.close(); } catch (SQLException e) { e.printStackTrace(); throw new RuntimeException(e); } } } public static void close(Connection con, Statement ps, ResultSet rs) { close(rs); close(ps); close(con); } public static boolean isOracle() { return "oracle.jdbc.driver.OracleDriver".equals(driver); } public static boolean isSQLServer() { return "com.microsoft.sqlserver.jdbc.SQLServerDriver".equals(driver); } public static boolean isMysql() { return "com.mysql.jdbc.Driver".equals(driver); } public static void main(String[] args) { Connection conn = DBAccess.getConnection(); //DBAccess.close(conn); //System.out.println("isOracle：" + isOracle()); //System.out.println("isSQLServer：" + isSQLServer()); System.out.println("isMysql：" + isMysql()); System.out.println("数据库连接(关闭)成功"); } }

第三个：连接数据库的配置文件，放在 src内；

文章图片

内容如下：

#oracle9i #driver=oracle.jdbc.driver.OracleDriver #url=jdbc:oracle:thin:@localhost:1521:orcl #user=scott #pwd=123#sql2005 #driver=com.microsoft.sqlserver.jdbc.SQLServerDriver #url=jdbc:sqlserver://localhost:1433; DatabaseName=test1 #user=sa #pwd=123#sql2000 #driver=com.microsoft.jdbc.sqlserver.SQLServerDriver #url=jdbc:microsoft:sqlserver://localhost:1433; databaseName=unit6DB #user=sa #pwd=888888#mysql driver=com.mysql.jdbc.Driver url=jdbc:mysql://localhost:3306/db_test?useUnicode=true&characterEncoding=UTF-8&useSSL=false user=root pwd=root

【eclipse|easyui02】需要更改的地方（最后一个 #mysql ）：

#mysql
driver=com.mysql.jdbc.Driver
url=jdbc:mysql://localhost:3306/db_test?useUnicode=true&characterEncoding=UTF-8&useSSL=false
user=***
pwd=***

1. db_test 是你的 数据库名 ；
2. user 是你的连接数据库的 用户名 ；
3. pwd 是你的连接数据库的 密码 。


如何得到这个配置文件：
1.新建一个文本文档，复制以上内容代码；

文章图片

2.后缀名改为 .properties 即可导入项目里使用。


四、实体类的编写 需要的实体类 Module（entity包）

public class Module implements Serializable{ private static final long serialVersionUID = 1L; private Integer id; // 节点 id private Integer pid; // 节点父 id private String text; // 节点标题 private String icon; // 节点图标 private String url; // 节点对应的页面地址(只有子节点的这个属性才有值) private int sort; // 排序 private List children = new ArrayList<>(); // 存放当前节点的子节点集合 public Integer getId() { return id; } public void setId(Integer id) { this.id = id; } public Integer getPid() { return pid; } public void setPid(Integer pid) { this.pid = pid; } public String getText() { return text; } public void setText(String text) { this.text = text; } public String getIcon() { return icon; } public void setIcon(String icon) { this.icon = icon; } public String getUrl() { return url; } public void setUrl(String url) { this.url = url; } public int getSort() { return sort; } public void setSort(int sort) { this.sort = sort; } public List getChildren() { return children; } public void setChildren(List children) { this.children = children; } @Override public String toString() { return "Module [id=" + id + ", pid=" + pid + ", text=" + text + ", icon=" + icon + ", url=" + url + ", sort=" + sort + "]"; } }

五、方法 需要的方法（三层架构）
在 dao 包在 IModuleDao 接口中

public interface IModuleDao { /** * 通过pid查询节点的方法 * @param pid 父节点 * @return * @throws SQLException */ List query(Integer pid) throws SQLException; }

在实现包 impl 中的 ModuleDao 类中（实现 IModuleDao 接口）

public class ModuleDao implements IModuleDao{ private Connection con; // 连接对象 private PreparedStatement ps; // 执行对象 private ResultSet rs; // 结果集对象 private Module module; // 对象 private List listModule; // 集合 private String sql; // 保存sql语句 private int n; // 受影响的行数 @Override public List query(Integer pid) throws SQLException{ listModule = new ArrayList(); con = DBAccess.getConnection(); sql = "select id,pid,text,url from t_module where pid = ? order by sort"; ps = con.prepareStatement(sql); ps.setInt(1, pid); rs = ps.executeQuery(); while(rs.next()) { module = new Module(); module.setId(rs.getInt("id")); module.setPid(rs.getInt("pid")); module.setText(rs.getString("text")); module.setUrl(rs.getString("url")); listModule.add(module); } DBAccess.close(con, ps, rs); return listModule; } }

在 biz 包在 IModuleBiz 接口中

public interface IModuleBiz { /** * 通过pid查询节点的方法 * @param pid 父节点 * @return * @throws SQLException */ List query(Integer pid) throws SQLException; }

在实现包 impl 中的 ModuleBiz 类中（实现 IModuleBiz 接口）

public class ModuleBiz implements IModuleBiz{ // 调用业务逻辑层 IModuleDao imd = new ModuleDao(); @Override public List query(Integer pid) throws SQLException { // 获取子节点的集合 List listModule = imd.query(pid); // 遍历子节点集合 for (Module module : listModule) { // 如果节点的url属性为空或者空白字符串，该节点就是父节点 if(null == module.getUrl() || "".equals(module.getUrl())) { // 给这个父节点的子节点的集合属性赋值 module.setChildren(query(module.getId())); // 递归 父节点的id就是子节点的pid } } return listModule; }}

六、主界面代码 index.jsp
（开头）

HTML代码：

通过 include 指令引入公共部分页面 head.jsp

首页区域内容

JS代码：

（结尾）

ModuleServlet 的编写（ servlet 包）

@WebServlet("/moduleServlet.do") public class ModuleServlet extends HttpServlet{ @Override protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { doGet(req, resp); }@Override protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { try { req.setCharacterEncoding("utf-8"); resp.setContentType("text/html; charset=utf-8"); IModuleBiz imb = new ModuleBiz(); PrintWriter out = resp.getWriter(); // 调用查询节点的方法 List listModule = imb.query(-1); // 将节点集合数据listModule转换成JSON数据 String jsonString = JSON.toJSONString(listModule); out.write(jsonString); out.flush(); out.close(); } catch (Exception e) { e.printStackTrace(); } }}

最终效果演示：
主界面 - 数据绑定
功能完善：easyui03_^O^——的博客-CSDN博客
完。

推荐阅读

• 

  4/100|4/100 绘本《鸽子捡到一个热狗!》
• 

  如何查找可以一起同框拍的快手视频？
• 

  如何关闭手机上的应用服务器？ 关闭手机的应用服务器怎么关闭
• 

  茶花粉吃了有什么好处 吃茶花粉好吗
• 

  8月15月亮的变化过程
• 

  能编写java的软件，用什么软件编写java
• 

  运维工程师发展前景
• 

  惩罚性赔偿金交不起怎么办理 惩罚性赔偿金交不起怎么办？
• 

  请推荐几本好看的女主末世小说
• 

  长辈生日祝福语健康
• 

  SpringBoot+SpringBatch+Quartz整合定时批量任务方式
• 

  男人过五十岁 如何保持“活沛”
• 

  在澡堂敷面膜好吗
• 

  ios默认地图修改 百度，dota663改动之后半人马该走什么路线呢
• 

  python停止运行语句，python程序停止运行语句
• 

  1.5寸是几个手指
• 

  职工医保门诊怎么报销 关于职工医保门诊怎么报销
• 

  二氧化氮废气处理方法 废气排放
• 

  看球直播下载手机版，用什么软件可以在手机上看球赛直播
• 

  小学二年级语文期中考试试卷分析

• eclipse|jQuery ajax(无刷新分页)
• 前端|Vue前端框架
• vue|vue基础（主要为vue3）
• VUE|官网学习Vue（一）Vue基础篇
• eclipse导出jar和Runnable jar。maven导出jar和Runnable jar
• Java|你见过哪些实用到爆的 Java 代码技巧（）
• IDEA|将eclipse中的动态项目导入Idea中运行（配置和启动）
• 前端框架|vue、elementUI框架
• J2EE|jsp标签