AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

基于jeecgboot的主从表改造成抽屉式的字典操作模式

2024-05-10 252
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 基于jeecgboot的主从表改造成抽屉式的字典操作模式

1、通过标准的jeecgboot 基于online表单开发 标准的单表生成代码

如商品属性 主表和商品属性值 从表，都是单表形式生成代码，不需要进行关联

实际操作也是单表单表操作，但通过前端进行关联起来

2、改造ErpGoodsPropertyList.vue

如下增加一个操作界面

 

引入 ErpGoodsPropertyItemList组件，就是下面三个划线部分

3、 改造ErpGoodsPropertyItemList.vue

增加抽屉如下

增加下面几个属性

同时增加下面一些方法

4、改造 ErpGoodsPropertyModal.vue

增加主表带过来的id

5、改造ErpGoodsPropertyItemModal.vue

6、改造ErpGoodsPropertyItemForm.vue

7、效果图

 

文章标签：
前端开发
宁波阿成.
目录
相关文章
那些年我们搬过的砖
|
Java 数据库连接 Maven
springboot集成mybatis时提示找不到Mapper Bean
springboot集成mybatis时提示找不到Mapper Bean
那些年我们搬过的砖
2112 0
winx_19970108018
|
7月前
|
JSON 数据挖掘 API
京东API接口最新指南：店铺所有商品接口的接入与使用
本文介绍京东店铺商品数据接口的应用与功能。通过该接口，商家可自动化获取店铺内所有商品的详细信息，包括基本信息、销售数据及库存状态等，为营销策略制定提供数据支持。此接口采用HTTP请求（GET/POST），需携带店铺ID和授权令牌等参数，返回JSON格式数据，便于解析处理。这对于电商运营、数据分析及竞品研究具有重要价值。
winx_19970108018
449 4
如夜了我衣衫太薄便归家靠路灯
|
NoSQL 安全 Java
Java Spring Boot中使用Shiro、JWT和Redis实现用户登录鉴权
Java Spring Boot中使用Shiro、JWT和Redis实现用户登录鉴权
如夜了我衣衫太薄便归家靠路灯
1403 0
theMuseCatcher
Vue2分页（Pagination）
本文介绍了如何在 Vue3 中创建一个自定义分页组件（Pagination）。该组件支持传入多个参数，如当前页数、每页条数、是否隐藏单页分页等，并提供了丰富的功能，包括快速跳转、显示数据总量及分页器位置调整。通过示例代码展示了组件的具体实现方式，包括模板结构、计算属性、监听方法及样式设置。此外，还介绍了如何在项目中引入并使用该分页组件。
theMuseCatcher
491 0
Vue2分页（Pagination）
最好zzz
|
XML 存储 Java
SpringBoot集成Flowable：构建强大的工作流引擎
在企业级应用开发中，工作流管理是核心功能之一。Flowable是一个开源的工作流引擎，它提供了BPMN 2.0规范的实现，并且与SpringBoot框架完美集成。本文将探讨如何使用SpringBoot和Flowable构建一个强大的工作流引擎，并分享一些实践技巧。
最好zzz
3044 0
聚优云惠
|
Java Spring
SpringBoot入门(5) - 定制自己的Banner
SpringBoot入门(5) - 定制自己的Banner
聚优云惠
362 0
SpringBoot入门(5) - 定制自己的Banner
theMuseCatcher
|
前端开发 JavaScript
Vue2瀑布流图片展示（Waterfall）
这篇文章介绍了如何在Vue 3框架中实现瀑布流图片展示组件，提供了两种实现方式：一种使用CSS的`column-count`和`column-gap`属性，另一种使用JavaScript计算图片位置，以实现图片在多列中的动态分布。
theMuseCatcher
824 2
Vue2瀑布流图片展示（Waterfall）
yuanzhengme
|
JSON JavaScript 前端开发
js如何格式化一个JSON对象？
js如何格式化一个JSON对象？
yuanzhengme
509 3
热爱技术的小郑
|
JavaScript
成功解决：Failed to resolve directive: mode
这篇文章介绍了如何解决Vue中遇到的"Failed to resolve directive: mode"错误的两个常见原因及其解决办法：确保指令的单词拼写正确，以及在创建Vue实例之前注册全局指令。
热爱技术的小郑
1181 1
成功解决：Failed to resolve directive: mode
广州爱奇迪-伍华聪
|
开发框架 前端开发 JavaScript
ABP框架中短信发送处理，包括阿里云短信和普通短信商的短信发送集成
ABP框架中短信发送处理，包括阿里云短信和普通短信商的短信发送集成
广州爱奇迪-伍华聪
331 2
ABP框架中短信发送处理，包括阿里云短信和普通短信商的短信发送集成

热门文章

最新文章

  • 1
    linux下ffmpeg安装
  • 2
    overleaf 插入图片，引用图片，图标标题Fig与文章引用Figure不一致解决
  • 3
    364 页 PyTorch 版《动手学深度学习》PDF 开源了（全中文，支持 Jupyter 运行）
  • 4
    阿里云上的几种数据备份方式
  • 5
    用深度神经网络修复H漫：看完这篇你就能眼中无码
  • 6
    MySQL · 引擎特性 · 像NOSQL那样使用MySQL
  • 7
    解决GitHub文件无法下载的问题
  • 8
    OpenSearch大模型实践之Havenask篇
  • 9
    SpringBoot整合Java Mail实现Outlook / Office365发送邮件
  • 10
    2019阿里云双11来袭,价格非常重要,但是懂得上云攻略更重要
  • 1
    AI Agent框架
    62
  • 2
    AI Agent：从工具到伙伴的智能进化
    72
  • 3
    计算机网络--TCP和UDP学习
    30
  • 4
    LBA-ECO ND-30 营养分析和气体通量，森林年代序列，巴西帕拉州
    30
  • 5
    2025年测试工程师的核心能力：掌握Dify工作流编排AI测试智能体
    60
  • 6
    有了解过 SpringBoot 的参数配置吗？
    53
  • 7
    分类模型校准：ROC-AUC不够？用ECE/pMAD评估概率质量
    24
  • 8
    把服务器当代码写：IaC 让部署变得又稳又香
    49
  • 9
    SDN 和 NFV：把网络“拆开重做”的底层革命，到底牛在哪？
    54
  • 10
    用数据“掘地三尺”，为零碳排放找出一条最靠谱的路
    32

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    阿里云弹性公网IP线路类型【BGP(多线)_精品】是什么意思？