[發明專利]一種基于angularjs實現前后端分離開發的方法及系統

在審

• 申請號: 202011049184.2
• 申請日: 2020-09-29
• 公開（公告）號: CN112114788A
• 公開（公告）日: 2020-12-22
• 發明（設計）人: 郝長征;閆艷
• 申請（專利權）人: 中孚安全技術有限公司;中孚信息股份有限公司;北京中孚泰和科技發展股份有限公司;南京中孚信息技術有限公司
• 主分類號: G06F8/20
• 分類號: G06F8/20;G06F8/30;G06F8/38;G06F9/445
• 代理公司: 北京久維律師事務所 11582
• 代理人: 邢江峰

一種基于angular js實現前后端分離開發的方法，該方法包括：前端和后端共同基于HTTP訪問協議約定RESTful格式的接口并錄入到接口平臺中；前端開發人員通過angular js指令進行前端開發平臺組件的封裝，基于瀏覽器的drag和drop事件拖拽組成頁面，通過拖拽組件實現配置開發前端頁面；前端訪問接口平臺管理的所能夠仿真或轉發的接口，或對接真實的后端接口，實時查看實現的頁面效果。還包括一種基于angular js實現前后端分離開發的系統。實現了軟件系統的前后端分離開發方式，在開發過程中能夠使得前后端并行開發，同時實現了組件的高度復用，提高了開發效率，降低了功能開發過程中的編碼量，同時提高了軟件的產出質量，且通過接口管理平臺很好的解決了前后端分離開發過程中對接問題。

技術領域

本發明涉及計算機軟件研發技術領域，具體地說是一種基于angularjs實現前后端分離開發的方法及系統。

背景技術

前后端分離已成為當前BS軟件開發以及互聯網項目開發的業界標準使用，目前大多數開發是通過nginx代理和tomcat的方式進行，也有中間增加一層nodejs，這種方式進行解耦，且前后端分離發展趨于分布式架構、具備強伸縮性、甚至多端適配。

前后端分離實現核心思想是前端HTML頁面通過AJAX調用后端的Restful接口并使用JSON協議數據進行交互。前后端分離后能夠實現前端只管前端頁面的開發，后端人員能夠只負責接口的實現，解耦之后這樣能夠快速并行開發。

目前前后端分離開發過程中有較多對接問題，代碼復用率低，難以進行并行開發。

發明內容

本發明的目的在于提供一種基于angularjs實現前后端分離開發的方法及系統，用于解決現有技術中代碼復用率低，難以進行并行開發的問題。

本發明解決其技術問題所采取的技術方案是：

本發明第一方面提供了一種基于angularjs實現前后端分離開發的方法，該方法包括：

前端和后端共同基于HTTP訪問協議約定RESTful格式的接口并錄入到接口平臺中；

前端開發人員通過angularjs指令進行前端開發平臺組件的封裝，基于瀏覽器的drag和drop事件拖拽組成頁面，通過拖拽組件實現配置開發前端頁面；

前端訪問接口平臺管理的所能夠仿真或轉發的接口，或對接真實的后端接口，實時查看實現的頁面效果。

結合第一方面，在第一方面第一種可能實現的方式中，所述的接口平臺由開源系統DoCelver實現，通過mockjs進行仿真數據。

結合第一方面，在第一方面第二種可能實現的方式中，組件的注冊方法包括：

通過angularjs中提供的config方法在程序啟動時注冊組件；

通過formioComponentsProvider來管理組織組件列表。

結合第一方面，在第一方面在第三種可能實現的方式中，注冊組件時還需要配置參數，包括：title組件名稱，template組件展示模板，group所屬分組，controller展示和操作數據對接。

本發明第二方面提供了一種基于angularjs實現前后端分離開發的系統，利用所述的方法，該系統包括：

接口平臺，包含管理接口、仿真接口、測試接口、轉發代理接口，用于對接前端開發平臺和后端開發平臺，實現在前端開發過程中仿真數據實時查看頁面效果、后端實現開發過程中仿真真實接口；

前端開發平臺，用于前端開發頁面，進行組件封裝，實現通過拖拽組件實現配置開發前端頁面；

后端開發平臺，用于后端開發接口，提供接口平臺實現仿真真實接口。