培训报名小程序实战开发

目录

  • 1 需求描述
  • 2 原型绘制
    • 2.1 首页
    • 2.2 报名列表页
    • 2.3 报名页
    • 2.4 支付页面
    • 2.5 支付成功页面
    • 2.6 我的页面
    • 2.7 我的报名页面
    • 2.8 报名详情页面
  • 3 数据源设计
  • 4 数据源开发
  • 5 创建模型应用
  • 6 录入测试数据
  • 7 创建自定义应用
  • 8 创建页面
  • 总结

经常有人问,低代码学习容易么,普通人也可以开发么。低代码作为提效的开发工具,本身是需要一定的开发基础的,通常需要掌握javascript、css。

如果没有开发基础的普通人,也可以先熟悉低代码的通用开发技能,遇到问题的时候再通过检索来寻求解决方案。但如果希望深入的开发,自学javascript还是有必要的。

本篇就以一个实际的需求为例,我们来拆解一下利用低代码开发小程序需要经过哪些步骤。

1 需求描述

在这里插入图片描述
需求主要是要开发一款培训报名的小程序,要有必要的信息填报的界面,而且需要支付功能,支付完毕后付款人可以查看已经报名的信息。

2 原型绘制

我们拿到需求后是不是要直接进入到开发呢?通常不会,因为需要再细化需求。低代码通常将小程序拆分为页面,页面要区分各个功能区域,我们可以使用原型工具来进行绘制。

按照用户的实际操作流程,我们拆分成如下页面

2.1 首页

在这里插入图片描述
首页是一个功能引导页面,可以进入教师报名的页面或者学员报名的页面

2.2 报名列表页

在这里插入图片描述
报名列表页展示该分类下可以报名的信息,点击报名进入报名页面

2.3 报名页

在这里插入图片描述
报名页需要填报个人信息,点击确认进入到支付页面

2.4 支付页面

在这里插入图片描述
显示具体填写的信息,列出所需费用,点击立即支付拉起支付,付款成功后跳转到支付成功页面

2.5 支付成功页面

在这里插入图片描述
提示支付成功,点击首页可以返回到首页

2.6 我的页面

在这里插入图片描述
点击报名情况跳转到已经报名的列表页面

2.7 我的报名页面

在这里插入图片描述
以列表的形式列出已经报名的信息,显示报名的支付状态,如果未支付,点击按钮跳转到支付页面,如果已经支付,点击按钮跳转到查看页面

2.8 报名详情页面

在这里插入图片描述
查看报名的详细信息

3 数据源设计

我们在拆分数据源的时候要考虑后续数据的维护和程序的扩展,首页是一个分类,目前只有两类。日后可能随着业务的扩展会有多个类目,因此将首页提炼一个分类表,设计如下字段

字段名称字段类型
分类名称文本
分类图标图片
背景色文本

通过首页跳转到报名页,我们可以设计一个培训内容表,字段如下

字段名称字段类型
标题文本
课程介绍文本
报名开始时间日期
报名截止时间日期
缴费金额数字
分类关联关系

我们这里为啥要有一个分类字段呢?因为分类和培训内容是一个一对多的关系,分类是一,培训内容是多。怎么理解一对多呢?一个分类下有多个培训内容,某个培训内容只属于一个分类,这就叫一对多

接着就是报名表了,字段如下

字段名称字段类型
姓名文本
性别枚举
身份证文本
电话号码电话号码
工作单位文本
支付状态枚举
支付时间日期时间
缴费金额数字
培训内容关联关系
openid文本

这里添加了一个openid的字段,在小程序中用户的身份是通过openid来标识的,我们在过滤报名信息的时候通过这个字段就可以进行过滤

4 数据源开发

设计好之后,我们需要建建立数据源,首先创建培训分类数据源

进入到控制台,点击数据模型,点击新建数据模型
在这里插入图片描述
输入数据源的名称,自动生成标识
在这里插入图片描述
点击编辑进入到字段添加视图
在这里插入图片描述
点击添加字段依次添加字段
在这里插入图片描述
在这里插入图片描述
按照同样的方法创建好另外两个数据源
在这里插入图片描述
在这里插入图片描述

5 创建模型应用

