1. 程式人生 > >組件式開發框架-積木

組件式開發框架-積木

uml new 組織 詳細 img 框架設計 chang 兩種 imu

積木是什麽

積木是一套高效快速開發Web應用的開發框架。框架通過組件化可配置的開發模式,將系統的開發抽象成搭建積木的過程。積木提供了多種通用的開發組件,開發者可根據需要進行選擇。同時也可以基於現有框架進行拓展,開發所需的組件,有效地降低了項目的開發周期。 技術分享圖片

獲取

【源碼地址】

https://gitee.com/geohey/app-jimu

【示例地址】

http://geohey.com/apps/jimu/

【詳細文檔】

http://geohey.com/doc/jimu/

特點

  • 可配置組件化的開發模式
  • 基於框架輕松拓展自定義組件

有什麽區別

近年來有很多優秀的開發框架被廣泛使用如Vue、React等,那麽積木框架與Vue、React等開發框架有什麽不同呢?

相較之下,積木與其說是一個框架不如說是一種代碼的設計模式。積木采用組件式開發模式,整個系統由一系列高內聚、低耦合的組件組成。每一個組件(Widget)內部封裝了針對性很強的業務邏輯功能模塊,而組件之間的組織工作全部交由框架去維護。這種設計模式可以是開發者更好的集中精力去處理組件內部的實現邏輯。這樣,不僅提高了開發效率,也使後期維護的工作變得更加輕松。

框架設計


在積木中,所有的模塊都是通過組件的的形式進行搭建,即所見之處皆為組件。組件的搭建由一個系統的配置文件進行統一的控制。組件分為兩種:

  • 普通組件
  • 容器組件

普通組件只負責實現自身的業務邏輯,容器組件除了負責自身的業務邏之外還負責根據配置去構造其內部的子組件,並進行管理。可想而知,最外層的App.vue就是一個容器組件,由它開始自動的生成子組件,如果子組件仍然是容器組件的話,還會不斷的向下構造。直到所有的組件搭建完畢

技術分享圖片

積木UML圖

技術分享圖片

能帶來什麽

  • 功能相對完善的項目開發基礎框架
  • 組件式的開發體驗,開發者只需要去關註每個組件自身的業務邏輯

組件式開發框架-積木