ng-notadd 基於 Angular 的企業級中後臺開發框架
初衷
我們一直想做一款企業級中後臺框架,最初版本是 vue2 的,雖然vue上手非常快,但是我們定位是企業級中後臺框架,vue 在做一些複雜專案的時候,感覺架構上確實有些捉襟見肘,遇到的問題也越來越多。
後來改用 React ,當時使用了 Typescript 以及 Redux ,第三方元件支援並不友好,使用到最後也逐漸感覺到了 Rxjs 的真香警告,後來社群對 mobx 推崇度也越來越高,而隨著 apollo-graphql 的深入,發覺使用 Redux 狀做態管理的必要性已經幾乎沒有了,apollo 的 store 幾乎給了我們所需要的。於是再一次,我們咬牙切換到了 Angular 。
material2 是個非常不錯的元件庫,但是文件給的案例太少,以至於很多開發者誤以為 material2 元件不全。 我們在此基礎上又補充了一些小元件,比如多級聯動,釋出在了 ng-material2 。
同時 material 材質設計是比較難駕馭的,稍微用不好,就會顯得非常醜,我們借鑑了國外的一些中後臺,設計出了 ng-notadd ,並且不斷優化設計。

特點
Angular 本身包含的那套足夠專案的前中後期使用,非常適合企業級開發,當然,跟 Nest 絕配,可以開發後端。
ng-notadd 不僅提供了常用 UI ,還提供了拓展元件,包括提示框、輪播圖、多級聯動,以及十萬級的虛擬列表等等。
基礎元件


輪播圖

提示框

多級聯動

虛擬列表
以十萬計的列表:

資料表格

檔案上傳
方便快速上傳檔案。

json生成表單
更加方便

後續還將提供: 穿梭框、excel 表單 甚至腦圖、專案看板 等更加企業級的功能。
同時,ng-notadd 還將支援 websocket 、 electron 等。
技術棧
- Typescript
- Angular
- Material2
- Rxjs
- Graphql