springboot flowable 整合框架項目源碼 vue.js 前後分離 跨域

来源:https://www.cnblogs.com/m17054598469/archive/2020/07/28/13389809.html

特別註意:本代碼為 Springboot 工作流 前後分離 + 跨域 版本 (許可權控制到菜單和按鈕) 後臺框架:springboot2.3.0+ Flowable6.5.0+ mybaits+maven+介面 前端頁面:html +vue.js 形式 jquery ajax 非同步跨域 json 格式 ...


特別註意本代碼為 Springboot 工作流 前後分離 + 跨域 版本 (許可權控制到菜單和按鈕)

後臺框架:springboot2.3.0+ Flowable6.5.0+ mybaits+maven+介面

前端頁面:html +vue.js 形式 jquery ajax 非同步跨域 json 格式數據交互 前後分離,前後臺分開部署

(特別註意,前端用的vue.js, 就是html頁面引入vue.js形式, 用tomcat部署運行,更適合後臺開發者

1.代碼生成器: [正反雙向](單表、主表、明細表、樹形表,快速開發利器)

freemaker模版技術 ,0個代碼不用寫,生成完整的一個模塊,帶頁面、建表sql腳本、處理類、service等完整模塊

2.多數據源:(支持同時連接無數個資料庫,可以不同的模塊連接不同數的據庫)支持N個數據源

3.阿裡資料庫連接池druid,安全許可權框架 shiro(菜單許可權和按鈕許可權, 緩存框架 ehcache

4.代碼編輯器,線上模版編輯,仿開發工具編輯器

5.調用攝像頭拍照 自定義裁剪編輯頭像,頭像圖片色度調節

6.websocket 及時站內信並聲音提醒、實時線上管理、websocket及時刷新頁面(完勝ajax技術)

7.Flowable工作流 目前公認比較好用的工作流引擎,集成web流程設計器

工作流模塊-------------------------------

1.模型管理 :web線上流程設計器、導入導出xml、複製流程、部署流程

2.流程管理 :導入導出流程資源文件、查看流程圖、根據流程實例反射出流程模型、激活掛起

3.運行中流程:查看流程信息、當前任務節點、當前流程圖、作廢暫停流程、指派待辦人、自由跳轉

4.歷史的流程:查看流程信息、流程用時、流程狀態、查看任務發起人信息

5.待辦任務 :查看本人個人任務以及本角色下的任務、辦理、駁回、作廢、指派一下代理人

6.已辦任務 :查看自己辦理過的任務以及流程信息、流程圖、流程狀態(作廢 駁回 正常完成)

辦理任務時候可以選擇用戶進行抄送,就是給被抄送人發送站內信通知當前審批意見以及備註信息

註:當辦理完當前任務時,下一任務待辦人會即時通訊收到新任務消息提醒,當作廢和完結任務時,

任務發起人會收到站內信消息通知

------------------------------------------- 系統模塊

1. 許可權管理:點開二級菜單進入三級菜單顯示 角色(基礎許可權)和按鈕許可權

角色(基礎許可權): 分角色組和角色,獨立分配菜單許可權和增刪改查許可權。(一個用戶可以多個角色

按鈕許可權: 給角色分配按鈕許可權。

2. 按鈕管理:自定義按鈕管理,維護按鈕shiro許可權標識等

3. 菜單管理:N級別自定義菜單,選擇菜單圖標,菜單狀態顯示隱藏(遞歸處理)

4. 數據字典:N級別,支持多級別分類。內設編號,排序等

5. 日誌管理:記錄用戶登錄退出和一些重要操作記錄

6. 線上管理:websocket技術,實時檢測線上用戶列表,統計線上人數,可強制用戶下線 同一用戶只能在一個客戶端登錄

7. 系統用戶:對各個基本的用戶增刪改查,導出到excel表格,批量刪除

8. 代碼生成:生成完整的模塊代碼,並保留生成記錄模版,可復用 (超強悍開發利器)

正向生成: 生成完整的模塊,html頁面、處理類、mapper層、service層、myabaits的xml 建表的sql腳本等

反向生成: 任意連接其它資料庫(mysql、oracle、sqlserver),根據表反射生成本系統的模塊

9 模版管理:代碼線上編輯器,管理模版,保存編輯記錄,一鍵還原,代碼生成器如虎添翼

10.性能監控:監控整個系統的性能,SQL監控,SQL防火牆,URL監控,SPRING監控,SESSION監控等

11.網路監控:實時監控伺服器網路接收數據包速度,動態圖表展示

12.伺服器監控:實時監控jvm記憶體,伺服器記憶體,CPU使用率。 單次讀取伺服器其它配置等信息

13.系統設置:修改系統名稱,每頁顯示條數, 郵件服務配置,站內信配置

14. 站內信:收信箱和發信箱,websocket技術通訊技術做的及時收信提醒,可配置語音提示來信

---------------------------通訊模塊 單聊群聊發圖片發文件 離線消息保留聊天記錄

15. 好友管理:搜索、添加、刪除、拉黑好友,查看好友資料

16. 好友分組:自定義好友分組

17. 我的群組:創建群組,搜索申請加入別人的群,踢出群成員,管理群聊天記錄

------------------------------

18. 資料庫備份:可備份單表(sqlserver不支持)、整庫,支持本地和遠程備份(java界面編程技術,socket編程技術)

19. 備份定時器:quartz 強大的任務調度,多線程備份資料庫,任務啟動關閉非同步操作

20. 資料庫還原:歷史備份記錄,還原資料庫 or 單表(sqlserver不支持),統計備份時間和文件大小

21. SQL編輯器:強大的SQL編輯器,支持編輯語句複雜查詢語句,生成動態報表,可導出excel

----------------------------

22. 請假申請:添加請假單,走工作流請假模型流程

23. 組織機構:N級別,公司or部門管理

24. 員工管理:和組織機構部門管理,可以綁定登錄系統用戶,授權數據許可權

25. 工作日誌:填寫日常工作內容,此模塊綁定數據許可權

----------------------------

26. 介面測試:POST or GET 方式檢測系統介面,參數加密,json返回結果,計算伺服器響應時間

---------------------------

菜單許可權:分配給每個角色不同的菜單許可權, 每個角色看到的菜單不同,N級別菜單

按鈕許可權:獨立分配不同的角色不同的功能許可權,增刪改查許可權分配具體到不同的菜單,自定義按鈕管理

支持多用戶分許可權管理後臺, 許可權具體到不同的菜單不同的按鈕一個用戶可以多個角色

---------------------技術點

1. 導入 導出 excel 文件 (應用在系統用戶中)

2 生成 word文件 (應用在代碼生成器生成的doc文檔)

3. IO 流下載文件 (應用在代碼生成器中生成後壓縮成zip 文件下載)

4 代碼 zip 壓縮打包 (應用在代碼生成器中生成後壓縮成zip 文件)

5. MD5加密 SHA加密(登錄密碼用此加密)介面加密身份校驗

6. 資料庫連接池 阿裡的 druid。Druid在監控、可擴展性、穩定性和性能方面都有明顯的優勢,支持併發

7.安全框架 shiro (登錄授權)(session管理)(shiro 註解菜單許可權攔截)(shiro 標簽按鈕許可權)

8.freemaker模版引擎(代碼生成器用)

9.ehcache 自定義緩存 ,選擇緩存存放目錄,處理併發,增加系統性能

10.tab標簽頁面功能,標簽自由切換,不重覆操作資料庫(可全部關閉,關閉當前,關閉其它)

11.多數據源技術

12.調用攝像頭拍照技術,圖片裁剪技術 (用戶頭像編輯)

13.線上編輯器,仿開發工具 (代碼生成器的模版編輯)

14. 單群發郵件,可以發html、純文本格式

15.根據漢字 解析漢字的全拼(拼音)和首字母(導入excel到用戶表,根據用戶的漢字姓名生成拼音的用戶名)

16.站內信語音提醒,js控制音頻播放

17.java 讀寫 ini 配置文件

18.java websocket 即時通訊技術,點對點,好友、群組,發圖片文件,離線消息,保留聊天記錄

19.百度富文本編輯器,可上傳圖片、附件

20.java Quartz 任務調度 (應用在資料庫定時備份模塊中)

21.ajax 非同步跨域技術,跨域上傳文件,圖片

官網:www.fhadmin.org

 

 

 


您的分享是我們最大的動力!

更多相關文章
  • jQuery操作數組主要有兩種方式: 普通數組 $.each(array,function(k,v){ //... }); 關聯數組,{"id":10,"name":"tom"} 索引數組,[1,2,3,4,5,6,7,8,9] k:如果是關聯是鍵名,如果是索引是下標(從0開始; vo:是元素值; ...
  • MVC 與 Vue 本文寫於 2020 年 7 月 27 日 首先有個問題:Vue 是 MVC 還是 MVVM 框架? 維基百科告訴我們:MVVM 是 PM 的變種,而 PM 又是 MVC 的變種。 所以一定程度上來說,三者的思想方向是一樣的。所以不管 Vue 是 MVC 還是 MVVM 或者都不是 ...
  • 如果父組件監聽到子組件掛載mounted做一些邏輯處理 1、使用on和emit 子組件emit觸發一個事件,父組件emit觸發一個事件,父組件on監聽相應事件。 // Parent.vue <Child @mounted="doSomething"/> // Child.vue mounted() ...
  • 動態規劃整體思路是用遞歸問題求解,然後對遞歸過程中存在的大量重疊子問題進行優化, 自頂向下的求解的思路為記憶化搜索,自底向上的解決問題的思想就是動態規劃,自頂向下的求解通常更好理解,我們理解後在改成自底向上的動態規劃求解; 劍指 Offer 10- I. 斐波那契數列寫一個函數,輸入 n ,求斐波那 ...
  • 實現在父組件中促發子組件裡面的方法 子組件: <template> <div> 我是子組件 </div> </template> <script> export default { name: "child", methods: { parentHandleclick(e) { console.lo ...
  • 在實現客服系統的過程中,需要有新消息的時候標題欄閃爍提示 因為聊天框是被iframe框進去的頁面,所以在聊天框中收到websocket消息以後要把消息發送給父集頁面,在父頁面中閃爍標題 測試頁面地址: https://gofly.sopans.com/ 子頁面發送到父頁面的實現是,在父頁面增加消息監 ...
  • 本教程案例線上演示 有路網PC端 有路網移動端 免費配套視頻教程 免費配套視頻教程 教程配套源碼資源 教程配套源碼資源 字體樣式 屬性名 含義 舉例 font-family 設置字體類型 font-family:"隸書"; font-size 設置字體大小 font-size:12px; font- ...
  • 一、Nacos 介紹 Nacos 是 Alibaba 公司推出的開源工具,用於實現分散式系統的服務發現與配置管理。英文全稱 Dynamic Naming and Configuration Service,Na 為 Naming/NameServer 即註冊中心,co 為 Configuration ...
一周排行
  • 比如要拆分“呵呵呵90909086676喝喝999”,下麵當type=0返回的是中文字元串“呵呵呵,喝喝”,type=1返回的是數字字元串“90909086676,999”, private string GetStrings(string str,int type=0) { IList<strin ...
  • Swagger一個優秀的Api介面文檔生成工具。Swagger可以可以動態生成Api介面文檔,有效的降低前後端人員關於Api介面的溝通成本,促進項目高效開發。 1、使用NuGet安裝最新的包:Swashbuckle.AspNetCore。 2、編輯項目文件(NetCoreTemplate.Web.c ...
  • 2020 年 7 月 30 日, 由.NET基金會和微軟 將舉辦一個線上和為期一天的活動,包括 微軟 .NET 團隊的演講者以及社區的演講者。本次線上大會 專註.NET框架構建微服務,演講者分享構建和部署雲原生應用程式的最佳實踐、模式、提示和技巧。有關更多信息和隨時瞭解情況:https://focu... ...
  • #abp框架Excel導出——基於vue #1.技術棧 ##1.1 前端採用vue,官方提供 UI套件用的是iview ##1.2 後臺是abp——aspnetboilerplate 即abp v1,https://github.com/aspnetboilerplate/aspnetboilerp ...
  • 前言 本文的文字及圖片來源於網路,僅供學習、交流使用,不具有任何商業用途,版權歸原作者所有,如有問題請及時聯繫我們以作處理。 作者:碧茂大數據 PS:如有需要Python學習資料的小伙伴可以加下方的群去找免費管理員領取 input()輸入 Python提供了 input() 內置函數從標準輸入讀入一 ...
  • 從12年到20年,python以肉眼可見的趨勢超過了java,成為了當今It界人人皆知的編程語言。 python為什麼這麼火? 網路編程語言搜索指數 適合初學者 Python具有語法簡單、語句清晰的特點,這就讓初學者在學習階段可以把精力集中在編程對象和思維方法上。 大佬都在用 Google,YouT ...
  • 在社會上存在一種普遍的對培訓機構的學生一種歧視的現象,具體表現在,比如:當你去公司面試的時候,一旦你說了你是培訓機構出來的,那麼基本上你就涼了,那麼你瞞著不說,然後又通過了面試成功入職,但是以後一旦在公司被髮現有培訓經歷,可能會面臨被降薪,甚至被辭退,培訓機構出來的學生,在用人單位眼裡就是能力低下的 ...
  • from typing import List# 這道題看了大佬寫的代碼,經過自己的理解寫出來了。# 從最外圍的四周找有沒有為O的,如果有的話就進入深搜函數,然後深搜遍歷# 判斷上下左右的位置是否為Oclass Solution: def solve(self, board: List[List[s ...
  • import requests; import re; import os; # 1.請求網頁 header = { "user-agent":'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/537.36 (KHTML, li ...
  • import requests; import re; import os; import parsel; 1.請求網頁 header = { "user-agent":'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/537. ...