蓝鲸MES技术开发框架

蓝鲸MES生产制造执行系统采用后端 .NET Core + 前端 Vue3 的主流技术架构,配套自研代码生成器与基础框架,让开发人员极少手写代码即可完成业务模块的生成、扩展与发布。本栏目面向实施与二次开发人员,系统阐述从代码生成、后台扩展到系统主控台配置的全流程。

一、代码生成器:零代码生成业务模块

蓝鲸框架提供可视化代码生成器,以"表/视图"为单元,一键生成后端 Model、业务类(Service/Repository)以及前端 Vue 页面,并自动完成菜单与权限注册。

1.1 选择菜单:代码生成

点击新建,弹出选择框;若是修改已有配置,可直接修改页面配置后点【保存】,再执行各类生成操作。

代码生成器-代码生成菜单入口
图1 代码生成菜单入口
1.2 填写需要生成表或视图的信息

点击确认后,系统自动从后台加载表结构信息(若仅生成空菜单,表名可随意填写)。关键参数:

填写项目命名空间、项目文件夹与表名
图2 填写命名空间、文件夹与表名
1.3 配置表结构信息

在表格中配置查询、新建、编辑字段(不配置则弹出框为空白)。可设置表别名以隐藏真实表名。配置完成后点击【保存】→【生成Vue页面】→【生成Model】→【生成业务类】即可(每次修改后都需先点保存)。

配置表结构的查询与新建、编辑信息
图3 表结构信息查询/编辑配置
1.4 查看生成完成的代码

生成后在 Visual Studio 中搜索当前表名即可看到后端代码;Vue 代码同步生成,可在 VS Code 中按表名搜索(文件名均以表名开头)。

VS中生成的Model与业务类文件
图4 后端 Model / 业务类代码
VS Code中生成的Vue页面
图5 前端 Vue 页面代码
1.5 菜单配置

Url:通过 VS Code 打开 Vue 项目,在 router/viewGird.js 中找到当前生成表的 path(如 /SellOrder)复制即可。表名:必须与生成代码时填写的表名/视图名一致,否则权限验证不通过。

菜单Url与表名配置
图6 菜单 Url 与表名配置
1.6 查看生成的页面

若后台启动的是 builder_run.bat 请先关闭,改由 WebApi/dev_run.bat 启动后台,访问 http://localhost:9990/sellOrder 即可看到自动生成的业务页面。

生成的销售订单业务页面
图7 自动生成的业务页面
1.7 代码生成器参数配置

核心配置项包括:项目命名空间、项目文件夹、表中文名、表别名(隐藏真实表名)、明细表名(生成主从表)、快捷编辑字段、排序字段、Vue 视图绝对路径等。

代码生成器参数配置表
图8 代码生成器参数配置表
二、后台开发:在生成代码之上扩展业务

蓝鲸框架后台开发遵循"在代码生成器生成的类上进行扩展"的原则。每个表都会生成对应的 Repository 与 Service,自定义接口与业务统一在 Partial 文件夹下实现(如 SellOrderService.cs 的 Partial/SellOrderService.cs)。

后台扩展实现Partial/SellOrderService.cs
图9 后台业务扩展(Partial 实现)
2.1 数据访问

框架封装了多种数据访问方式,均可在业务类中使用:

EF 默认开启 NoTracking,更新操作请调用 repository.Update;若报"实体已被跟踪"错误,更新前先调用 SellOrderRepository.Instance.Detached()。

2.2 常用扩展点
三、系统主控台与通用能力

蓝鲸基础框架内置大量开箱即用的通用能力,由系统管理员配置后即可被所有业务模块复用,无需重复开发。

3.1 数据源管理

框架支持多维度数据查询与分析报表,数据读取方式包括:直接从后台 API 读取、执行存储过程返回数据、以及 JSON 静态数据。数据源既可从数据库连接获取,也可在【系统→下拉框绑定设置】中配置 SQL 或字典,代码生成器选择后即自动完成前端绑定。

数据源-多维度查询与分析报表
图10 数据源:多维度查询与分析
数据源从数据库连接获取
图11 数据源从数据库连接获取
3.2 系统功能菜单管理

支持按菜单名称、菜单编号查找,查看完整功能菜单,以及我的常用菜单(可自定义)。代码生成器生成的菜单在此集中管理并参与权限分配。

系统功能菜单管理
图12 系统功能菜单管理
3.3 系统工作台及待办事项入口

工作台展示由管理员设定并授权的关键播报数据;待办事项入口可一键调出当前用户的所有待办工作。

