C#開發BIMFACE系列49 Web網頁中載入模型與圖紙的技術方案

Bootstrap是全球最受歡迎的前端開源工具庫，它支援 Sass 變數和 mixin、響應式柵格系統、自帶大量元件和眾多強大的 JavaScript 外掛。基於 Bootstrap 提供的強大功能，能夠讓你快速設計並自定義你的響應式網站、手機APP等。 Bootstrap框架中的指令碼庫是基於jQuery構建的。

Layui

LayUI是一款採用自身模組規範編寫的前端 UI 框架，遵循原生 HTML/CSS/JS 的書寫與組織形式，門檻極低，拿來即用。其外在極簡，內在飽滿，體積輕盈，元件豐盈，從核心程式碼到 API 的每一處細節都經過精心雕琢，非常適合介面的快速開發。 layui 首個版本釋出於 2016 年秋天，它區別於那些基於 MVVM 底層的 UI 框架，它更多是為後端程式設計師量身定做，開發者不需要涉足各種前端工具的複雜配置，只需面對瀏覽器本身，一切所需要的元素與互動，Layui都完成了封裝。 Layui框架中的指令碼庫是基於jQuery構建的。 Layui 相容目前市場上正在使用的全部瀏覽器（IE6/7除外），可作為 PC 端後臺系統與前臺介面的速成開發方案。我們公司內部的業務系統也用了Layui框架，大家也可以嘗試著用用。

Element UI

它是餓了麼團隊出品的優秀元件庫。 Element 是一套為開發者、設計師和產品經理準備的基於 Vue 2.0 的桌面端元件庫。

iView

一套基於 Vue.js 的高質量 UI 元件庫。包含

（1）iView Pro 以 View UI（iView）為基礎，擴充套件了 30+ 全新的元件，除了基礎元件外，還包含了業務元件，比如頁頭元件、城市選擇器元件、登入元件、通知選單元件等。 View UI Pro 最大化地減輕開發者工作量，並極大程度地支援響應式設計，對移動端和平板電腦都有更好的支援。

（2）iView Admin Pro Admin Pro 是一套企業級的通用型中後臺前端解決方案，它基於 View UI（iView），並內建了 View UI Pro。支援多種佈局，動態選單，強大的鑑權系統，含有大量典型的業務示例，如使用者管理、選單許可權管理、角色許可權管理等。 Admin Pro 由 iView 作者研發，使用最前沿的前端技術棧，支援各型別產品，比如典型的中後臺應用（類阿里雲後臺、七牛雲後臺，各類 to B 產品）、社群型應用（類知乎、論壇、門戶）（需使用社交佈局）、地圖型應用（需使用地圖佈局）、工作桌上型應用（需使用工作桌面佈局）等。 iView官方還對微信小程式專門封裝了一套高質量的UI元件庫，叫 iView Weapp。 iView 與 iView Weapp 校本庫都是基於Vue.js封裝的。 iView 與 iView 與 iView Weapp 兩款元件實現並適配了PC端、移動端、小程式等常用場景，這裡我比較推薦它。大家可以嘗試用用。

2、指令碼庫

C#開發BIMFACE系列49 Web網頁中載入模型與圖紙的技術方案

學習網頁程式設計，最開始接觸的就是JavaScript，它是輕量級，解釋型或即時編譯型的程式語言。

JavaScript通常用來為網頁新增各式各樣的動態功能，為使用者提供更流暢美觀的瀏覽效果。
JavaScript指令碼是通過嵌入在HTML中來實現自身的功能的。

JavaScript

提供的功能非常強大，但是學習起來很困難，一般都會有雜而亂的感覺。
主要有以下原因：

- JavaScript本身知識很抽象難懂，比如：閉包、內建物件、DOM。
- JavaScript本身內容很多，如函式庫、物件庫非常多。
- JavaScript混合了多種程式設計思想。既有程式導向程式設計思想，又有物件導向程式設計思想。
- 不通的瀏覽器對JavaScript支援也不同。為了適配不同的瀏覽器需要做非常多的程式碼進行特殊處理。
- 沒有好的編輯器，編寫程式碼全靠大腦來記憶。
- JavaScript執行在網頁裡面，如果發生錯誤，不太好除錯。
- 其他原因。

jQuery

2006年1月就出現了jQuery，它是一個 JavaScript 庫，極大地簡化了 JavaScript 程式設計。官方API功能強大，文件齊全、使用示例也很多，適配絕大多數主流瀏覽器，非常受歡迎，因此出現了非常多的基於jQuery封裝的免費外掛，非常好用。到目前為止，jQuery依然有非常多的開發者在使用它。

Angular

誕生於2009年，由 Misko Hevery（米斯科·赫維）等人建立，後為Google所收購，由Google維護。
AngularJS嘗試去補足HTML本身在構建應用方面的缺陷。

AngularJS通過使用我們稱為指令(directives)的結構，讓瀏覽器能夠識別新的語法。例如：

- 使用雙大括號{{}}語法進行資料繫結
- 使用DOM控制結構來實現迭代或者隱藏DOM片段
- 支援表單和表單的驗證
- 能將邏輯程式碼關聯到相關的DOM元素上
- 能將HTML分組成可重用的元件

React

FaceBook 公司於2013年5月開源的 JavaScript MVC 框架。由於 React 的設計思想極其獨特，屬於革命性創新，效能出眾，程式碼邏輯卻非常簡單。所以，越來越多的人開始關注和使用。主要用於構建UI。可以在React裡傳遞多種型別的引數，如宣告程式碼，幫助你渲染出UI、也可以是靜態的HTML DOM元素、也可以傳遞動態變數、甚至是可互動的應用元件。