workflow-engine-web/flowable-engine-web/docs/assets/js/13.d9051975.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[13],{396:function(s,a,t){"use strict";t.r(a);var e=t(27),n=Object(e.a)({},(function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[t("h1",{attrs:{id:"项目介绍"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#项目介绍"}},[s._v("#")]),s._v(" 项目介绍")]),s._v(" "),t("h2",{attrs:{id:"依赖相关"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#依赖相关"}},[s._v("#")]),s._v(" 依赖相关")]),s._v(" "),t("p",[s._v("本项目基于 "),t("code",[s._v("Vue2.x")]),s._v("、"),t("code",[s._v("ElementUI")]),s._v("  构建，css使用 "),t("code",[s._v("Less")]),s._v("，请注意"),t("code",[s._v("node")]),s._v("与"),t("code",[s._v("less")]),s._v("的版本兼容问题")]),s._v(" "),t("h2",{attrs:{id:"目录结构"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#目录结构"}},[s._v("#")]),s._v(" 目录结构")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("└─src\n    ├─api （Api接口）\n    ├─assets （静态资源）\n    │  └─image\n    ├─components （公共组件，空）\n    │  └─common\n    ├─router （路由）\n    ├─store\t（Vuex）\n    ├─utils\t（工具函数）\n    └─views\t（页面）\n        ├─admin\t（表单流程设计器）\n        │  └─layout\t（布局设计）\n        │      ├─form\t（表单布局设计）\n        │      └─process\t（流程布局设计）\n        ├─common\t（组件）\n        │  ├─form\t（表单组件）\n        │  │  ├─components\t（拖拽设计的表单元素组件）\n        │  │  └─config\t（表单元素组件的右侧配置项面板组件）\n        │  └─process\t（流程组件）\n        │      ├─config\t（流程设计的流程节点组件的配置面板组件）\n        │      └─nodes\t（流程设计的流程节点组件）\n        ├─process\t（空）\n        │  └─node\n        └─workspace （工作区，发起流程，设计出来的流程列表）\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br")])]),t("h2",{attrs:{id:"集成到现有前端项目"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#集成到现有前端项目"}},[s._v("#")]),s._v(" 集成到现有前端项目")]),s._v(" "),t("h3",{attrs:{id:"vue项目"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#vue项目"}},[s._v("#")]),s._v(" vue项目")]),s._v(" "),t("h4",{attrs:{id:"仅使用流程设计器"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#仅使用流程设计器"}},[s._v("#")]),s._v(" 仅使用流程设计器")]),s._v(" "),t("p",[s._v("流程设计器入口文件为 "),t("code",[s._v("src\\views\\admin\\layout\\ProcessDesign.vue")]),s._v(" ，与之相关的所有文件都要引入，主要文件在下图所示，或者也可以参考"),t("code",[s._v("master-precessDesign")]),s._v("分支（不一定最新）")]),s._v(" "),t("img",{staticStyle:{zoom:"33%"},attrs:{src:"https://pic.rmb.bdstatic.com/bjh/185556f44bdd7c99c427cfde4039b578.png",alt:"image-20220731221004670"}}),s._v(" "),t("h4",{attrs:{id:"使用整个表单流程设计器"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#使用整个表单流程设计器"}},[s._v("#")]),s._v(" 使用整个表单流程设计器")]),s._v(" "),t("p",[s._v("表单流程设计器入口在 "),t("code",[s._v("src\\views\\admin\\FormProcessDesign.vue")]),s._v("，可以直接引入")]),s._v(" "),t("p",[s._v("如果你也需要那个表单列表，文件为 ``src\\views\\adminFormsPanel.vue`")]),s._v(" "),t("h3",{attrs:{id:"其他框架"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#其他框架"}},[s._v("#")]),s._v(" 其他框架")]),s._v(" "),t("p",[s._v("如果是其他不兼容的框架/版本，可以单独部署成一个独立的前端项目，再使用 "),t("code",[s._v("<iframe>")]),s._v(" 进行引入")])])}),[],!1,null,null,null);a.default=n.exports}}]);