系统工作台及待办事项入口
图13 系统工作台与待办入口
3.4 系统设置及已开模块

可修改密码、设定主题颜色、切换语言环境、退出系统,并通过已开模块在不同功能模块间快速切换。

系统设置及已开模块
图14 系统设置与已开模块
3.5 单据基础操作

系统单据分为单表与主次表两种形态。以销售订单为例:主表功能操作区(红色框选)提供查询、新建、编辑、删除、复制;勾选一条主表数据可进入编辑,也可直接点击蓝色行快捷编辑;子表(黑色框选)维护明细。

单据主表与子表功能操作区
图15 单据主表/子表功能操作区
3.6 查询方法与技巧

提供三种查询方式:①快速查询/联合快捷查询(按管理员设定字段模糊查询);②高级查询(弹出条件窗录入多条件);③查询生成器(自由定义并永久保存查询方案)。

快速查询与联合快捷查询
图16 快速/联合快捷查询
高级查询条件窗
图17 高级查询
查询生成器自定义查询方案
图18 查询生成器
3.7 单据导入、导出与 Excel 粘贴输入

支持从 Excel 导入(下载模板→编辑→上传,需通过规则校验),以及明细表"Excel 添加行"功能:下载模板后直接拷贝 Excel 数据粘贴,快速批量录入(调整字段顺序后模板需同步调整)。

Excel添加行批量粘贴输入
图19 Excel 粘贴批量输入
3.8 个性化设置界面

通过"定义"功能按钮配置个性化显示:勾选字段是否显示、拖动行调整顺序,保存即生效,也可重置恢复初始值。

个性化显示格式配置
图20 个性化界面设置
3.9 报表及报表定制

选择单据后单击打印,系统弹出本模块已设计的报表供选用;报表模板在【系统设置→报表管理】下定义与定制。

报表选择并打印
图21 报表打印与定制
3.10 复制单据

单选被复制单据后进入复制界面,在原数据基础上修改保存即生成新单据;自动编码规则的系统会自动生成新单号,手动编码则需自行输入。

复制单据操作
图22 复制单据
3.11 待办事项

在【系统设置→自定义配置→待办规则】中由管理员建立并授权(定义页面名称、详细页面路径、查询语句、数据列与状态);用户登录后可在待办入口查看并一键办理。

待办事项设置与授权
图23 待办规则设置与授权
待办事项授权用户
图24 待办事项用户授权
我的待办事项列表
图25 我的待办事项
四、前端运行效果(Vue3 业务界面示例)

代码生成器生成的 Vue3 页面直接构成业务功能。以下以"工程设计—产品模板"为例,展示框架生成的典型业务界面:左侧为产品模板列表与结构树,右侧为模板属性与工艺参数的编辑表单,均由表结构配置自动渲染。

工程设计-产品模板界面
图26 工程设计:产品模板界面(Vue3)
新建产品模板录入
图27 新建产品模板(表单自动生成)
五、小结

蓝鲸MES 以"后端 .NET Core + 前端 Vue3"为基础,借助代码生成器实现业务模块的零代码生成,再于 Partial 业务类中扩展复杂逻辑;系统主控台内置数据源、菜单、工作台、查询、导入导出、报表、待办等通用能力,使开发人员能把精力集中在业务本身。结合上述流程与图示,实施团队可快速完成从建表、生成、配置到上线的完整开发闭环。

工艺制程规划

查看该子系统完整功能说明、业务流程与应用场景

进入子系统

车间排程

查看该子系统完整功能说明、业务流程与应用场景

进入子系统

在制品管理

查看该子系统完整功能说明、业务流程与应用场景

进入子系统

车间执行

查看该子系统完整功能说明、业务流程与应用场景

进入子系统

设备管理

查看该子系统完整功能说明、业务流程与应用场景

进入子系统

计件工资管理

查看该子系统完整功能说明、业务流程与应用场景

进入子系统

成品包装

查看该子系统完整功能说明、业务流程与应用场景

进入子系统

蓝鲸MES技术开发框架

查看蓝鲸MES技术架构、代码生成与框架开发指南

进入栏目
X

蓝鲸客服中心

点击按钮可通过QQ进行沟通,请确认启动QQ

  • 业务咨询
    业务相关,请咨询售前客服,为避免丢失消息,请尽量添加好友
  • 售后支持
    点击这里给我发消息 蓝鲸 紧急电话:18046986669
    售后问题处理,请QQ在线售后技术,或者提交服务请求,我们会尽全力解决您的问题
  • 投诉/合作
    邮箱:蓝鲸顾问
    我们会全力以赴满足您的服务请求