WEB端源码说明

部署开发环境

1、 安装node

node官网：https://nodejs.org/en/

历史版本 https://nodejs.org/en/download/releases/

建议安装LTS稳定版 版本在12或以上 安装路径C盘除外

查看node版本和npm版本

2、 运行项目

初次运行项目，需要下载依赖，在vue根目录下使用cmd打开命令行窗口

执行 npm install 或者**npm i**，依赖下载完毕，执行**npm run serve**

运行项目

3、 代理地址，运行源码之前，箭头处必须修改为目标地址和端口，比如tomcat的地址，或者项目的测试地址

源文件目录结构说明

1、 根目录

2、 public文件

说明

iwebapp：软航签章

**js：**重点在obpm.config.js，判断是4.4或者是5.0版本，并且可修改默认obpm项目名

logo：**可动态替换首页logo图标

**pdf：**文件预览模块文件

**UEditor：**百度编辑器

**wps：**金山WPS，支持在线预览，在线编辑文件

3、 src文件

说明

**assets：**样式、js，图片，图标等文件

**i18n：**多语言

**views：**路由组件

expandedComponents：**除视图，表单控件，widget外封装的其他组件

api.js：**接口文件，所有的接口都在该文件内

Constant.js：**定义常量并暴露出去，主要是表单控件的只读，可编辑，隐藏，不可用等变量

main.js：**elementui等包的引入和全局使用

router.js：**路由文件

store.js：**vux状态管理

components（views**）：**包括表单控件，视图，widget，流程中心等组件，组件层级结构如下图：

公共组件

文件夹 src->**components：**

activity.vue：表单，视图按钮的组件

collapse_activity.vue：表单，视图折叠按钮

approvers.vue：流程状态，历史的组件

dialog.vue：弹窗组件

excel_upload.vue：excel导出组件

form_print.vue：表单打印组件

form_searchform：高级查询表单

form_selectApprover_flowpanel.vue：指定用户选择框

form_new_flowpanel.vue：流程提交页面

皮肤

打包发布

1、 在vue的根目录下进入命令行窗口，执行 npm run build，dist目录下为打包后的文件，如果要替换前端文件，复制dist目录下的文件，替换tomcat或服务器下的vue文件

文档更新时间: 2023-09-12 10:37 作者：admin