web应用开发入门教程
文章平均质量分 68
https://www.d8dcloud.com/#/
小多低代码实战课
专注于电商、会员营销相关组件模块开发
展开
-
12. Ant Design PC 后台 员工登录服务 快速上手教程
如果将 查询条件 密码 改为 456789,点击调试后,将回返回一个空数组。在后台节点下,添加一个 服务 组件,命名为 员工登录服务。掌握 后台 mysql 数据表行的 查询。点击调试,就能获取到符合条件的行的信息。在员工登录服务中,输入以下JS代码。员工数据表中,有一行数据。原创 2023-04-06 17:47:22 · 114 阅读 · 0 评论 -
11. Ant Design PC 后台 员工新增服务 快速上手教程
点击调试,自动保存,显示调试结果,可以看到数据行已经新增成功,返回的对象中的insertId值,就是新增的数据ID(_id) : 1。创建 一个 员工数据表(关于建表的细节,请参看上一节内容),包含以下字段。点击员工数据表,可以查看刚才新增的数据行信息。掌握 后台 mysql 数据行 新增。在后台节点下,添加一个 服务 组件。在员工新增服务中,输入以下JS代码。原创 2023-04-06 16:41:35 · 83 阅读 · 0 评论 -
10. Ant Design PC 后台 员工数据表 建表 快速上手教程
创建时间:实际字段名称为 _create,字段值为 行数据新增时的时间戳(秒)更新时间:实际字段名称为 _update,字段值为 行数据更新时的时间戳(秒)点击新增字段,选择文本字段类型,字段名称此处填写 用户名。数据ID: 即表主键,实际字段名称为 _id。掌握使用 行,列组件 进行布局 的搭配使用。在后台节点下 添加 DB(数据表)组件。点击数据表组件,更名为员工数据表。新建的数据表包括以下默认字段。员工数据表,一般会包含以下字段。原创 2023-04-06 12:43:51 · 136 阅读 · 0 评论 -
9. Ant Design PC UI组件 Row行Col列 快速上手教程
注意:ant design的行列是栅格布局,一行为分为24等份,当一行只有一列时,列宽1就代表占满了24等份。此时,可以看到列并没有占满整行,列默认只有子节点元素的宽,要占满整行的话,需要给列宽指定一个 1。一行+4列,水平间隔12,自动换行关,列宽 6+6+6+6,效果参考图。一行+2列,水平间隔12,自动换行关,列宽 16+8,效果参考图。一行 + 一列 作为页面UI组件容器,效果参考图。掌握使用 行,列组件 进行布局 的搭配使用。行 配置,背景色为 黄色。列 配置,背景色 红色。原创 2023-04-06 12:00:47 · 911 阅读 · 0 评论 -
0. Ant Design PC UI组件 管理后台 快速上手教程规划
19. Ant Design PC UI组件 顶栏快速新建 Popover气泡卡片 管理后台 快速上手教程。20. Ant Design PC UI组件 顶栏间距分隔 Space Split 管理后台 快速上手教程。26. Ant Design PC UI组件 员工列表分页 表格Table分页 管理后台 快速上手教程。22. Ant Design PC UI组件 员工列表 表格Table 管理后台 快速上手教程。21. Ant Design PC UI组件 员工列表 卡片Card 管理后台 快速上手教程。原创 2023-04-05 21:57:11 · 217 阅读 · 0 评论 -
8. Ant Design PC 员工登录框UI组件搭建实战 快速上手教程
一行一列作为登录表单控件定位容器,让其实现水平居中,垂直居中的效果。登录按钮 点击事件 处理方法 配置,绑定了 点击登录事件处理函数。状态变量,站点标题,用于从组件外部传入站点标题值。间距组件,让登录表单控件按竖向等间距排列。模块事件组件,向组件外抛出登录成功事件。登录成功 自定义事件 配置,事件参数 用户信息。JS函数,点击登录事件处理函数。站点标题,默认配置 为 多八多管理后台。文本组件,站点标题文本。同时触发 登录成功 自定义事件。掌握员工登录框组件UI的搭建。点击登录事件处理函数 代码。原创 2023-04-05 16:20:40 · 348 阅读 · 0 评论 -
7. Ant Design PC 页面模块组件 快速上手教程
多八多在线IDE是一个基于Web自带可视化IDE+编译器的开发平台,它为用户提供了一个可视化UI布局来实现前后业务逻辑的开发。多八多在线IDE使用了Node驱动的编译器和一个强大的组件化系统来支持多层组件嵌套。原创 2023-04-05 14:40:29 · 601 阅读 · 0 评论 -
6. Ant Design PC 页面组件 Route/Routes 快速上手教程
绑定 页面切换处理 函数 到 登录按钮 点击事件 方法 中,页面路径设置为 / ,string 为示 入参为 字符串,点击 string 会切换到 js。页面容器无需任何配置,只作为页面组件的容器使用,页面容器跟页面组件必须成对出现,可嵌套使用。在页面容器下,添加 两个页面组件,注意,页面组件只能添加在页面容器下,否则将出错白屏。在页面组件下,分别添加 一个纯文本组件,一个按钮组件,按下图命名。配置登录页面路径,配置为 / 时,表示此页面为首页。点击注册时,页面路径切换为 /reg。原创 2023-04-04 11:41:16 · 220 阅读 · 0 评论 -
5. Ant Design PC UI组件 Input输入框值设置/获取 快速上手教程
从本节起,关于组件添加,事件绑定,AI代码预览、生成的基础操作,请看前面章节,不再赘述了。设置输入框值按钮 绑定 设置输入框值处理函数。获取输入框值按钮 绑定 获取输入框值处理函数。掌握Input输入框值的设置、获取。多八多IDE注册使用地址。获取输入框值处理函数。设置输入框值处理函数。原创 2023-04-04 10:17:43 · 1228 阅读 · 0 评论 -
4. Ant Design PC UI组件 Input输入框事件 快速上手教程
在输入改变事件处理函数中,AI逻辑语句中填入 控制台调试输出 "输入改变事件处理",点击预览代码,AI将自动生成出JS代码。在失焦事件处理函数中,AI逻辑语句中填入 控制台调试输出 "失焦事件处理",点击预览代码,AI将自动生成出JS代码。右键点击 输入改变事件处理函数,复制 开发标识,粘贴到 输入框 输入改变事件方法中。右键点击 失焦事件处理函数,复制 开发标识,粘贴到 输入框 失焦事件方法中。选择输入框事件,这里我们添加 一个 输入改变事件,和一个失焦事件。右键点击输入框组件,事件。原创 2023-04-04 09:11:18 · 760 阅读 · 0 评论 -
3. Ant Design PC UI组件 按钮样式 快速上手教程
基于Web自带IDE+编译器,打开网页就能开发;个人和企业免费注册和开发,不限应用数量和使用人数;应用免费导出和私有部署;全场景全应用支持,可开发各类应用、小程序、APP等。多八多IDE注册使用地址。主按钮 占满一行 幽灵 配置。主按钮 占满一行 配置。原创 2023-04-02 11:25:31 · 99 阅读 · 0 评论 -
2. Ant Design PC UI组件 按钮事件 快速上手教程
在按钮事件面板,方法 输入框中,粘贴入刚才复制的开发标识,将 点击事件处理函数 绑定到 按钮点击事件中。右键点击 JS函数 ”点击事件处理函数“,点击菜单中的 开发标识,自动将开发标识复制到剪贴版。点击按钮,就能看到 控制台中,出现了 ”点击了事件处理函数“绑定按钮事件完成,接下来是绑定 输入框 输入改变事件,请看下一篇。点击生成代码,然后 AI生成出的代码将会自动添加到JS代码中。点击按钮 右侧 的 事件 图标,弹出按钮事件面板。添加JS函数后,更名为 点击事件处理函数。右键点击按钮,点击事件。原创 2023-04-02 11:06:47 · 349 阅读 · 0 评论 -
1. Ant Design PC UI组件 间距/输入框/按钮 快速上手教程
UI组件搭建完成,接下来是添加按钮事件。点击间距组件,添加 输入组件,按钮组件。点击间距组件,切换间距方向为竖向。点击前台,添加一个间距组件。原创 2023-04-02 09:26:36 · 168 阅读 · 0 评论