基于BUI开发Asp.net MVC项目

因工作性质参于并开发过一些Web应用程序，前端项目框架也用了不少，比如MiniUI、ExtJS、以及定制的项目前端框架。无意中看到BUI前端框架，第一眼就被它的优雅布局所吸引。简洁的项目门户Banner，页签形式的一级导航菜单和可折叠和展开的二级功能菜单，以及多页签形式的工作区，作为一般的企业业务系统和后台管理系统真是非常的合适。

因此，这个框架我必须整合的自己代码库中。结合Asp.net MVC项目，把这个框架整合起来并作为项目框架，其他子功能采用MVC模板，下面是整合后的初步效果。

整合过程中，因正好使用了某公司基于新能源汽车的充电卡管理系统。部分功能菜单结构和数据属性等材料就借用了该管理系统，后期时间充足的话，正确把全部的功能都实现一些，毕竟能够完成一些系统和完整的东西，还是会收获不少的成就感的。

整合过程大概包含如下几个步骤

1， 分离BUI中的JS和CSS资源，并分别放置在MVC项目的资源文件中。

2， 遗产BUI中JS对JQuery的依赖。

3， 创建项目页面Layout页面，引入所需的资源文件。

4， 从项目角度，组织和抽取需要动态和权限管理的组件，如导航菜单、页面调试信息等组件。

5， 调整首页框架布局和细节功能。

6， 整合首页和具体功能的集成。

下面是发布出来的页面示例地址：

http://buicardsystem.azurewebsites.net

项目代码目前采用VSTS进行管理，结合Azure的WebAPP 部署方式，实现CI/CD，任何的代码签入操作，都会触发程序的自动发布。