会员管理系统实战开发教程02-H5应用创建

简介: 会员管理系统实战开发教程02-H5应用创建

低代码平台作为一个应用的快速生成工具,可以方便的进行一页多端的开发,可以在一个应用里生成三端的应用,也可以拆分成三个应用来制作。三端包括H5、小程序和PC管理后台。

上一篇我们介绍了PC管理后台的创建方法,本篇我们介绍一下H5的创建方法。

1 创建自定义应用

H5创建的时候,需要创建自定义应用。自定义应用的特点是像一个画布一样,需要我们自己添砖加瓦。

打开控制台,点击创建应用,点击新建自定义应用

应用创建好之后,我们要选择H5构建

2 宫格导航设置

一般的管理软件,在移动端使用的时候我们需要给一个导航菜单的功能,在H5中,我们使用宫格导航组件来实现,在右侧的组件面板中找到宫格导航组件,拖入中间的编辑区

然后切换到配置页签,我们设置一下宫格导航的导航设置

宫格导航既可以单独配置每个菜单项,也可以从数据源中读取配置,我们这里使用单独配置即可。

点击某个配置项,可以选择图标,也可以设置跳转的页面

3 页面创建

我们的应用是由页面组成的,点击左上角创建页面的图标,新建一个会员列表的页面

页面创建成功后,我们将宫格导航的第一个菜单项设置为会员管理,并且跳转到会员列表页面

4 会员列表功能实现

会员列表功能我们可以使用数据列表组件实现,微搭中页面搭建主要是使用数据容器组件实现,数据容器组件包括数据列表、数据详情、表单容器,大部分的管理页面都可以用这三个组件进行搭建。

点击左上角的页面图标,从页面列表里选择我们的会员列表页面,往页面中拖入数据列表组件

数据列表需要选择数据源,选择我们的会员信息数据源

我们在右下角要显示一个创建的图标,先添加一个普通容器,里边放置一个图标组件

要想让图标出现在右下角,我们需要设置普通容器的定位,设置为固定定位,距右边10px,距下边10px

然后修改图标的样式

点击图标的时候,我们需要跳转到新增页面,创建一个新增页面

设置普通容器的事件,点击时我们打开新增页面

5 会员新增

切换到会员新增页面,我们新增页面是使用表单容器来完成的,往页面中拖入表单容器组件,数据源选择会员信息

提交成功后我们需要返回上一页,先选中表单容器,然后在数据源事件中增加成功时的事件

选择返回上一页即可

6 预览发布

功能开发好之后我们先需要测试,点击实时预览

先进行测试,测试通过之后,可以点击发布,发布成体验版在手机上进行测试

总结

本篇我们讲解了自定义应用的创建方法,并且介绍了会员列表功能及新增功能的开发。管理端我们通常就是五个基本动作列表、新增、修改、删除、查看,熟练掌握基本功能的开发是低码开发应用的基本功,基本功打扎实了应用开发就是水到渠成的一件事。

相关文章
|
6月前
|
安全 JavaScript 前端开发
购物全返商城平台系统开发步骤流程/需求设计/教程指南/源码功能
开发购物全返商城平台系统涉及多个步骤和考虑因素。
|
6月前
|
存储 移动开发 小程序
会员管理系统实战开发教程01-创建模型应用
会员管理系统实战开发教程01-创建模型应用
|
6月前
|
容器
会员管理系统实战开发教程07-会员消费
会员管理系统实战开发教程07-会员消费
|
数据库 存储 关系型数据库
|
4月前
|
搜索推荐 安全 数据安全/隐私保护
构建高效网站后台会员管理系统:实战指南与代码示例
【7月更文挑战第5天】在当今的互联网时代,几乎每个网站或应用程序都需要一个强大的会员管理系统来维护用户信息、权限控制以及个性化体验。一个设计良好的会员管理系统不仅能够提升用户体验,还能增强数据安全性和运营效率。本文将深入探讨如何从零开始构建一个网站后台会员管理系统,涵盖系统设计思路、关键技术选型、功能模块实现,以及实战代码示例。
434 3
|
3月前
|
SQL Java 应用服务中间件
使用SSM搭建图书商城管理系统(完整过程介绍、售后服务哈哈哈)
这篇文章是关于如何使用SSM框架搭建图书商城管理系统的教程,包括完整过程介绍、常见问题解答和售后服务,提供了项目地址、运行环境配置、效果图展示以及运行代码的步骤。
使用SSM搭建图书商城管理系统(完整过程介绍、售后服务哈哈哈)
|
4月前
|
XML JSON API
开发者必备:淘宝商品列表接口集成全攻略
淘宝开放平台提供的商品列表数据接口让开发者编程获取商品列表数据。接口支持按关键词、类目等查询条件获取商品详情,包括标题、价格等信息。具备灵活性高、数据丰富及操作便捷等特点。使用流程包括注册账号、构建并发送HTTP请求及处理响应数据。可用于电商数据分析、商品推荐等场景。开发者需遵守规定确保数据安全合法。[体验API](c0b.cc/R4rbK2)
|
4月前
|
小程序 前端开发
微信综合购物商城小程序ui模板源码
微信电商小程序前端页面,综合购物商城ui界面模板。主要功能包含:电商主页、商品分类、购物车、购物车结算、我的个人中心管理、礼券、签到、新人专享、专栏、商品详情页、我的订单、我的余额、我的积分、我的收藏、我的地址、我的礼券等。这是一款非常齐全的电商小程序前端模板。
95 4
|
6月前
|
JavaScript 小程序 Java
基于微信小程序的家政服务预约系统的设计与实现(源码+lw+部署文档+讲解等)
基于微信小程序的家政服务预约系统的设计与实现(源码+lw+部署文档+讲解等)
|
6月前
|
小程序 JavaScript Java
商城|商城小程序|基于微信小程序的智慧商城系统设计与实现(源码+数据库+文档)
商城|商城小程序|基于微信小程序的智慧商城系统设计与实现(源码+数据库+文档)
131 1
下一篇
无影云桌面