原创 採用d3開發流程設計器(六)通過拖拽選中多個節點,然後拖動調整位置

需求: 1、通過拖拽選中多個節點,然後進行位置調整。 2、選中多個節點,點擊刪除來進行多個節點刪除。 效果圖: 選中多個節點進行拖拽移動。 關鍵代碼: 第一步拖拽的時候創建一個臨時的rect,並且設置透明度爲0.7 /**

原创 going-client(三)zTree使用自定義字體圖標

上一節寫了ztree使用字體圖標,因爲當時時間比較晚,只能倉促都將字體圖標寫死,自然這樣是不符合項目要求的,變更圖標顯示纔有價值。 圖標映射:左邊爲參數名字 右邊爲ztree的圖標calss名字 openIcon------》ro

原创 show-cloud(️五)mybatis2.3升級到mybatis3.2

朋友寫的show-cloud微服務框架是3年前還是寫的,當時mybatis-plus.3.*還不成熟,現在mybatis-plus3已經大行其道,所以升級已經勢在必行了 第一步:一些基礎類路徑的變化 import com.baom

原创 採用d3開發流程設計器(四)實現線條的繪製,以及線條的箭頭

前面三節完成了開始、結束、普通節點的拖拽生成,這些都還比較簡單,這節來實現下線條都繪製以及拖拽相關功能: 需求: 1、拖拽生成線條,連接2個節點 2、拖拽節點的時候 線條跟着移動 3、選中線條變換樣式 4、右鍵點擊可以刪除線條 5

原创 採用d3開發流程設計器(七)實現撤銷、恢復的功能

撤銷和恢復一開始是不想做的,但後來感覺這個功能還是有點必要的,就只好加上了。 需求:這裏就不介紹了,就是個操作的前進後退功能。 其實原理蠻簡單的,就是做一些操作的時候將前進、後退操作指令以及相關參數傳遞給操作事件監聽類。 注意這裏

原创 手寫第一個cli(二)將自己的cli發佈出來

第一步:編寫發佈publish.sh #!/usr/bin/env bash set -e # 修改npm源地址 npm config get registry npm config set registry=http://re

原创 採用d3開發流程設計器(一)搭建框架和節點拖拽

多年前接觸過一個easyui寫的一個流程設計器,功能蠻強大的,但時過境遷,以前的那種太過笨重,而且始終感覺運行起來太卡頓,最近公司不是特別忙,突然想採用d3來寫個流程設計器。 流程設計器大概需求 可以拖拽節點進行繪製流程圖 可以

原创 採用d3開發流程設計器(二)添加右鍵菜單

上一節完成了架子的搭建以及節點的拖拽,這節完成節點菜單右鍵的操作 需求: 1、右鍵點擊節點,彈出菜單,選中屬性菜單項,右邊再彈出菜單配置panel 2、點擊其他節點或者界面空白處隱藏下拉菜單 效果圖: 1、右鍵節點彈出菜單 點擊

原创 show-cloud(十一)添加刪除帳套的mq隊列

第一步:配置隊列 第二步:確認隊列是否創建,登陸到rabbitMq的web管理界面 第三步:對show-cloud-users-service添加相應對依賴 <dependency> <groupI

原创 show-cloud(三)idea安裝lombok插件 mac

因爲show-cloud項目採用了lombok來生成相應的代碼,所以需要安裝lombok插件: 第一步:打開idea 第二步:搜索lombok插件 第三步:安裝lombok,重啓idea即可

原创 show-cloud(四)代碼生成

show-cloud的代碼是可以一鍵生成的。 第一步:建立數據庫表,隨便建立了一個數據庫表 第二步:建立entity文件,該文件需要建立,裏面的內容可以不寫。 第三步:找到測試目錄下的MpGenerator文件 點擊進去後,

原创 SpringBoot(二) 靜態資源的請求

上一節我們講到了RestController,這節記錄下靜態資源的請求。 第一步:copy一個圖片到resource下面 第二步:在瀏覽器輸入http://127.0.0.1:8080/about_bg1.png訪問是404.這

原创 show-cloud(六)依賴升級

show-cloud項目是朋友3年前寫的框架,拿過來用後發現好多代碼和資料都過時了,雖然還可以用,但總感覺不爽。 想來想去還是打算把相應的依賴進行一次全面的升級,上一節講了mybatis-plus 升級到3.2.0 但代碼改完後,

原创 show-cloud(九)rabbitmq的安裝 以及用戶的添加

rabbitmq的安裝,這裏不介紹咯 啓動rabbitmq sudo /usr/local/Cellar/rabbitmq/3.8.2/sbin/rabbitmq-server -detacted 啓動後輸入登陸地址 htt

原创 採用d3開發流程設計器(五)實現節點間線條的拖拽變換

一晃這設計器也寫了快一週了,基本功能已經出來咯。但完全做完應該還需要個把月吧。 這節我們介紹下節點間線條的拖拽變換的功能: 需求: 1、點擊線條,會在線條倆端生成2個拖拽節點。 2、點擊拖拽節點可以變換線條的起始位置或者是結束位置