基于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，任何的代码签入操做，都会触发程序的自动发布。