构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统（10）-系统菜单栏
似乎我们需要更多的模块了，我们有一个样例程序，可以帮助我们以后的系统开发做很多对照，我们稍后还有系统日志和系统异常的记录，这时浏览发生了困难，我们这一节来完成一个大家比较喜欢的东西吧，系统菜单栏，我们系统左边预留了一个位置，那里存放菜单，菜单在这里主要可以分为两种，
1. outlook模式，可以用easyui的accordion，做起来可以很漂亮，博客园很多人写的系统，我都看到了用这个，菜单前面还可以放菜单图标，这里给大家看一个效果（这是J-UI富客户端框架的菜单栏）优点是漂亮啊，缺点也很明显，只有两层结构，系统庞大，菜单太多，显示就很麻烦了，不够用和不好看，accordion配合tree看起来很繁琐，本人比较喜欢简洁的东西
accordion： 
2. tree模式，树结构，缺点是简洁，没有视角上的享受，优点是无限级别，ajax异步获取，速度快。有很多树的jquery插件，可以使用easyui的tree，我这里不用easyui的tree，我下载一个比较轻巧的jquery tree插件--wdtree这个插架非常轻巧，支持异步
动手吧！下载wdtree插件，我这里提供下载,我以前下载的wdtree不是很好用（不知道现在有没有新版本），但是我重新对这个插件进行修复，很符合菜单的操作，
wdtree修复版下载
解压后，把js文件放到Scripts目录下,把样式放到Content目录下
我们似乎要创建数据库的菜单表，建表SQL语句
SQL在EF中更新我们表模型，不知道怎么更新的跳到第四讲
执行数据库命令,插入一些数据
insert语句我们表里有数据了
回到前端页面，引入wdtree js及其样式表
<head> ......... <script src="~/Scripts/jquery.tree.js"></script> <link href="~/Content/tree/css/tree.css" rel="stylesheet" /> </head>
添加以下代码js代码到home.js下面
js创建Home的BLL层和DAL层
IHomeBLL HomeBLL IHomeRepository HomeRepository修改HomeController的代码
HomeController别忘记容器的注入App.Core下的
DependencyRegisterType.cs回到前端，预览以下效果，这一节代码比较多，大家只要放进去，代码我都有注释，看下就知道了
我们终于有菜单栏了，距离成功又进了一步，如果你有自己的菜单栏想法，那么跳过这一节的内容。
出处：http://ymnets.cnblogs.com/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。