演示地址
推薦注冊,並創建自己的項目,便於隔離數據胡搞而不影響其他試用者
僅對chrome瀏覽器做了完全適配,其他chromium核心瀏覽器或者firefox、safari也能使用,但是不推薦
倉庫地址:
- 前端:https://github.com/purang-fintech/seppf.git
- 后端:https://github.com/purang-fintech/seppb.git
- 監控中心服務:https://github.com/fudax/octopus
本地化部署問題解決步驟:
- 先賞個STAR
- 再加QQ群:362260709
- 再問問題,當然,建議提問之前仔細看完下面的說明
技術棧
- 前端:vue2、axios、element等等等等
- 后端:springboot、guava、lombok等等等等
- 基礎組件:mariadb(10.3)、nginx(1.15.3)、nodejs(8.12.0)、fastdfs、npm(6.7.0)、webpack4等等
- 插件:swagger2、quartz、aviator、h2等等
后端readme
啟動方式:
- Main Class:com.pr.sepp.SeppApplication(線上可注釋掉@EnableSwagger2)
- 本地VM options:-Denv=local
- 注意:本地開發請務必安裝好IDE的lombok插件
- 線上部署:
- rm -rf src/main/resources/spring.properties
- mvn clean package -Dmaven.test.skip=true
- mv target/sepp*.jar ${your_path}/sepp.jar
- java -Dpath=${your_conf_path}/spring.properties -jar ${your_path}/sepp.jar &
- 集群:已測試HAProxy、keepalived,其余未測試
組件使用說明
- mariadb(>= 10.3),必須設置lower_case_table_names=1,參考conf/database/my.conf
- FastDfs,與nginx綁定使用,二者配置參考conf/fastdfs/*.properties、conf/nginx/*.properties
- octopus監控需要配置octopus.admin.address和context.env兩個參數
- Quartz請注意spring-boot-starter-quartz和boot版本的兼容性問題,最好自己指定版本(參考pom.xml)
- 郵件服務、Jenkins服務、git倉庫服務、sonarQube服務、LDAP認證服務,皆可使用超級管理員進入系統設置進行配置,持久化到數據庫,同時Jenkins服務和郵件服務也可以通過配置文件實現,其中Jenkins使用持久化的配置需要配置jenkins.enable-programmatic=false
- 基礎設置>監控中心,請參考:https://github.com/fudax/octopus 工程說明,並且更新spring.properties和前端src/components/monitor/MonitorAdmin.vue文件配置
前端readme
安裝步驟
git clone https://github.com/purang-fintech/seppf.git // 下載到本地
cd seppf // 進入項目目錄
npm install // 安裝項目依賴,等待安裝完成之后
本地開發,修改好config目錄下的環境配置之后開啟服務器,瀏覽器訪問 http://localhost:8080
npm run dev
構建生產
npm run build
組件使用說明與演示
element-ui
一套基於vue.js2.0的桌面組件庫。訪問地址:element
axios
HTTP請求處理組件。訪問地址:axios
echarts
圖表展示組件。訪問地址:echarts
Vue-SimpleMDE
Vue.js的Markdown Editor組件。訪問地址:Vue-SimpleMDE
Vue.Draggable
基於Vue的可拖拽組件。訪問地址:Vue.Draggable
v-contextmenu
基於Vue右鍵菜單組件。訪問地址:v-contextmenu
vue-cropperjs
基於Vue的圖片裁剪處理。訪問地址:vue-cropperjs
inline-attachment
基於Vue的圖片文件拖拽上傳和粘貼板截圖快捷上傳處理。訪問地址:InlineAttachment
html2canvas
html直接轉換為canvas圖形。訪問地址:html2canvas
gantt-elastic
增強型甘特圖插件。訪問地址:gantt-elastic
json2csv
表格導出下載到本地。訪問地址:json2csv
kityminder-core
百度腦圖核心控件。訪問地址:kityminder-core
js-sha256
SHA256加密JS版。訪問地址:js-sha256
vue-markdown
markdown展示組件。訪問地址:vue-markdown
效果圖
系統操作基本流程圖
詳細邏輯控制描述