基于微信小程序的生殖健康宣传平台的设计与开发

冯梦颖,户明珠，樊 仪，何春艳，段忆寒，杨 晓

(郑州大学 护理学院，河南 郑州 450001)

生殖健康是人类生存繁衍的基础。虽然近些年人们对生殖健康的关注度有所提高，但是,目前国内的生殖健康问题仍十分突出。在我国,育龄妇女不孕不育的发病率为10%～17%[1]。每年未婚女性因意外妊娠人工流产约1 300万人次,重复意外妊娠占30%以上[2]。我国是出生缺陷高发国家,出生缺陷发生率与世界中等发达国家的平均水平接近,约为5.6%[3]。事实上，一些生殖系统疾病是可以避免的，如果公众的生殖健康知识水平提高，生殖健康疾病的发病率也会随之降低。因此,加强生殖健康宣传是很有必要的。

《“健康中国2030”规划纲要》中提到,要利用新媒体拓展健康教育。微信小程序作为“新媒体”的重要成员，自2017年上线，以其即用即走，无须安装的特点引起了广泛的关注。在2018年1月15日的微信公开课上，小程序首次公布了其诞生一年来的关键数据：日活跃用户数1.7亿，上线58万个，开发者超过100万，第三方开发平台超过2 000家。这些数据足以说明小程序可以成为推广生殖健康教育的有效宣传工具。本研究利用微信小程序作为生殖健康知识宣传平台，普及生殖健康知识，以提高全民生殖健康水平。

1 研究方法

1.1 建立小程序框架

框架是微信小程序的基石，在整个小程序的构造和功能实现等方面发挥了重要的作用。框架的主要功能是对软件开发中的各种组件的应用及相互关系进行详细的说明。在这一设计环节，需要开发者对应用系统的运行有清晰的思路和完善的规划，然后一步一步设计完成，最终实现整个应用体系结构的创建。逻辑层(APP Service)和视图层(View)构成数据绑定系统。JavaScript是逻辑层的框架，其功能是在视图层与逻辑层之间搭建起一座桥梁，有利于二者之间进行数据传输与事件反馈，以便于开发者处理逻辑和视图之间的关系。在微信小程序中，逻辑层的组成是所有.js脚本文件的集合，即处理大小事务的正确逻辑；而视图层则是由.wxml文件与.wxss文件的集合构成，然后使用WXML与WXSS语言编写，再通过组件来展现接收的数据。逻辑层与视图层分工明确，相互配合。逻辑层对接收到的数据进行处理，再发送给视图层，用户通过视图层做出响应，这一响应会立即被视图层通过特定数据记录下来，然后再反馈给逻辑层，从而实现用户与系统的交互。

1.2 小程序的开发流程

1.2.1 获取AppID

第一步，登录微信完成小程序的注册，并如实填写和完善各项基本信息。另外还需要管理员完成身份认证，只需打开微信，扫描二维码，即可完成。如果想要查看AppID，可在“设置—开发者设置”中看到。需要注意的是：若要以非管理员微信号在手机上体验该小程序，还需要操作“绑定开发者”这一步骤，即在“用户身份”开发者模板绑定上需要体验该小程序的微信号。

1.2.2 创建项目

微信Web开发工具是创建微信小程序的基础设施，是一种基于Native System系统层的框架，可在官方网页上下载并安装。它具有一套完整的开发框架供开发者使用，很大程度上提高了工作效率。开发者利用微信官方所提供的框架可以完成对微信小程序的开发与调试，相关代码的编译与改写以及最后程序的发布等一系列工作。但是在程序发布之前，需要对代码和一些配置的信息进行审核，等到所有审核通过之后才可发布。创建过程的具体步骤是:输入AppID，设置项目名称，选择空文件夹，创建quick start 项目。开发者完成这一系列步骤，即项目创建成功。

1.2.3 编写代码

编写代码在左侧导航“编辑”里进行，里面有初始化的简单代码文件，开发者可直接利用这些代码文件编写代码，既省时又省力。但在这些代码文件中有三个是缺一不可的。第一个是app.js，它作为小程序的初始化脚本，主要功能是对小程序的生命周期进行监听、申请全局变量以及随时调用API等。第二个是app.json，它掌控着整个小程序的全局配置，其关键作用主要体现在pages和window二者的用途上：pages负责页面路径组成的设置，一般直接默认第一条为首页，而window则负责默认页面窗口表现的设置。最后一个是app.wxss，相比前两个，它的工作最简单，仅仅代表着整个小程序的公共样式表。

1.2.4 创建页面

创建页面一共有两个页面，分别是index 页面和 logs 页面，前者是欢迎页，后者则是小程序启动日志的展示页，二者均在 pages 目录下。对于pages目录，它是由一个文件夹中的四个同名不同类型文件组成，分别是index.wxss，index.json，index.js和index.wxml。.wxss是样式表文件，.wxml是页面结构文件，.js是脚本文件，.json是配置文件，但是.json和.wxss两个文件不属于必须具备的文件范围。微信小程序中每一个页面的“路径+页面名”都需要写在 app.json 的 pages 中，小程序的首页即为pages中的第一个页面。

2 结果

2.1 系统模块介绍

“生殖健康说”是基于微信小程序设计开发的一款生殖健康宣传平台，包括首页、社区、个人中心和商城(待开发)四个模块，采用视频、动画、问卷和竞答等多种形式进行生殖健康知识的宣传，同时具备浏览、搜索、刷新、提问、回答、评论、购物等功能，以最大程度满足用户需求。

2.2 系统功能介绍

首页模块由每日推荐和热门专题两部分组成，同时具有搜索功能。每日推荐部分定期推送后台精选的文章；热门专题部分以女性健康、男性健康、性健康和生育节育四个方面的知识为宣传重点编写文案，适当加入视频、动画等内容。社区模块包括提问、讨论圈和公告三部分，便于用户之间、用户与管理后台之间的交流。用户可在提问部分提出问题，在讨论圈展开讨论，公告部分用于后台管理人员发布公告。个人中心模块包括头像、电商订单、我的工具和营销工具四部分。商城模块目前处于待开发状态，后期可根据用户需求决定是否进一步开发。

3 讨论

在新媒体的快速发展下，以报纸、广播、电视为代表的传统媒体在宣传方面的劣势日益显现，主要体现在传播方式单一，缺乏互动性，时效性差，更新速度慢等方面。因此，近年来传统媒体在生殖健康知识的宣传上并未达到很好的效果。

微信小程序作为新媒体的重要成员，依托于微信，不需安装，节省流量。它拥有原生APP的体验，却比原生APP更轻量、实时、跨平台。另外，小程序支持资源离线，功能接口多，用户体验更流畅。“生殖健康说”基于微信小程序开发设计，首页模块的每日推荐和热门专题部分非常适合于庞杂的生殖健康知识的整理与宣传，同时使用户的阅读更加便捷；社区模块使“生殖健康说”拥有更强的互动性；用户的阅读记录留存在个人中心，有利于用户对生殖健康知识的存储。

4 结语

针对我国生殖健康问题，本研究基于WXML语言和WXSS语言构建了小程序的框架和界面，设计开发出“生殖健康说”这一生殖健康知识宣传平台，并对该平台的各个模块和功能进行了详细的说明。“生殖健康说”与传统媒体不同，有时效性强、传播广、互动性强等优点，极大地方便了人们对生殖健康知识的获取，促使生殖健康相关服务更加规范和便捷。最终，提高了公众的生殖健康水平，完成了微信小程序这一新颖的应用形式在生殖健康知识宣传领域的初步探索。