库存管理系统实践(二)|学习笔记

简介: 快速学习库存管理系统实践(二)

开发者学堂课程【低代码制造业最佳实践:库存管理系统实践(二)】学习笔记与课程紧密联系,让用户快速学习知识

课程地址https://developer.aliyun.com/learning/course/1028/detail/15111


库存管理系统实践(二)


内容介绍

三、入库操作

四、产品入库表


三、入库操作

首先去进入到宜搭页面。

image.png

1.创建表单

在我的应用中,去创建一个新应用,从创建空白应用,然后去进进行一个应用的新增,然后去配置库存管理系统。点击确定。

image.png

2.产品底表

进入到库存管理系统之后,首先,去新建表单,从空白表表单进行一个新建,然后,将上方的名字命名为产品底表。

image.png

3.底表数据录入

那么,在产品底表是可以将产品的一些相关数据进行一个录入比如跟一些企业达成了一些共识然后从它们企业里面去进一些产品到公司,里边或者是要把这些产品,从公司进行一个录入之后,再去进一个售出,那么这些产品它会有一个详细的一个信息,时候就可以将这些信息录入到产品底表中。

那么最常见的,就是按最小的划分最常见的就是有一个产品的一个分类,新建从组件库中拖动常用控件也就是单行文本组件到页面中,然后将它命名为产品分类。

image.png

那么产品分类就可以按照,已有的分类来进行填写,那么当然,除了产品分类以外还可以去添加比如产品名称,每一个分类下它都有对应的一个产品名称。之后每一件产品,它都会有它对应的一个产品的一个规格。将它命名为产品规格。

image.png

那可以看到,是从组件库里边直接拖动了三个单行文本组件,然后到页面中的,然后在页面中,将它分别进行了一个命名,比如产品分类名称规格,那大家可以根据自己的这样的一个需求,然后去对它进行一个命名。然后点击保存,那么产品底表,就已经搭建完成了。产品比较搭建完成了,

image.png


四、产品入库表

那继续去看一下图。

image.png

可以看到的是,产品底表搭建完之后,会有产品入库表,然后在产品的入库表中,需要去将底表里面的数据,然后关联过来,那首先那就是要去把物品的类别名称,还有规格从底表中进行一个获取,然后展示在入库里边,现在来一起搭建一下产品入库表。

1.新建表单

返回到系统,应用的一个页面中,然后去新建一个普通表单。普通表单将它命名为,然后产品入库表。将它名字设置为产品入库。

2.配置入库表

接下来就是要去填写入库表,它所需的一些内容了,首先,是要去配置它的一个,入库人、入库时间,那这些都是比较常用的,然后去配置它的这些一个设置,首先去拖动成员组件,以及日期组件,成员组建这里,将它命名为入库人。日期将它设置成入库时间。

image.png

3.设置入库产品

然后接下来的时候就直接去对入库的产品,进行一个设置,那么刚刚讲过,就是在去配置的过程中,希望让它直接同时录入多个产品的,因此,再去配置的时候,可以用到入库明细,也就是子表单的一个组件,然后将表单组件去命名成入库明细。

在组件库中,拖动子表单组件到页面中,然后将子表单命名为入库明细。在命名好之后,要去对里边的组件进行一个配置。

4. 获取库物品表数据

去配置之前先来想一下整体的怎么去获取到库物品表里面的数据?那首先最开始的时候是新建的产品底表,会在产品底表里面去录入一些数据,那么,比如录入它的一些分类、产品名称以及它的产品规格,在数据据里边去进行一个录入,点击新增,比如在这里去录入它的分类为水果,然后橘子。然后是20每箱。

image.png

然后同时,录入一个同样的产品,就是还是录入一条橘子,但是现在去录入成40每箱。点击提交。

image.png

那么,提交成功之后,刷新一下页面,就可以看到页面中有已经去提交好的两条数据了,

image.png

两个数据都是水果类的橘子,然后现在,去添加两条其它的内容,那么在这里先加一个水果,再添加一个水蜜桃。然后还是20每箱。然后点击提交。

