培训报名小程序实战开发

这篇具有很好参考价值的文章主要介绍了培训报名小程序实战开发。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。


经常有人问,低代码学习容易么,普通人也可以开发么。低代码作为提效的开发工具,本身是需要一定的开发基础的,通常需要掌握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 创建页面

点击页面旁边的图标,创建页面
培训报名小程序实战开发,小程序

培训报名小程序实战开发,小程序
按照我们设计阶段设计的页面依次将页面创建好

培训报名小程序实战开发,小程序

总结

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

存在这样认知的,往往是没怎么了解过低代码是什么,大概率也没用工具开发应用。其实你只要实际开发过一款小程序,其实也不是想象的那么简单。在下定义之前还是先做做功课,再做出结论也未尝不可。文章来源地址https://www.toymoban.com/news/detail-533143.html

到了这里,关于培训报名小程序实战开发的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • SSM培训报名管理系统开发mysql数据库web结构java编程计算机网页源码eclipse项目

    一、源码特点   SSM 培训报名管理系统是一套完善的信息系统,结合SSM框架完成本系统,对理解JSP java编程开发语言有帮助系统采用SSM框架(MVC模式开发),系统具有完整的源代码和数据库,系统主 要采用B/S模式开发。 SSM培训报名管理系统1 前段主要技术html div js  后端主要技

    2024年02月08日
    浏览(39)
  • Vue.js+Node.js开发实战就业反馈小程序-培训机构学员

     💖💖更多项目资源,最下方联系 IT实战课堂 ✨✨✨✨✨✨ 博主拥有多年的T技术研发项目架构和教学经验,CSDN/51CTO/腾讯课堂等平台优质作者、高级讲师,培训机构联合创始人!现专注项目定制Java、小程序、前端网页、Python、App、NodeJs、PHP、微服务、NET等远程部署、售后答

    2024年02月20日
    浏览(56)
  • Scrum敏捷开发企业实战培训

    Scrum是目前运用最为广泛的敏捷开发方法,是一个轻量级的项目管理和产品研发管理框架。 这是一个两天的实训课程,面向研发管理者、项目经理、产品经理、研发团队等,旨在帮助学员全面系统地学习Scrum和敏捷开发, 帮助企业快速启动敏捷实施。 课程采用案例讲解+沙盘

    2024年02月09日
    浏览(44)
  • 华为云零代码平台AstroZero新手操作指南-3分钟体验创建培训报名表

    华为云Astro轻应用Astro Zero是华为云为行业客户、合作伙伴、开发者量身打造的低代码/零代码应用开发平台,提供全场景可视化开发能力和端到端部署能力,可快速搭建行业和大型企业级应用并沉淀复用行业资产,加速行业数字化。 在AstroZero上,创建多种实例应用,由浅入深

    2024年02月15日
    浏览(55)
  • 培训小程序首页开发

    我们本篇来开发一下我们小程序的首页,先看一下原型 因为我们首页展示的分类信息,现在分类信息已经存到了数据源里,我们要通过变量读取出来。 先打开我们创建的自定义应用,在代码区点击新建,创建一个数据表查询 数据表选择分类,方法选择查询列表 变量定义好之

    2024年02月12日
    浏览(47)
  • 机构企业学员培训知识付费小程序开源版开发

    机构企业学员培训知识付费小程序开源版开发 用户注册与登录:提供用户注册和登录功能,以便用户能够访问和使用小程序。 个人信息管理:允许用户管理个人资料,包括修改个人信息和上传个人头像。 课程浏览:提供课程列表,包括课程名称、简介、讲师信息和价格等详

    2024年02月09日
    浏览(37)
  • HarmonyOS 4.0开发者Beta招募,快来报名尝鲜

    作为一枚资深玩机党,相比同质化日趋严重的硬件配置,我对各大手机厂商的系统软件更感兴趣。把玩了几年iPhone、三星及国产安卓手机,沉浸体验了iOS、Android几番更新迭代,暮然回首——还是咱们“土生土长”的HarmonyOS更贴合我个人的用机习惯。 目前,我的主力机华为M

    2024年02月11日
    浏览(42)
  • WPF+Halcon 培训项目实战(10):HS组件绘制图案

    为了更好地去学习WPF+Halcon,我决定去报个班学一下。原因无非是想换个工作。相关的教学视频来源于下方的Up主的提供的教程。这里只做笔记分享,想要源码或者教学视频可以和他联系一下。 微软系列技术教程 WPF 年度公益课程 Halcon开发 CSDN博客专栏 个人学习的Gitee 项目地址

    2024年02月03日
    浏览(44)
  • 基于微信选修课报名小程序系统设计与实现 开题报告

      毕业论文 基于微信小程序选修课报名抢座系统 开题报告 学    院:                        专    业:                          年    级:                         学生姓名:                        指导教师:        黄菊

    2024年02月08日
    浏览(47)
  • 基于JSP微信小程序校园运动会报名系统设计与实现

    【后台管理员功能】 录入资讯:录入资讯标题、内容等信息 管理资讯:查看已录入资讯列表,支持删除和修改 会员列表:查看所有注册会员信息,支持删除 广告设置:上传图片和设置小程序首页轮播图广告地址 留言列表:所有用户留言信息列表,支持删除 录入比赛项目:

    2024年02月12日
    浏览(56)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包