- 博客(973)
- 资源 (34)
- 收藏
- 关注
RSS订阅
原创 微搭低代码实战：构建个性化点餐小程序
链接变量类型：介绍微搭平台中的变量类型（文本、数字、布尔值、对象、数组）。变量定义：详细步骤指导如何定义和初始化变量，包括全局变量和页面变量的使用场景。本书《微搭低代码实战：构建个性化点餐小程序》通过一系列详细的实战教程，引导读者从零开始掌握微搭低代码平台的强大功能。从平台介绍、开发准备到用户认证、登录体验优化，再到点餐小程序的功能实现和登录界面搭建，每个章节都提供了丰富的实战案例和详细的步骤指导。无论你是低代码开发初学者，还是希望快速构建应用的开发者，本书都将是你不可多得的实战指南。
2024-09-12 20:00:00
1695
4
原创 微搭低代码从入门到实战
低代码从21年起开始成为热点，至今已经发展了两年多的时间。微搭作为腾讯云旗下的低码产品也历经多轮优化。不同人选择低代码有不同的理由，有的是初创企业希望低代码来提升运营效率的。有的是传统企业，希望借助低代码来改造现有系统提供移动端功能的。还有互联网的创业者，希望小成本投入验证自己想法的。虽然选择低码的理由不同，但是殊途同归。你选择了开发工具，意味着你要学习开发知识，来实现自己的想法。那么自学就需要有一条明确的学习路径，找到正确的学习方法才可以做到事半功倍。
2023-03-09 11:18:07
2171
2
原创 微搭低代码从入门到精通
低代码要怎么学，是粉丝经常问的一个问题，两年时间陆续更新了不少教程，写一个目录方便新关注的粉丝学习。低码学习大致要经过几个阶段，先是要掌握基础操作，主要是需要掌握微搭的功能模块的具体操作。第二阶段是掌握基础知识，主要分为前端知识，包括CSS、JavaScript，后端知识，主要包含云开发、小程序API。基础知识打扎实之后，就可以根据实际场景进行练习，通过场景的练习将所学的知识融汇贯通，我们的目录也是围绕着几部分来的。
2022-10-04 21:08:34
2270
1
原创 通过公众号发送模板消息
本篇我们介绍了公众号发送模板消息的具体方法，首先搭建了token的表，用来定期的刷新token。接着通过云函数来定期更新token，第二个云函数是用来发送模板消息。总体上集成公众号还是比较复杂的，需要具体实践才能获得认知。
2025-06-12 11:46:47
341
原创 家政维修平台实战23后台权限搭建
我们本篇介绍了如何根据用户的角色进入到不同主页的功能，云开发的后台角色其实还不能算的上成熟，我们也只能根据他产品的架构来做一个折中，虽然方案不是太完美，但是日常够用就好。
2025-06-12 08:00:00
80
原创 零基础实战：云开发家政维修小程序搭建指南
欢迎来到这本关于构建家政维修小程序的电子书！在当今数字化的浪潮中，线上服务已成为我们生活中不可或缺的一部分。从点餐购物到居家维修，人们越来越习惯通过指尖轻点来解决各种需求。正是基于这样的背景，我们希望通过这个系列，手把手地带领大家从零开始，搭建一个功能完备、体验流畅的家政维修平台。这不仅仅是一本技术教程，更是一次将想法变为现实的探索之旅。我们将深入浅出地讲解如何运用云开发等现代技术，实现从用户下单、支付，到客服派单、工人接单，再到订单完成和权限管理等一系列核心业务流程。
2025-06-11 16:22:17
1646
原创 家政维修平台实战22客服派单
本篇我们介绍了派单的开发过程，编写了派单的后端API，搭建了派单的页面，并且编写了前端派单的逻辑。派单结束需要及时提醒工人接单，下一篇我们介绍一下公众号模板消息发送的功能，敬请期待。
2025-06-11 11:14:58
528
原创 家政维修平台实战21派单设计
通过对订单表字段的精心设计，特别是明确区分和关联了订单整体状态与派单状态，并引入独立的订单状态日志子表，我们不仅能够清晰地管理订单的派发状态和负责技师，还能提供一个详尽且易于维护的订单历史时间轴。这种结构既保证了核心业务数据的查询效率，又为复杂的业务流程记录提供了强大的扩展性。后续，我们将继续探索如何实现自动派单策略、技师工作台等更高级的功能，敬请期待！
2025-06-11 08:00:00
565
原创 家政维修平台实战20：权限设计
本篇我们介绍了工人的工作台页面的权限控制，首先是入口就要判断身份，进入页面后再次验证权限。小程序有的会搭建一个登录页，其实那只是自己骗自己，起不到啥作用。为啥说起不到啥作用，因为你本身就是匿名访问，而且能获取到用户的身份信息，没必要再二次增加验证。
2025-06-10 10:30:21
298
原创 家政维修平台实战19：集成公众号
本篇我们介绍了关联公众号的功能，通过搭建工作流来接收用户关注事件，写入数据源并给用户发送注册链接。关联公众号的核心思路是让用户注册的时候填写手机号，通过手机号来匹配到属于哪个用户。有了公众号的信息后后续我们就可以发送模板消息来通知工人接收订单任务。
2025-06-10 09:46:14
797
原创 家政维修平台实战18：员工注册及审核
本篇我们搭建了员工注册及审核功能，有了基础的人员信息后，后续我们就可以开始搭建业务流程了，首先我们要搭建客户接单的功能。
2025-06-09 10:46:03
1150
原创 第四篇：服务商（工人端）-02服务商入驻审核
本篇我们介绍了后台审核功能的搭建过程，数据表格的操作列是我们功能的入口，结合数据详情组件，根据需要调整布局就可以搭建出想要的审核界面。此外还介绍了企微群聊机器人的使用，结合成熟的IM工具就可以很好的实现消息的通知，方便管理员及时处理各类业务。
2025-06-08 11:01:22
763
原创 第四篇：服务商（工人端）-01服务商入驻申请
本篇我们介绍了服务商入驻申请的搭建过程，包括搭建数据源，创建页面，配置页面跳转等步骤。服务商是我们小程序的核心角色，下一篇我们就搭建一下管理员审核的功能。
2025-06-08 08:00:00
424
原创 家政维修平台实战17：服务分类
我们的用户端一共搭建了7张表搭建了小程序和管理后台，搭建了具体的功能。其实有时候我们再看一下低代码和纯代码，纯代码大量的工作量都放在了搭建底层技术部分，而低代码聚焦的是业务部分，因此效率就提高了不少。
2025-06-07 10:07:30
609
原创 家政维修平台实战16：我的订单
本篇我们介绍了我的订单的一个实现过程，介绍了顶部选项卡和数据列表组件的具体配置，而且演示了组件之间的数据联动，这种场景非常常见，需要仔细理解后续才可以灵活应用。
2025-06-07 10:06:47
561
原创 家政维修平台实战15：确认订单
查询条件设置为数据标识等于我们的URL参数的serviceId除了服务项目外，我们还选择了规格，需要新建一个URL参数接收在详情页选择的规格信息本篇我们按照电商常见的效果搭建了一下新增预约的布局，通过内置数据表查询读取表里的数据并绑定到具体的组件上。随着项目的推进，表越来越多，什么时候读取哪张表，怎么绑定到组件上是一个基本的能力要求，思路清晰我们的界面就可以变得丰富多彩看上去和市面的效果长的差不太多。
2025-06-06 08:38:03
271
原创 家政维修平台实战14登录验证
本篇我们介绍了服务详情页的登录验证功能，主要演示了结合自定义方法来编写各种前端校验及API调用。低代码是通过组件进行搭建界面，但有时候代码能力也是必不可少的，因为我们通过代码可以很好的控制我们的逻辑走向。
2025-06-05 10:14:47
681
原创 第八部分：阶段项目 6：构建 React 前端应用
现在，是时候将你学到的 React 基础知识付诸实践，构建一个简单的前端应用来模拟与后端 API 的交互了。在这个阶段，你可以先使用模拟数据，或者如果你的后端 API（阶段项目 5）已经搭建好，可以直接连接真实的 API。完成这个项目，你将能够独立构建一个简单的 React 前端应用，并为后续学习如何将它与后端 API 完整集成打下坚实基础。构建一个简单的 React 应用，用于显示博客文章列表和单篇文章详情。构建一个简单的 React 应用，用于显示待办任务列表。
2025-06-04 15:34:38
541
原创 第八部分：第六节 - 状态管理 (基础)：协调多个界面的状态
这就像餐厅里某个重要的通知（比如今日特价），需要从经理传给领班，领班传给服务员，服务员再传给顾客，即使领班和服务员自己并不需要知道特价的具体内容。例如，登录用户的信息、购物车的商品列表、应用的主题设置等，都可能需要在应用的多个地方访问和修改。所有在该 Provider 下的子组件，无论嵌套多深，都可以访问到 Provider 提供的值。它的目标是让状态的变化可预测，并且方便地在应用中任何需要的地方访问和更新状态。最直接的方式是通过 Props 将数据从一个父组件一层一层地传递给深层嵌套的子组件。
2025-06-04 15:34:19
539
原创 第八部分：第五节 - 生命周期与副作用 (`useEffect` Hook)：组件的幕后工作
React 组件有自己的“生命周期”，从被创建并添加到页面上（挂载），到数据或状态变化导致重新渲染（更新），再到从页面上移除（卸载）。在这些生命周期的不同阶段，我们可能需要执行一些“副作用”操作。通过依赖数组可以控制副作用的执行时机（挂载时、更新时、特定依赖变化时）。返回清理函数可以处理副作用的清理工作，避免资源泄漏。这些操作不能直接放在组件函数体中（会无限循环或只执行一次），需要特殊的机制来管理。接收一个函数作为第一个参数，这个函数就包含了你要执行的副作用代码。清理函数会在组件卸载时执行。
2025-06-04 15:33:57
602
原创 第八部分：第四节 - 列表渲染与条件渲染：根据订单显示不同内容
在构建用户界面时，经常需要根据数据动态地渲染内容，比如显示一个列表（菜单列表、订单列表）或者根据条件显示/隐藏某个元素（库存不足提示、登录/注册按钮）。这就像点餐系统需要根据后台传来的菜单数据动态生成菜品列表，或者根据菜品的库存状态显示“有货”或“售罄”。属性是 React 中渲染列表的标准做法，它帮助 React 高效地更新 UI。在 React 中渲染一个数据列表，最常用的方法是使用 JavaScript 数组的。方法遍历数组中的每个元素，并为每个元素返回一个 React 元素（通常是 JSX）。
2025-06-04 15:33:33
887
原创 第八部分：第三节 - 事件处理：响应顾客的操作
用户与界面的互动是通过事件触发的，比如点击按钮、在输入框中输入文本、提交表单等。React 提供了一套跨浏览器的事件系统，让我们可以在组件中方便地处理这些事件。React 提供了方便的事件处理机制，通过在 JSX 元素上使用驼峰命名的事件属性来绑定事件处理函数。有时候你需要在调用事件处理函数时传递额外的参数，例如在一个列表中，点击按钮需要知道是哪个列表项被点击了。这就像点餐系统输入框里的文本，系统实时“记住”并管理着里面的每一个字。）时，通常会使用 State 来管理输入框的值。，而不是函数调用的结果。
2025-06-04 15:33:18
352
原创 第八部分：第二节 - 组件基础：点餐界面的基本元素
理解 Props 和 State 的概念及其区别，是掌握 React 组件开发的关键。State 是组件内部管理的数据，它会随着时间而改变，并且会影响组件的渲染。当组件的 State 发生变化时，React 会重新渲染该组件及其子组件。想象一下，State 就像组件自己的“记忆”，比如一个按钮是否被点击了，一个输入框当前的值是什么。，子组件不应该直接修改接收到的 Props。想象一下，父组件就像经理，子组件就像员工，经理给员工分配任务和提供必要的工具 (Props)，员工不能随意改变这些工具本身。
2025-06-04 15:32:54
260
原创 第八部分：第一节 - 初识 React：构建交互式点餐界面骨架
React 是一个用于构建用户界面的 JavaScript 库，其声明式和组件化的特性使其非常适合构建复杂应用。Vite 是一个快速的工具，用于创建和启动 React 开发环境。构建现代 React 应用需要一些工具，比如打包工具 (Webpack, Vite) 和编译器 (Babel) 来处理 JSX 和新版 JavaScript 语法。它不是一个完整的框架（比如 Angular 或 Vue 也是框架），它只专注于视图层。在浏览器中访问这个地址，你会看到 Vite 和 React 的欢迎页面。
2025-06-04 12:22:04
650
原创 第三篇：订单流转与管理——新增订单
本章我们实现了平台最核心的功能之一：订单创建。我们设计了存储订单关键信息的jz_orders数据模型，开发了处理订单创建逻辑的云函数 API，并在用户小程序端搭建了订单信息填写页面，通过数据绑定和事件调用将前端用户操作与后端服务连接起来。用户现在可以将他们的服务需求转化为平台中的订单记录了。成功创建订单后，用户最关心的就是订单的状态和后续进展。下一章，我们将实现订单列表与详情的展示功能，让用户、服务商和管理员都能查看订单信息。
2025-06-04 12:21:04
1121
原创 自学低代码的入门指南：1234心法
低代码开发已经成为数字化转型的利器，越来越多的企业和个人希望通过低代码提升效率、降低开发成本。作为一名低代码教练，我总结了一套“1234心法”，帮助大家从零开始，逐步掌握低代码开发的核心技能。掌握“1234心法”，不仅能让你快速入门低代码开发，还能让你在数字化浪潮中抢占先机。虽然大模型并非万能，但它可以显著提升初学者的效率，尤其在遇到模糊问题或复杂场景时，能够提供快速解决方案。低代码的核心价值在于简化开发流程，只要熟练掌握这“三板斧”，复杂功能也能轻松实现。
2025-06-03 15:38:44
301
原创 第七部分：阶段项目 5：构建 NestJS + MySQL RESTful API 服务器
在接下来的教程中，我们将回到前端，学习如何使用现代前端框架（如 React 或 Vue）来构建交互式的用户界面，并学习如何将前端应用与我们构建的后端 API 进行通信，最终实现一个完整的全栈 Web 应用。完成这个项目，你将真正掌握全栈开发中后端数据持久化的核心环节，能够使用 NestJS 和 MySQL (TypeORM) 构建功能强大的后端服务。我们将基于之前项目的需求，实现数据的持久化存储到 MySQL 数据库，并使用 TypeORM 进行数据操作。实体，并建立一对多关系。
2025-06-03 11:33:46
341
原创 家政维修平台实战13动态显示价格
本文介绍了电商详情页规格选择与价格动态切换功能的开发过程。首先创建服务规格查询变量，通过标签选择组件搭建规格选择布局，利用Set去重处理规格类型数据。然后设置价格显示逻辑，使用短路运算符处理现价和原价显示，并添加CSS样式实现原价中划线效果。最后通过JavaScript方法实现规格组合选择时的价格动态切换功能，包括匹配规格组合、更新价格变量等操作。整个功能实现了电商常见的规格选择与价格联动效果，采用数组和Set数据结构简化数据处理流程。
2025-06-03 10:38:58
1515
原创 第七部分：第五节 - 数据关系与进阶查询 (TypeORM)：仓库里复杂的配料组合
TypeORM 提供了方便的装饰器，让我们可以在实体类中以面向对象的方式定义和管理这些数据库关系。这就像在原材料仓库中，不仅存放了各种原材料，还有详细的配料清单，说明了不同原材料之间如何组合才能做出特定的菜品。现实世界的系统通常涉及多个实体之间复杂的关联，比如一个用户可以有多篇博客文章（一对多），一篇文章可以有多个标签（多对多），一个用户有一个详细的个人资料（一对一）。选项来加载关联数据。当你获取一个包含关系的实体时，TypeORM 默认不会立即加载关联的实体。，可以用面向对象的方式构建复杂的查询语句。
2025-06-02 16:42:16
545
原创 家政维修平台实战12搭建服务详情功能
本文介绍了服务详情页面的开发过程，主要包括以下几个步骤：页面创建：新建空白页并命名为"服务详情"数据展示：使用数据详情组件读取服务信息，配置URL参数传递服务ID页面布局：设置灰色背景容器添加白色内容区域配置服务图片、名称和价格显示使用顶部选项卡展示服务详情内容交互功能：实现从首页点击跳转传递服务ID参数目前已完成基本信息和服务详情的展示功能，后续将继续开发规格选择和预约功能。通过合理使用布局组件和样式设置，可以有效构建美观实用的页面。
2025-06-02 16:41:46
834
原创 第七部分：第四节 - 在 NestJS 应用中集成 MySQL (使用 TypeORM)：结构化厨房的原材料管理系统
Repository 提供了常用的数据操作方法（查找、保存、删除等），以及 Query Builder 等更高级的查询工具。TypeORM 是一个功能强大的 ORM，支持多种数据库（MySQL, PostgreSQL, SQLite, MongoDB 等），并且对 TypeScript 和 JavaScriptES6+/ES7+ 有很好的支持，与 NestJS 集成非常方便。在 Service 中，通过依赖注入获取对应实体的 Repository 实例，然后使用 Repository 的方法进行数据操作。
2025-06-01 16:27:11
1188
原创 家政维修平台实战11搭建服务规格
本文介绍了服务规格功能的搭建过程。首先调整数据模型，创建服务规格表并关联服务项目表。然后搭建后台功能，配置表格与表单页模板。接着实现服务项目与规格的联动，通过URL参数传递数据标识。在服务内容操作列添加规格按钮，并配置跳转逻辑。最后优化新建规格功能，采用弹窗方式简化操作流程。整个设计体现了数据表拆分原则，将服务基础信息与规格信息分开存储，便于维护和扩展。该方案解决了服务详情页规格切换时价格联动变化的技术难点。
2025-06-01 11:51:25
616
原创 家政维修平台实战10：搭建首页
本文介绍了小程序首页的搭建过程，主要包括后台功能准备和前端页面开发两个部分。后台已实现服务分类和服务项目的管理功能并录入测试数据。前端搭建通过微搭平台完成，创建了包含底部导航的首页布局，实现了搜索框、服务分类展示（使用图标+文字形式）和热门服务列表（卡片式布局）等功能模块。开发过程遵循"搭建布局-定义变量-变量绑定"的基本流程，利用平台提供的组件和数据绑定能力快速实现页面功能。文章通过图文结合的方式详细说明了每个功能模块的具体实现步骤。
2025-05-26 16:08:28
1265
原创 第七部分：第三节 - 在 Express 应用中集成 MySQL：厨房与仓库的直接对接
在 Express 中，我们通常会在应用启动时创建数据库连接或连接池，然后在需要访问数据库的路由处理函数中获取连接并执行查询。这就像在 Express 厨房管理系统中，直接配置好了通往原材料仓库的通道，厨师们（路由处理函数）可以直接通过这个通道获取所需的原材料。是一种简单的方式，但更好的做法是创建一个专门的数据库模块或工具函数来管理连接的获取和释放。将数据库交互逻辑封装在工具函数或模块中是更好的实践。通常会在应用的入口文件或单独的配置文件中创建连接池，并使其在整个应用中可用。上的连接池获取连接，然后使用。
2025-05-26 08:48:39
444
原创 第七部分：第二节 - 在 Node.js 中连接和操作 MySQL：厨房与仓库的沟通渠道
这就像仓库门口有一个服务台，提前准备好了一些推车（连接），需要搬东西时直接领用推车，用完归还，而不是每次都去制造一个新推车。方法返回一个 Promise， resolved 后得到一个数组，第一个元素是查询结果（对于 SELECT 是行数据，对于 INSERT/UPDATE/DELETE 是操作影响的信息），第二个元素是字段信息（通常不常用）。驱动程序就像厨房与仓库之间的通信员，它知道如何用仓库管理员（MySQL Server）能理解的语言（SQL）发送指令，并把仓库的回应（查询结果）带回来。
2025-05-23 15:05:13
608
原创 家政维修平台实战09：推送数据到多维表格
本文详细介绍了如何将数据从微搭平台推送至飞书多维表格的步骤。首先，通过飞书官方API调试工具进行接口调试，获取必要的token和权限，并构造请求体进行数据写入测试。接着，在微搭平台上创建云函数，配置相关依赖和代码，确保能够成功调用多维表格的API。最后，在前端应用中调用云函数，将表单提交的数据推送至多维表格。整个过程涉及API调试、云函数编写和前端调用，虽然集成有一定难度，但通过逐步操作，最终实现了数据的顺利写入。
2025-05-23 11:50:40
593
原创 第七部分：第一节 - 数据库基础与 MySQL 入门：仓库的结构与管理语言
SQL 是操作关系型数据库的标准语言，掌握 SELECT, INSERT, UPDATE, DELETE 是数据库操作的基础。安装完成后，你可能需要安装一个 GUI 工具（如 MySQL Workbench, DBeaver）或使用命令行客户端来连接和管理数据库。MySQL 是一个开源的、免费的（也有商业版本）关系型数据库管理系统 (RDBMS)。我们可以使用 SQL 语句来创建数据库、创建表、插入数据、查询数据、更新数据、删除数据等。之前我们使用的内存数组存储数据，一旦服务器重启，所有数据都会丢失。
2025-05-22 20:04:55
955
原创 第六部分：阶段项目 5：构建 NestJS RESTful API 服务器
通过这六个阶段的学习，你已经从零开始掌握了前端（HTML, CSS, JavaScript, TypeScript）和后端（Node.js, Express, NestJS）的基础知识和常用框架。完成这个项目，你将能够熟练运用 NestJS 的核心概念来构建结构清晰、类型安全、易于扩展的后端应用，为你迈向更复杂的全栈项目奠定坚实基础。在接下来的学习中，我们将进入数据库、前端框架、前后端集成等更高级的主题，真正将前端和后端连接起来，构建功能完整的全栈应用。使用 NestJS 实现文章的增删改查接口。
2025-05-22 20:02:48
642
原创 第六部分：第六节 - TypeScript 与 NestJS：打造类型安全的厨房管理流程
想象一下，中央厨房里的每一个环节、每一个容器、每一个食材都贴上了精确的标签，并且有严格的规定（类型定义），确保不同区域之间、不同厨师之间传递的数据都是符合预期的。通过为请求/响应数据定义 DTO（使用接口或类），并为控制器和服务的方法参数和返回值添加类型注解，可以实现端到端（从网络请求到业务逻辑）的类型安全。是 NestJS 提供的一个 Utility Type，它可以帮助我们方便地基于现有 DTO 创建一个所有属性都变成可选的新 DTO 类型，非常适合用于更新操作的请求体。
2025-05-22 20:01:23
985
原创 第六部分：第五节 - 数据持久化 (基础)：管理厨房的原材料库存
在 NestJS 中，Service 负责与数据源（可以是内存数组、数据库、其他服务）进行交互，而控制器则通过调用 Service 来获取或修改数据。ORM/ODM 就像仓库管理员提供的标准化接口，让我们可以用面向对象的方式来操作数据库中的数据，而无需直接写复杂的 SQL 语句或处理底层数据库驱动。想象一下，控制器（服务员）把订单交给服务（厨师长），厨师长根据食谱（业务逻辑）决定需要哪些原材料，然后通过仓库管理员（ORM/ODM）从仓库（数据库）获取原材料，最后完成菜品。数据库就像中央厨房的。
2025-05-22 15:03:28
776
名师帮帮微信小程序源码
2020-11-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人