需要使用无组件的物料UI - 腾讯云开发者社区

文章/答案/技术大牛

发布

无组件架构：你不需要知道的“新一代”前端架构模式

这就是为什么，我们定义为无组件架构的原因，你可以不需要编写任何的组件，只需要编写逻辑代码或者 DSL 来实现它们的组合。...于是，就有了关于跨框架组件库的想法：《前端下半场：构建跨框架的 UI 库》，只是国内这些写组件库的公司，并没有这种大胆的想法，太可惜了 —— 只会版本号 + 1，别人做什么跟着做什么？...如此一来，它也变成了一个低代码（LowCode）式的系统，配合简单的代码生成，可以达到无码的状态（NoCode）。从形式上来说，使用微前端相关的技术可以提供无组件架构所需要的一系列基础技术。..., context, callback) => { callback(null, "hello, world"); }; 在使用 Serverless Framework 这样的框架时，我们只需要在这个函数上...真正意义的前端胶水更多的内容，还有待探索。无组件架构问题除了上述的诸多优点，它还有一系列的缺点需要解决：浏览器兼容性。Web Component 的兼容性问题测试难度。

7672 0

有些时候，你也许不需要使用UI框架

‍很多前端开发人员喜欢使用各种UI框架，比如bootstrap，material UI，tailwindcss等，他们希望这可以节省他们大量的时间，然而，现实却并非如此。...UI框架的优点可以提供更流行的，设计更好的UI组件最短时间内提供不错的使用体验丰富的组件可以调用流行的设计因为很多前端开发人员没有设计背景，因此他们不想要花费很多时间来学习如何设计，他们只是想要一个已经设计好的...良好的设计有很多无形的方面需要我们注意，比如平衡，间距和一致性之类的东西。要有效地使用组件库，我们需要将自己融入设计师的思维里面，并了解如何部署它们。...在可用性和可访问性方面，UI框架具有自己的特性，通过使用它们的确可以大大减轻工作量。因此，当你的界面需要一些可用性和可访问性的时候，我推荐你使用一些UI组件，仅限于此。...总结不建议使用UI框架，并不是完全抛弃UI框架，而是在适当的时候选择去使用它们。任何工具都有自己的最适合场景，如果我们没有掌握工具的使用方法，就拿来使用的话，我们一定会犯错误。

2861 0

您找到你想要的搜索结果了吗？

是的

没有找到

VC 销售订单中可配置物料的使用

对于此类物料，企业并不是先等客户输入订单，然后才开始生产。相反，企业需要为这些不同的配置提供类似于按库生产的产品，事先准备库存，以缩短交付周期。...为了支持这种业务场景，SAP中提供了一个标准功能，即“物料变式”。本文档将有助于VC领域的初学者理解物料变式的概念，以及如何使用标准SAP进行设置。...物料变式的物料主数据里与可配置物料关联起来，并使用可配置物料的特性进行配置。然后这个可配置物料的变式能够被生产出来并做库存管理。...在“Basic Data”视图中，可以将物料变式与某个可配置物料关联，此配置适用于所有工厂。 3，创建好了物料变式，需要与可配置物料的BOM和工艺路线关联起来。...现在可以使用这个物料变式了。

1.8K3 0

Unreal Slate UI 的使用

Slate UI 框架虽然强大，但使用起来不太直观，这篇文章将解析 Slate UI 的使用方法以及其中的一些实现。...声明式语法 # 在定义了 widget 类型后，我们需要填充里面 UI 展示的内容。Slate 框架通过宏和运算符重载设计了一套声明式的 UI 描述方法，可以较为方便地描述静态结构的 UI。...(bool, Focusable) SLATE_END_ARGS() 命令式语法 # 有时候声明式语法不足以描述所需控件，例如实现一个包含若干按钮的列表，此时就需要使用一般的命令式语法来添加子控件。...，经常需要让用户填入一些设置数据，此时我们对 UI 的布局没有太高的要求。...我们可以用 UObject 类型持有一些变量，然后使用 UE 自带的 details 面板生成对应的字段设置 UI，然后将这个 UI 嵌入到我们的控件中。

1.5K2 0

干货·UI设计需要什么样的美术能力？