作为一套软件来说,必然会对应一套管理后台,主要是给运营和管理人员日常使用。微搭里的管理后台对应着模型应用,打开控制台,创建模型应用
在这里插入图片描述
勾选我们已经创建好的数据源
在这里插入图片描述
会自动帮我们创建好增删改查的页面
在这里插入图片描述
然后点击发布,有两个版本可供选择,体验版和正式版。在开发阶段我们发布成体验版,测试通过后可以发布为正式版。体验版和正式版的数据是隔离的,如果正式使用,数据还需要重新录入一遍
在这里插入图片描述
在下方的红色叹号表明还有没有完成的工作,我们的管理后台是在企业工作台里使用,需要先配置导航菜单,点击前往配置
在这里插入图片描述
点击根据页面一键生成配置
在这里插入图片描述
菜单配置好之后,再次点击发布,将数据源都发布了,最终变为绿色的状态,说明已经配置好了
在这里插入图片描述

6 录入测试数据

在开发小程序之前,我们需要将数据准备好,访问我们刚刚已经发布好的模型应用,录入分类及培训内容
在这里插入图片描述
在这里插入图片描述

7 创建自定义应用

如果我们希望开发小程序,在微搭里对应着自定义应用,打开控制台,点击创建自定义应用
在这里插入图片描述
在这里插入图片描述

8 创建页面

点击页面旁边的图标,创建页面
在这里插入图片描述

在这里插入图片描述
按照我们设计阶段设计的页面依次将页面创建好

在这里插入图片描述

总结

我们本篇以一个报名小程序为案例,带着大家从需求分析到设计逐一演示了每一个环节该干什么。有的人说低代码很简单,拖拽几下就完事了,认为是低技术含量的事情。有的说我懂开发,弄低代码岂不是小儿科。

存在这样认知的,往往是没怎么了解过低代码是什么,大概率也没用工具开发应用。其实你只要实际开发过一款小程序,其实也不是想象的那么简单。在下定义之前还是先做做功课,再做出结论也未尝不可。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/36188.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

培训机构微信在线报名

培训机构微信报名系统 进入微信公众号,点击在线报名,进入在线报名的主页: 点击免费课程或是热门课程等,即可打开课程列表,界面如下: 点击对应一门课程,打开课程的详细界面进行报名,界…

微信小程序的培训机构课程报名系统

培训机构小程序的设计基于现有的手机,可以实现首页、个人中心、学员管理、教师管理、课程类型管理、课程信息管理、课程报名管理、课程退订管理、课程成绩管理、课程评价管理、留言板管理、系统管理等功能。方便教师和学员对首页、课程信息、课程资讯、我的等详细的…

北京电台“广播三下乡” 徐德亮演唱传统曲艺

中新网北京1月30日电 29日,北京电台“广播三下乡”活动在延庆刘斌堡村举行,北京电台主持人、相声演员徐德亮等为村民送上了精彩的演出。 徐德亮演出 北京电台供图 一到延庆刘斌堡村,北京电台主持人大帅和艾珂就迫不及待地帮着搬运大米和油&…

《大众摄影》四十年经典作品精选

《炼铁炉旁》   作者:华谷平   选自1958年第9期      《黎明钟声》1942年   作者:江波   选自1958年第10期      《冒雨奋战》1958年   作者:陈勃   选自1959年第1期      《在结婚登记处》195…

微商在微信营销的时候微信封号的原因是什么?

微信号被封可以说是做微信营销的噩梦,现在解封微信的限制比较多,而且流程很是繁琐,很多人因为操作不当造成微信号总是被封,那么究竟原因是什么呢?接下来,马找钱这篇问文章就和大家分享下微信老是被封的原因&#xff0…

Zebec Chain缘何能成为新晋应用链,熊市下又为何值得我们关注?

流支付生态 Zebec 正处于发展的火热阶段,Zebec此前于12月20日举办的为期3天的Web3.0 TechHive Summit 2022 大会,目前已经落幕,此次大会参会项目多达34个囊括了公链、钱包、DID、GameFi等多个主流行业赛道,并围绕行业安全、发展趋…

《ChatGPT:利用最先进的技术支撑多域作战》

来源:专知 本文约2000字,建议阅读5分钟 我们对ChatGPT带来的可能性感到兴奋。 ChatGPT是一个建立在GPT-3大型自然语言模型上的人工智能驱动的聊天机器人,自OpenAI于2022年11月推出以来,已经风靡全球。它是历史上增长最快的消费者应…

