ruoyi-nbcio版本从RuoYi-Flowable-Plus迁移过程记录

本文涉及的产品
云数据库 RDS MySQL,集群系列 2核4GB
推荐场景:
搭建个人博客
RDS MySQL Serverless 基础系列,0.5-2RCU 50GB
RDS MySQL Serverless 高可用系列,价值2615元额度,1个月
简介: ruoyi-nbcio版本从RuoYi-Flowable-Plus迁移过程记录

更多ruoyi-nbcio功能请看演示系统

gitee源代码地址

前后端代码: https://gitee.com/nbacheng/ruoyi-nbcio

演示地址:RuoYi-Nbcio后台管理系统

KonBAI / RuoYi-Flowable-Plus

项目移植过来,开始用yarn install之后yarn run dev 还是有问题

用yarn install与yarn run dev出现下面错误

> ruoyi-nbcio@1.0.0 dev
> vue-cli-service serve
 INFO  Starting development server...
98% after emitting CopyPlugin
 ERROR  Failed to compile with 3 errors                                                                         16:57:27
These dependencies were not found:
* core-js/modules/web.url-search-params.delete.js in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/b
abel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./sr
c/plugins/package/designer/ProcessDesigner.vue?vue&type=script&lang=js&
* core-js/modules/web.url-search-params.has.js in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babe
l-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/p
lugins/package/designer/ProcessDesigner.vue?vue&type=script&lang=js&
* core-js/modules/web.url-search-params.size.js in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/bab
el-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/
plugins/package/designer/ProcessDesigner.vue?vue&type=script&lang=js&
To install them, you can run: npm install --save core-js/modules/web.url-search-params.delete.js core-js/modules/web.url
-search-params.has.js core-js/modules/web.url-search-params.size.js

后来用npm install 再npm run dev 正常了。

ruoyi-vue-pro 项目开始npm install的时候报

peer eslint@">= 1.6.0 < 7.0.0" from @vue/cli-plugin-eslint@4.5.18

后来用npm install --legacy-peer-deps正常了

原因是

无法下载项目依赖,经过百度了解发现是我的npm版本高无法解析依赖树导致依赖下载失败,可执行命令:npm install --legacy-peer-deps,绕过dependency里依赖的进行自动安装,最终问题解决,项目成功运行。

后端启动报下面错误

