网站Web项目树形菜单的实现过程(ExtJS+SpringMVC+Spring+Hibernate+MySQL)

摘要：

常见的OA或者bbs或者网站，左侧往往带有菜单，使用者就可以通过菜单项进入响应的功能模块或者板块或者专区，如下所示：PKU的BBS明显使用了ExtJS的海王星主题，而且使用的就是普通的tabPanel组件实现的菜单。

常见的OA或者bbs或者网站，左侧往往带有菜单，使用者就可以通过菜单项进入响应的功能模块或者板块或者专区，如下所示：
PKU的BBS明显使用了ExtJS的海王星主题，而且使用的就是普通的tabPanel组件实现的菜单。如下图

下图是Ext官方提供的案例，访问的地址是：
http://examples.sencha.com/extjs/6.5.1/examples/classic/executive-dashboard/index.html#news/all

鬼知道他们使用了多少ExtJS官方提供的代码。
但是假如我们自己要山寨extjs的示例代码怎么办呢？哈哈，当然是官方渠道获取了。抱歉Ext官网下载的过程其实很复杂，我也没有下载成功。但是在一个网盘下载到了6.2版本，目前的最新版是6.5.3。
目录结构如下图所示：

kitchensink可以说是Ext官方提供的案例中不错的，如下图所示：

但是你明显发现这个kitchensink和executive dashboard有挺大差距的，山寨extJS当然是要山寨dashboard了，好的不学，难道去学那些烂的么？互联网那么多开源代码，不去学习不去使用，真的是对不起人民对不起党。
刚刚下载的ext sdk目录中找到template文件夹：

Ext的dashboard代码值得仔细看看。

下面还是说说本博文的主题，如何生成左侧树形菜单。网站顺利登录后，进入主界面，左侧生成树形菜单。

版权声明：本文内容由互联网用户自发贡献，版权归作者所有，本社区不拥有所有权，也不承担相关法律责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件至：yqgroup@service.aliyun.com 进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容。

原文链接

转载于:https://juejin.im/post/5a719127518825733e60c57c