腾讯AI Lab绝悟团队夺冠Kaggle足球AI竞赛

感谢阅读腾讯AI Lab微信号第115篇文章。本文将介绍绝悟WeKick版本登顶首届谷歌足球Kaggle竞赛的内容。 Google Research 与英超曼城俱乐部在 Kaggle 平台上联合举办的 11v11 足球 AI 竞赛 Google Football 近日宣布最终结果:腾讯 AI Lab 绝悟 WeKick 版本&#xff0…

ChatGPT挑起的这场AI竞赛,有一个肮脏的秘密

来源:WIRED 作者:Chris Stokel-Walker 编译:库珀 将大型语言模型(LLM)整合到搜索引擎中,或意味着 5 倍的算力增长和巨大的碳排放。 2 月初,微软和谷歌相继宣布对其搜索引擎进行重大改革。 这两家…

NCT全国青少年编程能力等级测试教程(图形化编程、Python语言编程)

图形化编程 Python语言编程 蓝桥杯STEMA测评-python真题讲解6 蓝桥杯STEMA测评-python真题讲解6_哔哩哔哩_bilibili 工橙院大豪猪 工橙院大豪猪的个人空间_哔哩哔哩_Bilibili 蓝桥杯青少组Python竞赛真题讲解 蓝桥杯青少组Python竞赛真题讲解_哔哩哔哩_bilibili 蓝桥杯第13…

Go C画图 CSP-J信息学奥赛 2023.03.02、03 测试题

一、单项选择题 (共10题,每题1.5分,共计15分。每题有且仅有一个正确选项。) 1.在二进制下,1011001 ( ) 1100110。 A.1011 B .1101 …

股票交易查询接口api源码分享

股票交易查询接口是一个股票分析的工具,投资折可以通过这个接口在股票的买卖过程中自己判断是否要做空,简单来说股票交易查询接口就用来判断股价上涨或者下跌以及投资亏损的分析工具! 那么在本质上来说股票交易查询接口其实就死是一个帮助投资…

微信小程序实现仿微信聊天界面(各种细节处理)

下面先来看看效果 为实现这样的效果,首先要解决两个问题: 1.点击输入框弹出软键盘后,将已有的少许聊天内容弹出,导致看不到的问题; 2.键盘弹出或收起时,聊天消息没有自动滚到最底部。 首先解决第二个问题…

小程序中如何实现即时通信聊天功能?

项目背景:小程序中实现实时聊天功能 一、服务器域名配置 配置流程 配置参考URL:https://developers.weixin.qq.com/miniprogram/dev/api/api-network.html 二、nginx中配置反向代理加密websocket(wss) upstream websocket{hash $remote_addr consiste…

微信小程序的测试方法,抓包,模拟

微信小程序的测试,抓包,模拟 不仅仅只是测试同学需要完整的对我们的程序进行测试,同时也需要我们的开发同学对如何进行微信小程序的测试有一定的了解,接下来,我们来对一些特殊场景的微信小程序进行测试。 目录 微信小…

如何在微信小程序里实现聊天室功能?

准备工作 下载环信 小程序demosdkgit clone https://github.com/easemob/webim-weixin-xcx创建一个文件夹,将 demo 中的文件 comps、images、sdk、utils 拷贝到新的文件,文件目录说明 集成 登录环信没什么可说的,这里选择的是使用 usernam…

具身智能,是机器人的“冷饭热炒”吗?

大模型正如火如荼,下一个AI风口就来了。 如果你关注2023世界人工智能大会等行业峰会,以及英伟达、微软、谷歌、特斯拉和国內科技大厂的最新发布会,除了“大模型”,应该会听到另一个高频词——具身智能。 所谓具身智能Embodied AI …

chatgpt赋能python:Python图片拼接:将多张图片拼接成一张大图

Python 图片拼接:将多张图片拼接成一张大图 在当今数字化的时代,图片已经成为了我们生活和工作中不可或缺的一部分。图片不仅可以记录生活的美好瞬间,同时也可以用于商业宣传、教育培训等方面。然而,在某些情况下,我们…

英伟达终于开源GPU内核模块代码

作者 | 钰莹,核子可乐 内容来源:infoq 近日,英伟达(NVIDIA)宣布,将 Linux GPU 内核模块作为开放源代码发布。早在几天前,NVIDIA 开始在 GitHub 上陆续公开相关代码,目前该项目已经…