很多人问：学UI需不需要手绘能力。或者学UI需要什么绘画基础。这篇文章，就给大家一个答案。...我们做ui需要这种绘画能力么?肯定不是! 我们回头来看一下，为什么会有素描这种绘画形式?你能找到的所有的历史名画，都有一个共同的特性：就是都有颜色。例如这张《奥菲利亚》 ?...回到正式话题：UI需要哪些绘画基础知识? 结构：物体占据空间的方式。一般设计行业的素描都是结构素描。结构的重要性不言而喻。为什么素描要从几何图形画起?原因就是够简单。...很多人都觉得色彩是很难掌握的一个能力，其实也不用太担心，因为有大量的现成的色彩构成，与色表等可以参考。在不能主观去使用的时候，至少学会收集色表，和根据需求使用它们。...构图：其实是UI工作使用最频繁的原理，布局永远是整体控制的关键。色彩原理：无处不在，无法忽略。无论你做任何绘画练习，请一定要明确你绘画的目的。

5511 0

【编写前端需要学习的知识】Vue2+Element-UI

我们利用Hbuilder编写前端的时候，可以提前学习一下Vue2（和VUE差别挺大的，感兴趣的还可以学习一下Vue3.0）和Element-UI，这个是可以帮助我们更快的完成编写，它可以提供给你一张图片...，你的光标在哪里，他会显示信息，包括颜色，大小等，如图在他的下方就会显示代码

2171 0

使用AI制作APP的UI

刚好前段时间制作了个像素图绘制程序，当初是简单做了一版的操作UI的排版，功能都有了但是看起来太临时。...对于一个APP来说，UI设计也是非常重要的，这直接关系到这个APP是否是个“产品”，没有设计过的UI会让项目永远停留在Demo阶段。...当下AI驱动UI设计的发展势头十分迅猛，今天我也尝试下试用一些工具，体验下高级生产力，顺便记录一下对于使用AI去生成UI的探索。...我会使用如下提示词：生成了一些设计稿小结由于我这没有付费，所以在 Galileo AI 与 UXPILOTG 上获得的体验也是一般，但是在UiZard上倒是可以生成完整的，登录注册流程UI，加上核心的编辑器...UI，只是部分的UI界面被置灰，告知只有付费才可以使用该UI页。

8331 0

SAP MM 如何得到委外加工采购订单中需要发给subcontractor的物料的信息？

笔者所在的D项目里，有工序委外场景，采购这边需要在SAP系统里输出PO FORM。在POFORM上需要将工序委外场景中发给供应商的子件物料号以及数量等信息显示在上面。...如下工序委外场景里，工单release之后触发的无料号的采购订单， ? 可以看到该PO上，需要发给subcontractor的物料号，数量，单位，日期等： ?...如果要想在PO FORM上输出需要发给subcontractor的物料信息，取值逻辑是怎样的? 为了准备Function Spec文档，弄清楚取值逻辑，笔者花费了大半天时间。...1）笔者首先想到的是在界面上，通过F1帮助文档找到表名， ? ? 得到的是一个structure。想通过该structure找到透明表的名字，没成功。...3）笔者又想通过采购订单号，找到工单号，然后去工单的预留相关表里取数据，成功了。

1.4K2 1

「翻译」SAP VC 销售订单中可配置物料的使用

3.1K2 0

SAP计划策略总结

独立需求的需求分类，使用事务代码OMPO定义； “计划标识”分三种：“1.净需求计划”如10和40，需求考虑库存、制造、采购的需求量；“2.毛需求计划”，如11，不考虑库存、制造、采购的需求量；“2....“消耗标识”定义独立需求是否被销售订单消耗：“空白”代表不消耗，如10，11；“1消耗计划组件”代表被消耗，且影响到组件，如40；“2 消耗计划无组件” 代表被消耗，不影响到组件，如52（52的下层物料如果设定了...客户需求的需求分类，使用事务代码OVZG定义； “可用量”此处有如果关闭，但是“分配的标识”等设定了消耗关系，则SO中ATP检查独立需求；如果开启，则后续销售订单可根据OVZ9中的规则进行ATP检查。...上面截图中，科目类别与评估类别，使用OPPS配置（CO路径）。...在MTO中，“帐户分配”（科目指派种类）分E和M，E需要对销售订单进行结算，需要在销售订单中指定“结果分析码”和“结算规则”，同时为了结算，还应对销售订单设置技术关闭等状态，M不需要对销售订单结算；“评估类型

5.2K2 4

Angular中ui-select的使用