image.png

第四条数据,去添加一个其它类别,比如去添加一个计算机产品,去添加它的产品名称,就是笔记本电脑将它去命名为mac。之后点击提交。

image.png

现在四个产品以及它对应的名称,还有规格和分类,都已经入完毕了,

image.png

5.数据关联

然后接下来,就直接去对数据,然后进行一个关联,那首先,是要在入库表中去关联到底表中的这四条数据,因此,首先是选择到就是要使用到的是一个关联,关联其它表单数据的这样的一个功能。

(1)、数据选择

去配置的时候可以看到,首先,就是产品分类它是有水果和计算机两个类别的,也就是在去录入一件产品的时候首先要去选择它一个分类然后找到它,分类对应下了产品名称,在选择计算机的时候它只出现笔记本电脑。选择水果的时候它出现,水蜜桃和橘子,而当选择水果中的橘子的时候它只显示,橘子下这两个规格,那再去配置的时候它实际上它是有一个关系的,而再去选择的过程中可以从它不同的这样的填写的一个数据里面去进行一个选择,所以在这里,想要去对它去进行选择那首先要去,用的就是一个单选的一个组件,直接找到下拉单选组件放到页面,然后将它命名为物品分类。

(2)、关联操作

之后再去配置的时候,比如现在已经去配置可以关联到底表数据了,那它现在就可以去选择水果和计算机其中的一条,那么接下来产品名称,它也是可以去进行一个选择的,因为比如水果下它也是有多个这样的一个产品的,所以产品名称和产品规格也要使用,下拉单选组件,拖动两个下拉单选组件,到表单中,然后,将它们分别去命名为产品名称以及产品规格。

image.png

(3)、配置选项

在配置好之后,那接下来就要去获取到另一个表单的值,首先,就要使用到的是关联到产品底表的数据的,所以直接去将下拉单选的选项去配制成产品底表里面的产品分类字段,去配置的时候肯定是要对它的选项去进行配置的,所以去配置的过程中就直接去选择到,选项类型,然后将选项类型,去选择到关联其它表单数据,

image.png

(4)、字段设置

这样它就可以直接去关联到其它表单的数据里面的某一个字段的一个值,然后将它关联,作为下单选的组件的选项,然后再去选择选项类型之后,就要去对应字段进行一个设置,那关联到表单之后,肯定也要去选择,要关联到的是表单里的哪一个字段,所以在这里,需要去选择对应的字段,那么肯定是要去关联到对应的产品分类值,那现在,实际上就已经可以去获取到产品。,产品分类了也就是计算机和水果,两个类别,

(5)、数据联动

然后来实现第二步,就是在做产品分名称的时候在选择某一类别的时候,名称它可以对应的获取到,当前分类下的,这些值,比如选择计算机机的时候,让它只出现电脑,在选择水果的时候,它只出现,橘子和水蜜桃,

实际上就需要用到的是一个数据联动功能,使用数据联动的一个功能,就是因为在去选择的时候,希望实现刚才一个效果,在选择水果的时候,它可以将分类下的所有项产品名称都展示出来,所以在这里,还是选择到产品名称,然后在这里,是要将也是将它选项去进行一个配置,所以依旧是在选项类型这里,然后将它的选项类型设置为数据联动。

image.png

(6)、设置数据联动

数据联动之后接下来要去配置它的一个数据联动点开数据联动配置,可以看到它实际上就是再去选择,到一个对应的表之后然后,当某一个值等于关联的表的时候,然后它可以联动对应的指对应的这些数据全部展示出来,那么也就是在选择产品底表之后,然后当前组建的产品分类等于对应的表里面的分类的时候,也就是在当前页面选择了计算机的时候,那也就证明它,找到了,产品底表里边,计算机的值,然后,它会将计算机值对应这条数据里面的另一个字段,然后去展示到对应的字段里面,那在这里对应,因为是配置的产品名称,所以,在这里点东西显示的也是产品名称的对应值,数据联动就已经配置好了,

