因工作性质参于并开发过一些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,任何的代码签入操作,都会触发程序的自动发布。