Angular中ui-select的使用最近工作一直很忙，没有时间整理知识，前几天项目中需要用到angular-ui-select，实现下拉框快速过滤效果，今天有时间研究了一下，终于搞明白了。...V0.12.1 （4）Bootstrap --- V3.3.6 如果有需要再引入jQuery 注意: Angular-sanitize所依赖的Angular最低版本，Angular-ui-select...如果项目中用到的Angular版本比较低时，请安装低版本的Angular-sanitize和Angular-ui-select，这样，避免低版本不支持的情况。...2.安装方法：使用npm进行安装 npm install Angular-sanitize@1.2.28 --save -dev @+版本号表示安装指定版本的包文件，如果不加版本号，默认安装最新的版本...1.首先依次引入所需要的文件 ?

4.3K6 0

记录使用mint-ui的感想

mint-ui 今天记录一下使用mint-ui的心得，首先说明一下mint-ui是用来做手机端界面的ui库，这个ui库我是做项目的时候使用到了，所以今天简单的说明记录一下该库的一些存在的一些可能会出问题的地方...，毕竟刚开始使用，不是很熟练，所以简单的写一下。...) 个别的样式是需要单独引入的部分引入的话，直接在main.js中引入需要的功能： import { Button, Cell } from 'mint-ui' Vue.component(Button.name...下面将这个提示语句封装起来： import {Toast} from 'mint-ui'; /** * @instance mint-ui 提示语句 * @param val 需要传递的话 */...是一个比较好用的移动端ui库，基本使用是很简单的，和element基本是一样的，所以还是慢慢使用吧.

9421 0

element ui table组件的基本使用

vue友好显示出来，这时候就需要用到饿了么的element ui框架了，这个框架简直是后端开发人员的福音。 ...这里主要用到的是element ui table组件基本的依赖下载与环境配置这里不做介绍。 2、后端后端提供访问接口即可。...(先配置跨域) 这里是条件查询带分页查询所有医院的设置信息，使用mybatisplus可以少写好多代码。...admin/hosp/hospitalSet/findPage/${current}/${limit}`, method: 'post', data:searchObj //使用...我的修改功能是利用了隐藏路由实现的。

1.1K1 0

前端组件库Element UI 的使用

良好的文档和社区支持：Element UI 有着详尽的文档和活跃的社区，可以方便地解答开发中的问题。...注意事项： Vue 版本兼容性：Element UI 主要与 Vue 2.x 版本兼容，如果你在使用 Vue 3.x，可能需要考虑其他 UI 框架，或者使用 Element Plus，它是 Element...维护性：由于 Element UI 是一个由社区维护的开源项目，在使用中可能会出现一些问题或 bug，在生产环境中使用时，务必要测试所有的用例，并关注官方的更新和通知。...三、快速入门使用 3-1 安装Element UI组件 1.确保当前项目已经停止，在此页面按下CTRL + C，然后输入y，回车后项目就停止了 2.使用npm在当前项目安装Element UI组件，右键当前项目...，记得安装Vetur扩展 5.运行，查看结果，显示按钮成功结语：以上就是Element UI 组件的快速入门使用，希望对各位看官有所帮助，感谢各位看官的观看，谢谢~

5751 0

统计物料的最高或最低价，从Excel到Power，哪里需要什么公式函数？

最近看到个问题，说是要统计不同物料的最高和最低价格，模拟数据如下：于是有人写了个数组公式：短小精悍，是不是？...不过，也有人批评说数组公式对于大多数人来说都不懂，所以这不是最佳解决方案，于是给出了另一个解决方案，即先对原始数据排序，然后直接用vlookup读取——需要取最大值时从大到小排，需要取最小值时从小到大排...，分组依据和数据透视的差异，以及在Power Query中，碰到类似问题时，应该使用什么样的功能。...大家应该注意到，这个问题在Excel传统功能中解的时候使用的方法是数据透视，但在Power Query中使用的是分组依据，而不是透视！为什么？...实际上，在Excel的数据透视功能里，对于单纯的将需要统计的数据放到值中，而不将某些统计维度放到列中的情况，是对数据的分组功能，而不是透视的功能——只是Excel中的数据透视表兼容了这种数据统计方式而已

1.1K3 0

Angular中ui-grid的使用详解

Angular中ui-grid的使用　　在项目开发的过程中，产品经理往往会提出各种需求，以提高用户体验。最近，项目中用到的表格特别多，而且表格的列数和行数也超多。...随后我又发现了angular-ui-grid，这个插件是angular框架封装好的，依赖angular，这个插件功能也是比较多的，表头固定，自定义排序，表格行编辑，树形结构等多种用法。　　...下面我来说一下angular-ui-grid的基本用法：一、下载文件　　项目中用的angular版本是angular V1.2.30所以，我就以这个版本为例　npm install angular...三、基本使用　　1、HTML 1 使用方法详见：https://github.com/lela520/Angular-ui-grid

3K2 0

swagger-bootstrap-ui的使用说明

有些朋友在使用这个jar包的时候会出现接口出不来的情况，或者只出现ui默认的几个接口，项目的api接口没有出来，这里有些注意点同大家说一下吧依赖swagger(这点很重要),所以项目必须启用swagger...,如果你的项目原来就是使用swagger的，仅仅只需要引入swagger-bootstrap-ui的jar包，然后访问/doc.html页面即可,类似于访问原生的/swagger-ui.html...swagger-bootstrap-ui仅仅只是ui包,没有特定的api语法，属于工具性质的，是完全依赖于swagger的,后端代码也需要使用swagger的java注解-来实现 swagger-bootstrap-ui...做的工作就是解析swagger的接口/v2/api-docs，根据该接口做的界面呈现，因为作者喜欢左右风格的布局，原生的ui布局是上下结构的，对于作者来说不是很方便，所以就写了这个小工具,开源出来给大家使用...，如果你也喜欢这种风格，你可以应用到你的项目中 git上也提供了一个demo，可以pull下来运行一下,地址:swagger-bootstrap-ui-demo 如果出现js报错,接口出不来，

1.9K3 0

jQuery ui中sortable draggable droppable的使用

stop: function (e, ui) { // 排序后元素的顺序（前提每个元素都需要有id属性） let newSubArr = $("#subs-box...// 拖动时使用的是clone的元素。如果值设置为"clone", 那么该元素将会被复制，并且被复制的元素将被拖动。...// 之所以不使用 helper: 'clone', 是因为clone的元素没有样式，所以我们需要自定义样式，所以使用了自定义函数。...me.dropDestory(); } }).disableSelection(); }, 注意事项：每次dropInit函数初始化后，如果需要再次初始化，需要先销毁之前的放置对象...所以需要在拖拽停止的时候，销毁上一次的dropInit对象。

3.2K1 0

.Net中使用带UI的OCX的方法

方法一：在工具箱中插入COM控件，当把控件拖到界面上后，将会自动产生两个封装的dll，并在引用中添加。问题：当ocx需要不断升级时，这种方法很痛苦，需要重新走一遍，老是清不干净。...（tlbimp封装无UI的ocx）调用：vs2008在命令行下直接可以使用。aximp。vs2005则在sdk/v2.0/bin下有aximp。运行后对ocx封装，得到两个文件。在vs中引用。...System.Windows.Forms.AxHost.State)(resources.GetObject("MO.OcxState"))); 在界面中就可以看到控件了，稍微调整控件，系统将自动把刚才的代码重新编写排列...当ocx升级并完成注册后，只要重新封装，覆盖相应的dll即可！！！

1.6K7 0

使用IDEA 自带的 MySQL UI 工具插件

比使用 WorkBench， Navicat更加方便！螢幕快照 2017-10-20 21.55.12.png

1.3K1 0

点击加载更多

无组件架构：你不需要知道的“新一代”前端架构模式

有些时候，你也许不需要使用UI框架

VC 销售订单中可配置物料的使用

Unreal Slate UI 的使用

干货·UI设计需要什么样的美术能力？

【编写前端需要学习的知识】Vue2+Element-UI

使用AI制作APP的UI

SAP MM 如何得到委外加工采购订单中需要发给subcontractor的物料的信息？

「翻译」SAP VC 销售订单中可配置物料的使用

SAP计划策略总结

Angular中ui-select的使用

记录使用mint-ui的感想

element ui table组件的基本使用

前端组件库Element UI 的使用

统计物料的最高或最低价，从Excel到Power，哪里需要什么公式函数？

Angular中ui-grid的使用详解

swagger-bootstrap-ui的使用说明

jQuery ui中sortable draggable droppable的使用

.Net中使用带UI的OCX的方法

使用IDEA 自带的 MySQL UI 工具插件

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