image.png

然后,接下来就是产品规格,那产品规格也是按照产品名称,它是一样的,一个配置,首先还是在选项里边,去将类型配置为它的数据联动,然后,点击数据联动之后,需要去配置它的对应的关联表以及关联的一个字段,然后最后就是联动显的一个值。

(7)、添加条件配置

那首先,在这里选择到数据关联表,就是产品底表,然后产品规格肯定显示的也是产品规格的值,但是,在配置前两个字段的时候,要注意的是,就是当产品分类相等的时候,把对应的名称获取过来了,而名称规格是按照产品名称进行获取的,那也可能发生一种状,可能分类不一样,但是名称可能出现了一样的一个情况,那么时候,可以把前两个字段全部设置成条件,只需要点击第一个条件,旁边的加号,然后就可以去添加,就是更多的一个条件的一个配置,所以在这里去配这种,产品分类,还有产品名称。那么也就是,在分类以及名称全部满足要求之后,它才会把对应的产品规格,然后作为当前表单里边的产品规格的选项,然后进行一个展示,来供进行选择,

image.png

(8)、最终的一个效果

来看一下最终的一个效果,点击阅览。点击水果之后,然后可以看到产品名称,只有水蜜桃和橘子,而点击橘子之后,产品规格有两个,但是点击水蜜桃,它只有一个,

image.png

image.png

然后可以切换到计算机,来看一下计算机,可以看到它都发生了一个变化。

image.png

当前的入库表,其实已经配置好了,


相关文章
|
6月前
|
数据挖掘 黑灰产治理
排队免单商城系统开发详细案例/方案项目/源码指南
排队免单商城系统开发设计是指开发一种商城系统,其中用户可以通过排队活动获得商品免单的机会。
|
6月前
|
小程序 API
点餐小程序实战教程09-订单功能开发
点餐小程序实战教程09-订单功能开发
|
6月前
|
前端开发 Java 关系型数据库
超市商品管理系统的设计与实现(论文+源码)_kaic
超市商品管理系统的设计与实现(论文+源码)_kaic
|
SQL 供应链 JavaScript
订单管理系统(OMS)搭建实战 - 低代码拖拽定制订单管理系统
订单管理系统是很多公司,特别是电商公司最常用的内部系统之一。订单管理系统的使用者通常是仓管或者运营人员,它常被用于管理用户订单,比如添加或者修改一条发货记录,与快递 API 集成以便自动更新订单号等场景。
1011 0
|
2月前
|
SQL 设计模式 开发框架
谷粒商城笔记+踩坑(6)——商品服务-属性及其关联分组
商品规格属性和销售属性的增删改查、属性分组中查询新增关联的属性
谷粒商城笔记+踩坑(6)——商品服务-属性及其关联分组
|
5月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue的大学生二手闲置物品置换交易管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue的大学生二手闲置物品置换交易管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
70 0
|
6月前
|
JavaScript 小程序 Java
基于微信小程序的火锅店点餐系统的设计与实现(源码+lw+部署文档+讲解等)
基于微信小程序的火锅店点餐系统的设计与实现(源码+lw+部署文档+讲解等)
|
6月前
|
JavaScript 小程序 Java
基于微信小程序的家政服务预约系统的设计与实现(源码+lw+部署文档+讲解等)
基于微信小程序的家政服务预约系统的设计与实现(源码+lw+部署文档+讲解等)
|
6月前
|
JavaScript Java 测试技术
基于微信小程序的场地预约的设计与实现(源码+lw+部署文档+讲解等)
基于微信小程序的场地预约的设计与实现(源码+lw+部署文档+讲解等)
|
6月前
|
小程序 JavaScript Java
基于微信小程序的食堂校园预约就餐小程序的设计与实现(源码+lw+部署文档+讲解等)
基于微信小程序的食堂校园预约就餐小程序的设计与实现(源码+lw+部署文档+讲解等)
下一篇
无影云桌面