2023-09-18 16:22:43.452 | [1;31mERROR 14668[0;39m | [1;33mmain [TID: N/A][0;39m [1;32mcom.alibaba.druid.pool.DruidDataSource [0;39m | init datasource error, url: jdbc:mysql://192.168.199.151:3306/ruoyi-vue-pro?useSSL=false&serverTimezone=CTT&allowPublicKeyRetrieval=true
java.sql.SQLNonTransientConnectionException: Could not create connection to database server.

数据库连接要修改成5.7可以连接的方式

备注掉的是原来应该是连接mysql8 了吧

master:
          name: ruoyi-vue-pro
          url: jdbc:mysql://192.168.199.151:3306/${spring.datasource.dynamic.datasource.master.name}?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=false&serverTimezone=GMT%2B8&autoReconnect=true&rewriteBatchedStatements=true&nullCatalogMeansCurrent=true
          #url: jdbc:mysql://192.168.199.151:3306/${spring.datasource.dynamic.datasource.master.name}?useSSL=false&serverTimezone=CTT&allowPublicKeyRetrieval=true
          #driver-class-name: com.mysql.jdbc.Driver
          driver-class-name: com.mysql.cj.jdbc.Driver
          username: root
          password: mastermysql

后端端口原先设置成48080好像容易被其它系统占用,后来修改成9088了

另外流程模块被禁用了

用local运行就可以了。

主要是yml的参数  demo: false # 关闭演示模式

运行后,本来想写个公告,结果演示模式,不能写入

ruoyi-vue-pro 项目虽然开源,但是bpm模块被屏蔽了

youdao根目录下面的pom.xml文件去掉下面注释

<module>yudao-module-bpm</module>

同时youdao_server.下面的pom.xml去掉下面注释

<!-- 工作流。默认注释,保证编译速度 -->
<dependency>
<groupId>cn.iocoder.boot</groupId>
<artifactId>yudao-module-bpm-biz</artifactId>
<version>${revision}</version>
</dependency>

增加两个组件

"viser-vue": "^2.4.8",
"ant-design-vue": "^1.7.2",

main.js里增加

import Antd, { version } from 'ant-design-vue'
import Viser from 'viser-vue'
import 'ant-design-vue/dist/antd.less';  // or 'ant-design-vue/dist/antd.less'
 
Vue.use(Antd)
Vue.use(Viser)

npm run dev报错

Inline JavaScript is not enabled. Is it set in your options

需要在 vue.config.js 文件里增加下面的less的内容

css: {
    loaderOptions: {
      sass: {
        sassOptions: { outputStyle: "expanded" }
      },
      less:{
        javascriptEnabled: true
      }
    }
  },

websocket采用jeecg机制,就是redis订阅发布方式,但不能对在线用户进行实时发送到用户,就是说在线发送出现问题,其它正常。

暂时在下面发送到redis的时候也pushMessage一下到在线的客户端,原先jeccg不需要,原因还不明白。

SysNoticeSend noticeSend = new SysNoticeSend();
        noticeSend.setNoticeId(noticeId);
        noticeSend.setUserId(sysUser.getUserId());
        noticeSend.setReadFlag(Constants.NO_READ_FLAG);
        sysNoticeSendMapper.insert(noticeSend);
        JSONObject obj = new JSONObject();
        obj.put(WebsocketConst.MSG_CMD, WebsocketConst.CMD_USER);
        obj.put(WebsocketConst.MSG_USER_ID, sysUser.getUserName());
        obj.put(WebsocketConst.MSG_ID, notice.getNoticeId());
        obj.put(WebsocketConst.MSG_TXT, notice.getNoticeTitle());
        webSocket.sendMessage(sysUser.getUserName(), obj.toJSONString());
        webSocket.pushMessage(sysUser.getUserName(), obj.toJSONString());

动态加载组件老是出现下面问题

鼠标放上上面的位置出现下面内容,双击可以拷贝

function component() {
          return function (specifier) {
            return new Promise(function (r) {
              return r(specifier);
            }).then(function (s) {
              return (0, _interopRequireWildcard2.default)(__webpack_require__("./src/views/workflow/mixins sync recursive")(s));
            });
          }("@/views/workflow/demo/wf");
        }

与nbcio-boot的前端项目好像不一样,

nbcio-vue前端项目是下面的内容

function component() { return __webpack_require__.e(/*! import() */ 120).then(__webpack_require__.bind(null, /*! @/views/flowable/demo/modules/TestDemoForm */ "./src/views/flowable/demo/modules/TestDemoForm.vue")); }
奇怪了,在flowableMixin修改成如下反而正常了
{
            text:'单表示例',
            routeName: '@/views/workflow/demo/wf',
            component: () => import('@/views/workflow/demo/wf'),
            businessTable:'wf_demo'
          },
相关实践学习
如何在云端创建MySQL数据库
开始实验后,系统会自动创建一台自建MySQL的 源数据库 ECS 实例和一台 目标数据库 RDS。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心,利用清洁计算为万物互联的新世界提供源源不断的能源动力,目前开服的区域包括中国(华北、华东、华南、香港)、新加坡、美国(美东、美西)、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程,来了解阿里云能够为你的业务带来哪些帮助 &nbsp; &nbsp; 相关的阿里云产品:云服务器ECS 云服务器 ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
相关文章
|
6月前
|
前端开发
基于若依ruoyi-nbcio支持flowable流程增加自定义业务表单(二)
基于若依ruoyi-nbcio支持flowable流程增加自定义业务表单(二)
276 1
|
6月前
|
前端开发
基于RuoYi-Flowable-Plus的若依ruoyi-nbcio支持自定义业务表单流程(二)
基于RuoYi-Flowable-Plus的若依ruoyi-nbcio支持自定义业务表单流程(二)
399 2
|
6月前
|
前端开发
基于RuoYi-Flowable-Plus的若依ruoyi-nbcio支持自定义业务表单流程(一)
基于RuoYi-Flowable-Plus的若依ruoyi-nbcio支持自定义业务表单流程(一)
161 1
|
6月前
基于若依ruoyi-nbcio支持flowable流程分类里增加流程应用类型
基于若依ruoyi-nbcio支持flowable流程分类里增加流程应用类型
156 1
|
6月前
|
SQL JavaScript 前端开发
基于若依ruoyi-nbcio支持flowable流程增加自定义业务表单(一)
基于若依ruoyi-nbcio支持flowable流程增加自定义业务表单(一)
483 2
|
6月前
基于若依ruoyi-nbcio支持flowable流程增加自定义业务表单(三)
基于若依ruoyi-nbcio支持flowable流程增加自定义业务表单(三)
303 1
|
6月前
|
前端开发 应用服务中间件
ruoyi-nbcio移植过程中的一些问题记录
ruoyi-nbcio移植过程中的一些问题记录
37 0
|
6月前
|
SQL 前端开发 数据库
基于RuoYi-Flowable-Plus的若依ruoyi-nbcio支持自定义业务表单流程的集成方法与步骤(一)
基于RuoYi-Flowable-Plus的若依ruoyi-nbcio支持自定义业务表单流程的集成方法与步骤(一)
289 2
基于RuoYi-Flowable-Plus的若依ruoyi-nbcio支持自定义业务表单流程的集成方法与步骤(一)
|
6月前
|
前端开发
基于RuoYi-Flowable-Plus的若依ruoyi-nbcio支持自定义业务表单流程(四)
基于RuoYi-Flowable-Plus的若依ruoyi-nbcio支持自定义业务表单流程(四)
86 1
基于RuoYi-Flowable-Plus的若依ruoyi-nbcio支持自定义业务表单流程(四)
|
6月前
|
SQL 前端开发
基于RuoYi-Flowable-Plus的若依ruoyi-nbcio支持自定义业务表单流程(五)
基于RuoYi-Flowable-Plus的若依ruoyi-nbcio支持自定义业务表单流程(五)
137 2