㈠ activiti可以在前端頁面修改流程圖嗎
Activiti默認用的事H2資料庫，要想讓activiti使用獨立運行的H2或者其他資料庫，可以修改activiti explorer web應用的WEB-INF/CLASSES目錄下的db.properties
㈡ （前端開發）在網頁上顯示這種工作流流程圖，該用什麼方法
這種插件貌似沒有，不過就我知道的技術實現手段倒是有
http://raphaeljs.com/graffle.html
樓主耐心點改下代碼應該可以
㈢ vue實現可配置流程圖
最近項目中有一個需求，實現可配置的流程圖。做之前也是調研了很多現成的插件，比如：go.js，G6，JSPlumb等，但是都不是太符合業務場景，都需要看文檔，進行二次開發。最後決定還是自行開發吧，現在還沒有開發完，這篇文章也當做是一個記錄吧
先上圖，看一下現在的效果。
因為傳視頻要沖會員，所以沒有上傳視頻（太窮了。。。。）
根據後端返回的數據展示流程圖，並且點擊加號可以新增串列或並行的構建節點，同樣，可以刪除對應的節點及子任務
接下來，我會說一下我實現這個效果的思路
1.我們的數據格式是JenkinsFile，可以自行網路一下
以上圖為例：紅色區域內為前端寫死的，中間的數據是由後端返回的數據渲染出來的。所以我們要找出同樣的內容作為一個div，並將它進行循環，上圖中我把藍色區域作為一個div，其中的
1.箭頭和橢圓形的節點分別是icon和一個div組成的
2.利用偽類元素:before,:after寫出前後面的兩根線
3.通過判斷下標，決定是否兩個元素中間需要連線，途中黑色區域的線是通過svg來實現
以上就是當前效果的一個實現思路，後續會不斷更新。
㈣ 前端開發的工作流程是怎樣的
前端開發具體開發過程基本如下：
1、根據UI的界面圖進行切圖，這里切圖其實也有自動化的工具。
2、使用html對切出來的東西進行映射開發，做頁面結構，看到幾個部分就對應幾個模塊，從大到小，從外到內，從公共到獨立。
3、使用css做樣式設計，具體分析模塊大小、位置、顏色，做盒模型等等。另外，可以分成三個組，一是重置樣式，用於修改一些不合適的默認格式。二是公共樣式，主要是頭尾以及LOGO等很多頁面都會用到的樣式；三是獨立樣式，用於只使用一次的樣式。
4、使用JS做交互動作。當然，還需要根據與後端之前的討論做數據傳輸介面。
5、自己debug一下，如果有bug要改。
(4)前端自定義流程圖擴展閱讀：
前端開發是創建Web頁面或app等前端界面呈現給用戶的過程，通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用戶界面交互。它從網頁製作演變而來，名稱上有很明顯的時代特徵。
在互聯網的演化進程中，網頁製作是Web1．0時代的產物，早期網站主要內容都是靜態，以圖片和文字為主，用戶使用網站的行為也以瀏覽為主。隨著互聯網技術的發展和HTML5、CSS3的應用，現代網頁更加美觀，交互效果顯著，功能更加強大。
㈤ 前端項目的開發流程
前端開發流程概述
前端開發流程可分為需求分析、開發階段、測試階段、維護階段，下面分別進行敘述。
2.1 需求分析
這個環節中，首先是和客戶進行交流，了解客戶的需求，然後分析項目的可行性，撰寫項目需求文檔。如果項目可行，則起討論具體方案，分模塊分步驟進行規劃，分析項目進度安排、所需成本，進行原型設計（包括頁面布局圖，頁面邏輯流程圖，說明文檔等。通過原型設計，可以讓項目組和客戶都可以對項目有一個直觀感受，同時可以低成本高效率的復現業務場景和各模塊流程）。
可以說需求分析階段是整個前端項目的基礎，基礎不牢，地動山搖。可以試想，如果和客戶溝通不順暢，有的方面客戶沒搞清楚是什麼效果，開發完成後就可能與客戶發生糾紛；如果可行性有問題，有的模塊很難實現或成本超出預算，就很難處理。
2.2 開發階段
這個環節是前端工程師主要參與的部分，按照需求分析階段的規劃按步驟完成任務。
根據產品需求分析文檔和原型圖進行UI設計，對產品的整體美術風格、交互設計、界面結構、操作流程等做出設計。負責項目中各種交互界面、圖標、LOGO、按鈕等相關元素的設計與製作。
根據UI設計進行規劃，提取界面中可以復用的模塊方便重復利用，分析界面是否有實現難度比較困難的地方，進行溝通和功能排期，按功能大小以及難度進行功能時間的評估，和後端溝通好排期時間，保證大家能夠更有效地開發合作，針對功能復雜的地方要先理清思路。
不要盲目開發前端搭建框架。根據設計圖進行前端界面開發，以及遇到的問題及時與產品、UI、後台人員溝通，保持大家信息一致，針對不清楚的地方也要及時溝通，以免做錯功能。
根據後端介面進行欄位填充，以及部分功能開發。針對缺少的欄位或者數據結構進行提出，及時與後端反應，盡量讓大家都能以最小的改動完成後續開發工作。前後端都要按照規范進行開發，針對不規范的地方要給與提出、指正，營造出規范的工作模式，以後維護成本和溝通成本更低以及開發效率更高。如果前端的設計進度遠遠超前後端的介面和數據結構設計，也不必等後端，可以自行開發nodejs伺服器配合postman等介面軟體進行開發。
前後端功能聯調、完成自測。檢查功能完成情況，看是否有遺漏，出現問題及時溝通解決。
2.3 測試階段
發布測試、修改bug、發布上線，自測完成後提交測試，測試根據提交的項目以及需求進行測試，提出bug給相關人員修改，開發人員周期性的配合修改bug，保證今天能夠修復昨天的bug。
發布dev環境，配合測試，修復bug以及需求優化
發布test環境，修復bug以及需求優化
發布it環境，修復bug以及需求優化
發布pre環境，修復bug以及需求優化
pre驗收之後，發布線上環境，產品進行驗收
2.4 維護階段
如果客戶驗收通過，項目就進入了維護階段，程序的維護包括程序上線後後續bug的修復和程序版本的更新。
3 個人經驗總結
3.1 文檔很重要
前端項目的文檔似乎已經作為前端工程化的標准流程之一了，文檔寫的好，可以便於同事快速了解你的代碼功能和需求，便於協作。可以想像，隨之項目復雜度增加，體量越來越龐大，開發團隊人數也越來越多。這種情況下，如果像變魔術一樣隱匿中間流程而直接得出結果，後果可想而知：項目復雜度越增加就越難以管理，開發效率低，合作混亂，結果甚至導致項目死亡。
好的文檔看起來就像一個產品說明書，但作用卻遠遠超過了說明書，不僅僅告訴你如何使用，還應該告訴你項目的設計思路，用了哪些組件，哪些部分不完善，將來有什麼規劃等等。這是一份比較好的說明文檔。
3.2 與客戶及時溝通很重要
3.3 扎實的基本功很重要
盡管當下框架、函數庫、工具包等更新迭代非常快，前端工程師有很多新的知識要學，但原生JS、HTML和CSS依然是重要的基本功，在學習前沿工具的同時不能放棄基本功的訓練。
㈥ 求一份APP前端設計（包括從流程圖到效果圖，到前端開發實現）的開發時間評估文檔模板
前端工作是指售前?、
還是說開發展現層?
j2ee方向的我給你提供點信息吧:
1、JSP，HTML，CSS，JS(常用的庫，和基本語法)、ajax技術。
2、java基礎語法，常用的框架，如:struts，hibernate，spring，ibatis，mybatis
3、資料庫:MYsql，sqlserver，oracle等
4、工具:資料庫設計工工具，流程圖工具，office，郵件
5、伺服器:linux，windows
6、計算機相關:硬體，內存，操作系統相關知識等等。
太多了，你具體說說你想知道哪些?
㈦ 求可視圖化編輯的web前端框架，可隨意自定義組態畫面
不得不推薦 HT for Web，滿足你這個要求可以說是非常容易的，而且我看他們官網上好像有一個你這個圖類似的，我找找圖
這幾個都跟你的圖類似吧 我覺得還是很強的一個框架，上手很容易倒是，是收費的
㈧ 我是做web前端的，要實寫一個流程圖，不會寫，沒思路，求指教
如果這個流程圖是固定的，也就是說是不會隨著數據，改變位置的話，那就做五行七列的格子，然後往格子里加東西應該就可以了。像那個藍色四個角，你可以在這個包裹電話的小盒子里，定位四個小正方形，定位到四個角上。
例外那個每個圖標樣式都是固定的上圖下文，上圖帶四個小正方形的交互，並且大部分帶箭頭，可以寫公共樣式。像那些線，如果嫌麻煩，可以用圖片代替，定位上去。
㈨ 前端開發框架是什麼
常見的web前端開發框架如下：
1、Bootstrap：
主流框架之一，Bootstrap 是基於 HTML、CSS、JavaScript的，它簡潔靈活，使得 Web 開發更加快捷。
2、html5-boilerplate：
該框架可以快速構建健壯，且適應力強的web app或網站。
3、Meteor：
Meteor是新一代的開發即時web應用的開源框架，它能在較短時間內完成開發。
4、Materialize：
基於材料設計的現代化響應式前端框架。可提供默認的樣式，自定義組件。此外，Materialize還改進動畫和過渡，為開發人員提供流暢的體驗。
5、Amaze UI：
首個開源HTML5跨屏前端框架產品系列，中文排版前端的學習都是需要不斷的學習，學一天停一停相當於白學，學習效果很差，如果你想有人一起學習可以來這個扣裙，首先是132 中間是667最後是127 都是零基礎的同學，大家相互鼓勵 共同努力 只是學著玩就不建議來了!!!支持更優、本土化組件豐富。該產品系列中有專門針對移動端的HTML5混合應用開發框架Amaze UI Touch以及針對跨屏HTML5網頁開發的Amaze UI Web。
(9)前端自定義流程圖擴展閱讀：
web框架程序的作用：
Web框架使得在進行Web應用開發的時候，減少了工作量。Web框架主要用於動態網路開發，動態網路主要是指現在的主要的頁面，可以實現數據的交互和業務功能的完善。
使用Web框架進行Web開發的時候，在進行數據緩存、資料庫訪問、數據安全校驗等方面，不需要自己再重新實現，而是將業務邏輯相關的代碼寫入框架就可以。也就是說，通過對Web框架進行主觀上的「縫縫補補」，就可以實現自己進行Web開發的需求了。
以PHP為例，PHP可以在apache伺服器上進行Web開發，而不必使用框架。使用PHP進行開的時候，在不適用框架的情況下，資料庫連接就需要自己來實現，頁面的生成和顯示也是一樣。比如框架的話可以完成避免sql注入的工作，而使用PHP在不用框架的情況下，這部分要自己做。
㈩ 前端小萌新必知必會 之 實現自定義Gulp插件
隨著 node 的出現， javascript 的舞台越來越大，能做的事情越來越來。
本篇，我們來聊一聊前端工程化構建工具 Gulp , 並定製符合特定需求的 Gulp 插件 。
Gulp是一個自動化和增強工作流的工具包利用Gulp和JavaScript的靈活性來自動化緩慢、重復的工作流，並將它們組合成高效的構建管道。
廢話說完，接下來，都是干貨啦！
完全展開以後是這樣的
注意， 如果希望 gulpfile 文件也能寫es6 語法， 需要裝個庫： yarn add @babel/register。所有已配好，此處用的是 gulp.babel.js
下面一個一個來分解：
package.json
先用 yanr install 裝一下需要用到的包
1. 關於 gulp 的pipe
pipe 意味管道， 很好理解，文件流通過 pipe 管道， 那麼就可以在這個過程中對文件流進行操作，定製自己的需求。 所有的處理都是在 pipe 中進行的。例如上圖中的例子,
！！那麼同理： 我們也可以加入自己寫的 gulp 插件 對文件流進行處理
2.實現
我們先來實現一個很簡單的功能， 比如 在所有的 js 文件里添加註釋 this is js， 在所有css 文件里添加註釋 this is css， 在所有其他類型的文件里添加 this is other。 具體實現如下：
selfPlugin.js