母婴乐园APP设计与实现

杨雅志++杨开洪

摘 要：母婴乐园APP，采用育儿知识+圈子分享+母婴商城的模式，囊括了当下母婴APP的热门流行功能，并添加了照片墙，百日宴等特色功能。软件采用混合应用开发模式，前端采用Ionic+AngularJS框架，后台采用SSM框架，开发过程简捷方便，软件扩展性与维护性强。

关键词：母婴APP；AngularJS；照片墙；百日宴

中图分类号：TP311.52 文献标志码：A 文章编号：2095-2945（2017）29-0112-02

引言

近几年来，伴随二胎政策与“互联网+”、电子商务等技术的迅猛发展，使得母婴类产品也得到飞速发展[1]。据相关权威数据显示，二胎政策的全面放开，每年将新增300-500万新生宝宝，带来一个每年900-1500亿的巨大消费市场。这些新生的宝宝，必将拉动母婴市场的飞速发展，在接下来的几年将是母婴市场发展的铂金时期。

目前，市场上的母婴APP大致分为电商类和社区类两大分支[2]，两类APP注重点不同，各有所长。但是很少有将购物、育儿、交流、推送等服务集于一身的应用。鉴于此，开发了母婴乐园APP。软件前端采用流行的Ionic+AngularJS框架实现布局和用户交互，后台采用SSM框架实现维护相关功能。软件各个模块耦合度低，扩展性、可维护性高。通过该APP的使用，年轻的父母可以享受一站式服务，将宝宝的衣食住行安排的仅仅有条，使宝宝健康快乐的成长。

1 相关技术

1.1 Ionic

Ionic是一个用来开发混合手机应用的移动开发框架，以界面美观、响应速度快等特点获得良好的使用体验，Ionic采用MVVM的实际思想，通过SASS构建应用程序来帮助开发者开发近乎完美的手机应用[3，4]。

1.2 AngularJS

AngularJS 是由谷歌维护的JavaScript框架[5]。它补充了

HTML在构建应用上的不足。它吸收了传统的MVC设计模式针但又并不执行传统意义上的MVC，更接近于MVVM（Model-View-ViewModel）。AngularJS凭借模块化、自动化双向数据绑定、语义化标签、依赖注入等特性使得web开发更加简单化、专业化。

1.3 SSM

SSM框架是由MyBatis+Spring +SpringMVC三个框架整合而成。其中，MyBatis作为持久层框架，主要负责对数据库的操作，SpringMVC作为表示层框架实现页面展示与业务逻辑相分离，Spring框架负责管理MyBatis和SpringMVC。SSM是继SSH框架之后，目前比较主流的Java EE企业级框架。适合搭建各种大型的企业级应用系统[6]。

2 系统设计

2.1 总体设计

母婴乐园APP本着功能丰富、界面美观、操作简单的设计原则，在对市面广泛使用的母婴APP充分调研基础上，确定了系统的总体架构和功能分配。系统功能模块包括：登录注册、圈子、商城购物、百日宴、知识库（孕育问答）、好友功能、照片墙等。各功能之间的相互调用情况如图1所示。

2.2 数据库设计

母婴乐园APP数据库采用MySQL，主要包括用户表、商品表、商品一级分类表、商品二级分类表、订单表、音频表、视频表、轮播图表等。母婴乐园APP数据库的PDM结构如图2所示。

3 系统实现

3.1 域模型（JavaBean）实现

域模型（JavaBean）指满足一定条件的Java类。作为持久化对象，域模型实现Java类与数据表的映射。JavaBean中每个成员变量与数据表的每个字段相对应，从而对象映射。以用户类User为例，其域模型代码为：

public class User implements Serializable{

private int userID； //用戶编号

private String userName； //用户名

private password； //密码

//省略每个成员变量的getter和setter方法

}

3.2 业务逻辑层实现

业务逻辑层通过调用数据持久层完成指定的业务逻辑，同时处理表示层请求。业务逻辑层与数据层之间的协同通过Spring框架进行管理。以用户对象User为例，业务逻辑层功能主要包括用户登录、注销、修改密码等。用户对象业务逻辑主要代码如下所示：

public class UserServiceImpl{

public boolean register（String username，String password）{…}

……

public Boolean login（String username，String password）{…}

}

3.3 数据持久层实现

数据持久层主要根据用户请求完成对数据库的访问，并将结果返回到业务逻辑层。数据持久层对数据库的访问通过MyBatis框架完成。以用户对象User为例，数据持久层功能主要包括对用户的增、删、改、查操作。主要代码如下所示：

public class UserServiceImpl{

public boolean register（String username，String password）{…}

……

public Boolean login（String username，String password）{…}

}

3.4 前端界面实现

前端界面通过Ionic+AngularJS框架实现，其中个人账户界面和侧边栏界面如图3所示。

4 结束语

本文介绍了母婴乐园APP的设计与实现过程，通过该软件的使用，可以同时满足年轻父母对购物、孕期咨询、育儿交流等不同方面的需求，而免去在各个APP间切换的烦恼。

参考文献：

[1]王丽萍，樊鸿钰.我国母婴电商市场现状及前景分析[J].经营者，2016，30（13）：50-52.

[2]李晓，夏杉珊，王明宇.我国母婴电商的发展现状与前景分析[J].中国商论，2015（36）：150-152.

[3]朱凯南，李艳平，申闫春，等.基于Ionic和Cordova的跨平台移动APP的研究与应用[J].电脑知识与技术，2016，12（1）：119-121.

[4]邓慧琴.Ionic框架开发移动App-自定义登录加密插件[J].齐齐哈尔大学学报（自然科学版），2017，33（1）：9-13.

[5]董英茹.简谈AngularJS在下一代Web开发中的应用[J].软件工师，2015，18（5）：30-31.

[6]邹红霆.基于SSM框架的Web系统研究与应用[J].湖南理工学院学报（自然科学版），2017，30（1）：39-43.