基於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，任何的代碼簽入操做，都會觸發程序的自動發佈。