.net MVC4 Model View Controller分离成独立项目

以你之姓@ 2021-12-23 20:21 180阅读 0赞

适合人群：了解MVC项目的程序员

开发工具：vs2012

开发语言：C\#

小项目或功能比较单一的项目可以直接新建一个MVC基本项目类型即可，但随着需求不断迭代，项目的功能模块越来越多，甚至有些模块可以独立开发，这时就要考虑主项目的M/V/C三大部分分离，便于不同角色的工程师专注自己的部分开发、更新及发布部署。

下面从主项目CSDN开始，逐步实现M/V/C三大部分的分离：

一、新建一个MVC4主项目，项目名称是CSDN，如图示：

![SouthEast][]

![SouthEast 1][]

![SouthEast 2][]

假设主项目CSDN是官网站点，即用户输入官网域名直接访问打开的站点，默认打开的页面是首页（http://www.csdn.net/home/index）。新建Home控制器、Index视图，如图示：

![SouthEast 3][]  
打开app\_start/routeconfig.cs文件，确认站点默认是否是/home/index

![SouthEast 4][]

Index视图页面代码如下：

![SouthEast 5][]

右击主项目，调试启动运行：

![SouthEast 6][]  
浏览器打开的页面如下：

![SouthEast 7][]  
到此，主项目创建完成，并成功运行。

二、分离控制器，新建一个类库项目，命名CSDN.Controllers.Main

![SouthEast 8][]  
重命名默认创建的类文件class1.cs为HomeController.cs，打开文件留意引用的命名空间，与主项目的Home控制器文件对比

![SouthEast 9][]  
所以在刚创建的类库项目CSDN.Controllers.Main中需引用缺少的命名空间system.web

![SouthEast 10][]  
这些DLL引用的路径，请参考主项目对应的文件，右击-属性查看

![SouthEast 11][]  
按以上方法，逐个引用完成后，如图示：

![SouthEast 12][]  
在主项目CSDN中引用已分离出来的控制器类库CSDN.Controllers.Main

![SouthEast 13][]  
修改routeconfig.cs文件代码如下：

![SouthEast 14][]  
删除主项目原来的controller文件夹及其下的控制器文件,

![SouthEast 15][]  
删除后，编译再次运行主项目CSDN，可见和之前打开的首页面是一样的，说明控制器分离成功。

三、分离数据模型Model，这个比较简单了，同上新建一个类库项目CSDN.Models.Main，class1.cs更名为MainModel.cs，如图示：

![SouthEast 16][]  
在分离的控制器项目中引入Model项目，并修改homecontroller中的index方法代码如下：

![SouthEast 17][]  
在view Index.cshtml页面中显示数据模型的信息，先在主项目CSDN中引入CSDN.Models.Main，并修改view文件夹下的webconfig文件，引入数据模型命名空间:

![SouthEast 18][]

![SouthEast 19][]

运行主项目CSDN后，浏览器页面显示如下：

![SouthEast 20][]  
四、分离视图View（重点），到此已经完成了控制器、数据模型的分离，如果只有一个官网模块，似乎没必要分离视图，默认在主项目CSDN中也挺好。但是，如果功能模块增加：后台管理Admin、博客Blog、商城Shop等等，则有必要分离各部分的视图在独立的MVC项目中。

以后台管理Admin举例，先在主项目CSDN中添加Areas/Admin，如图：

![SouthEast 21][]

![SouthEast 22][]

因为已经分离了controller、model，所以删除Areas/Admin下默认创建的控制器、数据模型文件夹：

![SouthEast 23][]  
现在有必要新建解决方案文件夹Controllers、Models、Views，把相应的独立项目归类到对应的文件夹下：

![SouthEast 24][]  
在Views文件夹下新建一个MVC4基本项目CSDN.Admin，这个就是后台管理项目，同理可删除其下的控制器、数据模型文件夹：

![SouthEast 25][]  
将主项目中的Areas/Admin/AdminAreaRegistration.cs文件剪切到上面的CSDN.Admin项目根目录下，

![SouthEast 26][]  
按以上分离控制器的方法，分离后台管理模块的控制器，在Controllers文件夹下新建类库项目CSDN.Controllers.Admin

![SouthEast 27][]  
在CSDN.Admin项目中新建视图文件Index.cshtml

![SouthEast 28][]  
该项目中需引用控制器项目CSDN.Controllers.Admin，并修改app\_start/routeconfig文件代码如下：

![SouthEast 29][]  
直接运行项目CSDN.Admin，页面显示如下：

![SouthEast 30][]  
但这并不是我们最终目的，我们要的是运行主项目CSDN，浏览器输入http://localhost/admin/home/index时，也可以看到如上页面效果。此时还需修改CSDN.Admin/AdminAreaRegistration.cs文件代码

