SpringMVC+EasyUI实现页面左侧导航菜单功能

1. 概述

要实现页面左侧导航菜单功能，我们需要用到SpringMVC和EasyUI框架。具体实现过程包括以下步骤：

• 配置SpringMVC框架；
• 配置EasyUI框架和主题样式；

• 实现导航菜单的数据获取和展示。

• 配置SpringMVC框架

SpringMVC是Spring框架中的一个模块，主要用于构建Web应用程序。要配置SpringMVC框架，需要在web.xml文件中添加以下内容：

    <servlet>
        <servlet-name>springMVC</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>/WEB-INF/config/springMVC.xml</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>

    <servlet-mapping>
        <servlet-name>springMVC</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>

其中，springMVC.xml是SpringMVC框架的配置文件，需要在WEB-INF/config目录下创建。

1. 配置EasyUI框架和主题样式

EasyUI是一款基于jQuery的开源框架，主要用于开发前端页面。要使用EasyUI框架，需要在页面中引入以下文件：

    <link rel="stylesheet" href="jquery-easyui-1.9.5/themes/bootstrap/easyui.css">
    <link rel="stylesheet" href="jquery-easyui-1.9.5/themes/icon.css">
    <script src="jquery-easyui-1.9.5/jquery.min.js"></script>
    <script src="jquery-easyui-1.9.5/jquery.easyui.min.js"></script>

其中，theme/bootstrap/easyui.css是EasyUI框架自带的主题样式文件，可以根据需要选择其他主题。

1. 实现导航菜单的数据获取和展示

导航菜单的数据可以从后台数据库中获取，在页面中通过EasyUI的tree组件展示。以下示例是一个简单的导航菜单的实现代码。

在后台Controller中获取数据：

    @RequestMapping(value = "/getMenuList", method = RequestMethod.POST)
    @ResponseBody
    public List<Menu> getMenuList() {
        List<Menu> menuList = menuService.getMenuList();
        return menuList;
    }

在页面中使用tree组件展示数据：

    $('#navTree').tree({
        url: 'menu/getMenuList',
        method: 'post',
        animate: true,
        onClick: function(node) {
            // 处理点击事件
            // ...
        }
    });

其中，url参数指定数据获取的请求地址，method参数指定请求方式，animate参数指定展开和折叠节点时是否使用动画效果。

以上是一个简单的导航菜单的实现示例，具体实现过程还需根据实际需求进行调整和完善。