医疗小程序08科室管理

目录

  • [1 创建数据模型](#1 创建数据模型)
  • [2 搭建管理后台](#2 搭建管理后台)
    • [2.1 搭建科室分类管理功能](#2.1 搭建科室分类管理功能)
    • [2.2 搭建科室管理](#2.2 搭建科室管理)
    • [2.3 录入数据](#2.3 录入数据)
  • [3 搭建小程序](#3 搭建小程序)
    • [3.1 搭建快捷导航](#3.1 搭建快捷导航)
    • [3.2 搭建科室选择页面](#3.2 搭建科室选择页面)
  • 最终效果
  • 总结

现在我们已经完成了用户的注册、登录,设置就诊人信息等相关功能。有了基础的用户信息,下一步就是挂号的业务了。挂号我们需要看到医院的科室信息,选择医生,选择预约时间段。本篇我们就来搭建第一部分的功能,科室管理。

1 创建数据模型

要在小程序端查询可以挂号的科室,我们需要先来搭建数据模型。通常小程序部分会用一个侧边栏导航来分类查询科室信息,我们需要搭建两个表,一个是科室分类表,一个是科室信息表。

打开MySQL数据库,点击添加模型

添加科室分类表,增加分类名次,序号字段

继续添加数据模型,添加科室表,增加科室名称、科室简介、所在楼层、科室电话、运营状态字段

2 搭建管理后台

2.1 搭建科室分类管理功能

数据模型创建好之后,我们就需要给医院的运营人员提供一个数据维护的界面。在低代码里我们通过创建管理应用来进行搭建。

应用创建好之后,点击创建页面的图标来创建科室分类页面

切换到布局设计,选择左侧导航布局,点击添加平级菜单,来添加分类管理菜单

修改一下顶部的文本,设置为医院工作台

选中图标组件,上传医院的LOGO

选中底部的图标,修改为退出的样式

设置点击事件,选择退出方法

修改文本的内容为退出

回到页面设计,在内容插槽里添加布局组件

在布局组件中添加数据表格组件

选择数据模型为科室分类表,勾选业务场景

设置排序字段,选择序号作为排序字段

添加查询条件

2.2 搭建科室管理

继续点击创建页面图标,添加科室管理页面,选择左侧导航布局

切换到布局设计,添加平级菜单,添加科室管理

回到页面设计,添加布局组件

添加数据表格组件

选择科室表,添加相关场景

设置数据排序字段,按照序号进行排序

配置查询条件

2.3 录入数据

为了让我们的小程序可以查询到科室数据,我们需要在后台录入相关数据。先录入科室分类信息

接着录入科室信息

3 搭建小程序

3.1 搭建快捷导航

后台功能搭建好了之后,就可以搭建小程序了。打开小程序的首页,我们先搭建一个预约挂号的布局。

选中行,设置列的数量为2

添加一个普通容器,里边添加两个普通容器

设置外层的普通容器为横向排列

内层的普通容器,第一个普通容器里边添加一个图标组件

上传我们的素材

第二个普通容器里添加两个文本组件

3.2 搭建科室选择页面

快捷导航搭建好后,我们创建一个科室选择页面

添加侧边选项卡组件

创建一个内置数据表查询,选择科室分类表

给标签绑定表达式

bash 复制代码
$w.departList.data.records.map(item=>({
  label:item.fenleimingchen,
  value:item._id
}))

设置选中标签

bash 复制代码
$w.departList.data.records[0]._id

在侧边栏选项卡的内容插槽里添加数据列表组件,数据模型选择科室表

设置数据筛选条件,设置为所属分类等于侧边栏的选中值

最终效果

后台可以录入数据

小程序首页显示预约挂号快捷导航菜单

点击预约挂号,可以查询科室信息

总结

本篇我们介绍了科室管理的搭建功能,分为后台录入数据搭建和小程序科室选择搭建。后台功能我们主要是配置数据表格组件,小程序我们主要是配置侧边选项卡和数据列表组件。熟练掌握布局组件的各种用法,就可以便捷的搭建出各种业务场景来。

相关推荐
00后程序员张3 小时前
接口调试从入门到精通,Fiddler抓包工具、代理配置与HTTPS抓包实战技巧
前端·ios·小程序·https·fiddler·uni-app·webview
说私域5 小时前
“开源链动2+1模式AI智能名片S2B2C商城小程序”赋能同城自媒体商家营销创新研究
人工智能·小程序·开源
NocoBase6 小时前
两个商业插件改为开源插件
低代码·开源·资讯
道一云黑板报8 小时前
大规模低代码系统推荐:知识图谱与 GNN 的性能优化策略
深度学习·神经网络·低代码·性能优化·知识图谱·推荐算法
说私域10 小时前
AI智能名片链动2+1模式S2B2C商城小程序在客服沟通中的应用与效果
人工智能·小程序
游戏开发爱好者819 小时前
iOS IPA 上传工具全面解析,从 Transporter 到开心上架(Appuploader)命令行的高效上架实践
android·ios·小程序·https·uni-app·iphone·webview
液态不合群21 小时前
DDD驱动低代码开发:从业务流程到领域模型的全链路设计
前端·低代码·架构·ddd
jonyleek21 小时前
JVS低代码开发中,如何创建自定义前端页面并接入到现有系统中,从创建到接入的全攻略
前端·低代码·前端框架·软件开发
阿里花盘1 天前
培训机构如何利用小程序线上引流招生?培训机构小程序开发教程
小程序