![SouthEast 31][]  
将CSDN.Admin项目中的View文件夹下的视图文件home整个文件夹，复制到主项目CSDN/Areas/Admin/Views下：

![SouthEast 32][]  
在主项目CSDN中引用项目CSDN.Admin，然后运行主项目，默认还是打开之前的官网页面，此时接着在浏览器URL输入/admin/home（或/admin/home/index）回车，即可看到后台管理页面。

![SouthEast 33][]  
源代码下载地址：http://download.csdn.net/detail/cdblh/9840202

此文档下载地址：http://download.csdn.net/detail/cdblh/9840201

还可以继续优化，比如：

1.      手动复制视图文件到主项目中，可以配置生成事件自动完成。

2.      主项目发布后，Areas下的模块可以配置独立的二级域名访问http://admin.csdn.net，代替http://www.csdn.net/admin

3.      还可以考虑分离静态文件css、js、img等，独立部署站点。  
  
原文：[https://blog.csdn.net/cdblh/article/details/71909697 ][https_blog.csdn.net_cdblh_article_details_71909697]

[SouthEast]: /images/20211223/e0630c152901461e921734c088e28c22.png
[SouthEast 1]: /images/20211223/36581fa5f60a43db876919f9520d4424.png
[SouthEast 2]: /images/20211223/277334d30cb84470aa1f98cf92782015.png
[SouthEast 3]: /images/20211223/db9ed680076d450b9d6c868d516c82ce.png
[SouthEast 4]: /images/20211223/279283dd2c064b70b8bdd6002a33fcde.png
[SouthEast 5]: /images/20211223/780c3bc772fd4ec9ab868b7d67dfdbe7.png
[SouthEast 6]: /images/20211223/f132114e4a4143c4beaa5cdb00f4629b.png
[SouthEast 7]: /images/20211223/130bd1938ff045fd82aaa2e863cfb0e0.png
[SouthEast 8]: /images/20211223/5af6bd77fb7d4068a88a21f66fb54eaa.png
[SouthEast 9]: /images/20211223/0d79125bcdc748a0ad7e9631f3ed64f1.png
[SouthEast 10]: /images/20211223/5498b382ca3342599a8b269c32dd6209.png
[SouthEast 11]: /images/20211223/6329d1f4b9be4b888bc84b33e90466eb.png
[SouthEast 12]: /images/20211223/ab0bf58a85c74d87a69d39cd0dd1dab3.png
[SouthEast 13]: /images/20211223/fb45a908e56d4134ac8a919b4bb35a98.png
[SouthEast 14]: /images/20211223/184d7870fb9e41a79ee9bd4d77dd2bd9.png
[SouthEast 15]: /images/20211223/0e6e4546d0714b9f90fcf748ef922837.png
[SouthEast 16]: /images/20211223/bb1998f33c574382b7d44ee8de4ed243.png
[SouthEast 17]: /images/20211223/1df491d05c4645109a96f06bb8440117.png
[SouthEast 18]: /images/20211223/cc90cf9333784adcac983f84d7e4b30d.png
[SouthEast 19]: /images/20211223/82d7a16479dd46008d72bf88399bc358.png
[SouthEast 20]: /images/20211223/c394e61fcd164579911a57cbdf2495e2.png
[SouthEast 21]: /images/20211223/647cfc091ea0483d9eb551d28d9b8582.png
[SouthEast 22]: /images/20211223/ce4c1972508f4a07bfd33cf96c369e2e.png
[SouthEast 23]: /images/20211223/6595cbc657614f5480ad2f200d04e22b.png
[SouthEast 24]: /images/20211223/9c1fe28d792c4be8ae65c7e11e2bb313.png
[SouthEast 25]: /images/20211223/8fbd33638d624838a86fe720c76ea93e.png
[SouthEast 26]: /images/20211223/a7e6258bc5344cbbbf08151418d19cab.png
[SouthEast 27]: /images/20211223/032d1a475da348669393d14dcc69f71b.png
[SouthEast 28]: /images/20211223/d345f7138f2a4307bf3f9d9cad308a7b.png
[SouthEast 29]: /images/20211223/04ad4e26b10b4318b60681710da76e12.png
[SouthEast 30]: /images/20211223/5de98d6efb304ebaadd3dbdb1ad797ea.png
[SouthEast 31]: /images/20211223/7c0aab17f2224f6eb261deb176152f56.png
[SouthEast 32]: /images/20211223/caf32c2f65bc4f00b394250a2ba8bc13.png
[SouthEast 33]: /images/20211223/cc214687cf0a494aac2df803279b4eb9.png
[https_blog.csdn.net_cdblh_article_details_71909697]: https://blog.csdn.net/cdblh/article/details/71909697%C2%A0