操作流程
登录平台说明
开发中心
访问地址:http[s]://域名/developer (如:http://testpai.zschzhcs.com/developer )
账号密码:xiwan / *工作台
访问地址:http[s]://域名/workbench (如:http://testpai.zschzhcs.com/workbench )
账号密码:
沙箱:13012345678 / *
生产:xiwan / *控制台
用企业管理员进入工作台后,我的 - 控制台,进入Nacos
访问地址:http://testpai.zschzhcs.com:32018/nacos
账号密码:nacos / *Kuboard
访问地址:http[s]://域名:30080 (如:http://testpai.zschzhcs.com:30080 )
账号密码:xiwan / *Minio
访问地址:http://10.21.6.204:30007/minio/
admin / *roma
ROMA 地址 https://roma.zschzhcs.com/roma/#/
访问本地要配置HOST
10.5.48.101 roma.zschzhcs.com
zhanglei *
演示代码工具包下载
见附件
- 后端基本代码
- PC、APP表单代码
- maven私仓配置文件
- pai安装包
pai工具安装
应用创建
创建套件
应用名称:人事管理
应用标识:cn.xiwan.hr
应用范围:园区
创建工程
打开pai
工具
xw login #登录开发者账号密码
cd #到工程存储目录
xw create service -n pai-hr -s cn.xiwan.hr #创建后端工程
xw create front -n pai-hr-ui -s cn.xiwan.hr #创建前端工程
设置数据源
- 进入
人事 管理
套件 - 找到
工程管理
- 找到
后端工程 - 更多 - 配置管理 - 数据源配置
- 设置
jdbc
内容并保存,关闭窗口
jdbc:mysql://101.33.221.183:3306/demodb?serverTimezone=Asia/Shanghai
demodb
jhxF8SHMbXdCDwkx
- 点击
数据库管理
- 创建
tb-leave
表,创建name\days\start_time\end_time\reason字段并保存
后端工程初始化
设置nacos
- 进入nacos后台
- 选择
dev
命名空间,复制dev
命名空间namespace
编码5a1495ca-cdce-4c82-8b38-ddce5ae3c8c9
- 选择一个已有的工程配置,克隆
- 选择目标空间为
dev
,设置克隆的Data id
为工程名-dev.yaml
(如:pai-hr-dev.yaml
),开始克隆 - 修改配置文件中的jdbc部分
设置工程
- 使用
IDEA
打开后端工程 Setting/Preferences
找到maven
设置User setting file
,勾选Overrider
,设置路径为setting.xml
文件- 找到
bootstrap-dev.yml
文件,设置namespace
为nacosdev
命名空间编码,设置server-addr
为当前访问域名(如:http://testpai.zschzhcs.com ,如果以后用正式域名要记得换
) - 修改
pom.xml
文件,复制以下内容到</dependencies>
之前
<dependency>
<groupId>cn.flyrise</groupId>
<artifactId>pai-common-mc</artifactId>
<scope>test</scope>
</dependency>
<dependency>
<groupId>cn.flyrise</groupId>
<artifactId>pai-common-test</artifactId>
<scope>test</scope>
</dependency>
<dependency>
<groupId>cn.flyrise</groupId>
<artifactId>pai-common-oss</artifactId>
</dependency>
<dependency>
<groupId>cn.flyrise</groupId>
<artifactId>pai-common-cache</artifactId>
</dependency>
- 将工具包中
后端工程.zip
中main
文件夹覆盖至工程目录(这一步是将数据库表中的代码生成下来,后面根据自己的业务写po\vo\controller) - 找到
Application.java
文件,在main
函数进行run、debug - 运行成功,访问
http://localhost:8080/doc.html
能看到swagger文档及controller接口 - 使用
maven package
进行打包 - 编辑
Deployment.yaml
,将文件中pai-testone
改为工程名,image
改为harbor私仓的镜像地址,文件格式如下:
apiVersion: apps/v1
kind: Deployment
metadata:
name: pai-testone
labels:
app: pai-testone
k8s.kuboard.cn/layer: 'svc'
namespace: xiwan
spec:
replicas: 1
selector:
matchLabels:
app: pai-testone
template:
metadata:
labels:
app: pai-testone
spec:
containers:
- name: pai-testone
image: dev.flyrise.cn:8082/pi-lz/pai-testone:0.0.1
envFrom:
- configMapRef:
name: pai-env-base
imagePullPolicy: IfNotPresent
ports:
- containerPort: 8080
protocol: TCP
- containerPort: 2201
protocol: TCP
readinessProbe:
failureThreshold: 3
initialDelaySeconds: 30
periodSeconds: 10
successThreshold: 1
tcpSocket:
port: 8080
timeoutSeconds: 1
dnsConfig:
nameservers:
- 114.114.114.114
terminationGracePeriodSeconds: 60
---
apiVersion: v1
kind: Service
metadata:
name: pai-testone
namespace: xiwan
labels:
app: pai-testone
spec:
type: NodePort
ports:
- name: web
port: 8080
protocol: TCP
targetPort: 8080
- name: health
port: 2201
protocol: TCP
targetPort: 2201
selector:
app: pai-testone
- cd到工程根目录,运行
docker build -t dev.demo.cn:8082/pi-lz/pai-testone:0.0.1 .
生成镜像,运行docker push dev.flyrise.cn:8082/pi-lz/pai-testone:0.0.1
推送镜像至harbor - 登录Kuboard,进入
xiwan
命名空间,通过yaml拉取harbor镜像进行部署,选择Deployment.yaml
文件自动拉取 - 后端部署成功
前端工程初始化
- vscode打开前端工程,找到
.npmrc
文件,当前为华为源,改为淘宝源
# sass_binary_site=https://repo.huaweicloud.com/node-sass
# phantomjs_cdnurl=https://repo.huaweicloud.com/phantomjs
# electron_mirror=https://repo.huaweicloud.com/electron/
# registry=https://repo.huaweicloud.com/repository/npm/
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
phantomjs_cdnurl=https://npm.taobao.org/mirrors/phantomjs/
electron_mirror=https://npm.taobao.org/mirrors/electron/
registry=https://registry.npm.taobao.org
- 找到
nuxt.config.js
文件,设置SERVER_URL
值为当前域名(如:http://testpai.zschzhcs.com/ );设置proxy
节点,在...LOCAL_PROXY,
下复制以下代理:
//testone为工程名称
'/api/testone-api/': {
target: 'http://localhost:8080', // 服务器
changeOrigin: true,
pathRewrite: {
'^/api/testone-api': '', // 把 /api 替换
},
},
- 打开终端,运行
npm install
,安装依赖完成后,执行npm run dev
启动服务成功运行
创建流程表单
- 在应用套件创建表单,并通过选择数据源,生成表单,并复制
表单ID
- 将工具包中
PC及APP表单.zip
解压,将form-leave
(换个文件夹名称),粘贴到static/form
目录下 - 修改
meta.json
,将表单ID
复制到formId
,并对表单命名 - 执行
npm run build:form
对表单进行编译 - 执行
xw form deploy -n tb-leave-form
发布表单
创建流程
- 在应用套件创建流程,并设置图标、选择发布的表单
- 设置默认流程节点,保存
沙箱测试
- 点击安装,选择应用套件,保存
- 登录沙箱账号,进入控制台,选择应用,配置流程,设置节点,保存,发布
- 进入工作台,找到流程中心,找到表单,发起
OSS
Reids
文档更新时间: 2024-08-05 14:41 作者:姚连洲