论文总字数：28904字

目 录

1 引言 1

1.1 课题研究背景及意义 1

1.2 课题研究内容 1

2 系统需求分析与相关工具介绍 2

2.1 需求分析 2

2.2 可行性分析 2

2.3 系统环境 3

2.4 相关工具技术介绍 3

2.4.1 WebStorm 3

2.4.2 PhpStorm 3

2.4.3 Mysql 3

3 系统总体设计 4

3.1 系统结构设计 4

3.2 系统流程设计 4

3.3 数据库设计 7

3.3.1 数据库概念设计 7

4 系统详细设计 13

4.1 系统结构设计 13

4.2 系统界面设计 13

4.3 功能模块详细设计 15

4.3.1 首页详细设计 15

4.3.2登录注册模块详细设计 15

4.3.3 主题详情详细设计 16

4.3.4 报名详细设计 16

4.3.5 创建活动详细设计 16

4.3.6 上传活动精彩详细设计 16

4.3.7 评论详细设计 17

4.3.8 点赞详细设计 17

4.3.9 分享详细设计 17

5 系统实现 17

5.1首页实现 17

5.2 登录注册模块实现 19

5.3 主题详情实现 20

5.4 报名模块实现 22

5.5 创建活动模块实现 24

5.6 上传活动精彩模块实现 26

5.7 评论模块实现 28

5.8 点赞模块实现 30

5.9 分享模块实现 31

6 测试 33

6.1 系统测试分析 33

6.2系统性能分析 35

7 总结 35

参考文献 35

致谢 37

故事妈妈活动平台的设计与实现

张少康

，China

Abstract: Reading is a very important way of learning, and parent-child reading is one of the best ways to let children fall in love with reading. It makes children and parents share a variety of forms of reading, which plays an important role in students' reading. Therefore, a platform for promoting parent child reading came into being. This article mainly expounds the design and Realization of the story mother platform, which is used at the app end and the WeChat or the browser end, which specializes in the story mother's software. The system uses webstorm and phpstorm as the development environment, uses HTML, CSS, JS, PHP language to encode and uses Mysql to store database data. It mainly realizes the function of user signing up to be a story mother, the story mother creation, the user signing up for the story mother activities, the wonderful uploading activities and sharing the commentary points. The system has stable operation, good compatibility, simple operation and good user interface.

Key words: story mother; offline activity; read; Mysql

1 引言

1.1 课题研究背景及意义

随着经济不断发展，消费升级和育儿观念转变，人们对儿童教育以及成长愈发注重。家庭教育，是大教育的组成部分之一，是学校教育与社会教育的基础，家庭教育是终身教育^[1]。在人的一生中起着奠定基础的作用。阅读是一种很重要的学习方式，而亲子阅读是让孩子爱上阅读的最好的方式之一，就是以书为媒，以阅读为纽带，让孩子和家长共同分享多种形式的阅读过程^[2]，在学生课外阅读当中起到重要的作用。当爸爸妈妈和孩子共读一本书时，很容易会让孩子觉得读书是一件非常快乐事情，进而更愿意自发地去进行阅读。于是，故事妈妈活动平台应运而生，以推广亲子阅读，让世界因为妈妈爱上阅读为宗旨。

随着计算机互联网技术和移动通信技术的迅速发展，移动终端的功能得以加强，呈现出智能化、多媒体化、便捷化等发展趋势。智能手机的迅速普及，手机用户数量的日益扩大，移动互联网已经遍及我们生活的每一个角落。HTML5的设计目的是为了在移动设备上支持多媒体，它是通过谷歌、苹果，诺基亚、中国移动等几百家公司一起孕育的技术。Html5提高可用性和改进用户的友好体验^[3]；有几个新的标签，这将有助于开发人员定义重要的内容；可以给站点带来更多的多媒体元素(视频和音频)；可以很好的替代FLASH和Silverlight^[4]；当涉及到网站抓取和索引时，对SEO很友好；将被大量应用于移动应用程序；可移植性好。Vue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅对新手友好，还便于与第三方库或既有项目整合。混合开发模式成为大多数公司都会选择的开发模式，Hybrid App是指介于web-app、native-app这两者之间的app^[6],它在视觉上是Native App，但只有一个UI WebView，里面访问的是一个Web App。这些技术的发展，让故事妈妈活动平台的实现更为高效。

1.2 课题研究内容

本文基于目前应用最为广泛的App混合开发模式，设计并实现一款专门服务于故事妈妈的软件。实现故事妈妈活动的整体流程，包括妈妈报名成为故事妈妈，故事妈妈创建线下活动，故事妈妈上传活动精彩，妈妈们点赞、分享、评论等。

以下为本文的主要工作：

（1）了解混合开发模式，与原生App进行通信。

（2）按照标准的软件开发过程，详细介绍系统的需求分析、详细设计、系统实现。

（3）详细介绍系统的主要功能模块和工作流程。

（4）对系统加以总结与展望。

2 系统需求分析与相关工具介绍

2.1 需求分析

需求分析应确定系统需要完成的工作，对目标系统提出完整、准确、清晰、具体的要求^[5]。本系统主要解决故事妈妈活动的整体流程，目的在于推广亲子阅读，让世界因为妈妈爱上阅读。总的来说，系统至少需要完成以下功能：

（1）妈妈报名：想成为故事妈妈，可填写报名信息进行报名。

（2）故事妈妈创建活动：成为故事妈妈的妈妈们可以创建自己的活动，该活动可以让其他妈妈报名。

（3）故事妈妈上传活动精彩：故事妈妈可以上传自己活动的照片，添加文字说明。

（4）点赞：妈妈们可以在活动精彩页点赞。

（5）评论：妈妈们可以在活动精彩页评论。

同时，系统应具备以下几点特征：

（1）良好的用户交互界面：界面美观，能快速响应用户操作，可自动提示错误操作，帮助用户正确使用本系统。

（2）操作简单：简单易行，操作人性化。

（3）系统流畅：给予用户良好的操作体验，不能出现长时间卡屏或等待时间。

2.2 可行性分析

（1）技术可行性

如今混合开发模式已经较成熟，许多公司均采用这种开发模式。Html5在各种环境下的支持越来越好，各种已经存在的轮子丰富多彩，大大简化了开发的复杂程度。

由以上分析可知，系统的开发在技术上是可行的。

（2）经济可行性

本系统使用的开发工具，作为学生角色均可在网上免费下载，且维护与功能扩展相对简单、操作方便。开发过程中的代码编写全部在webstorm中完成，不存在经济上的风险。

由以上分析可知，系统的开发在经济上是可行的。

（3）运行可行性

本系统在如今的智能手机上均无兼容性问题，且只要提供网络连接（流量数据/wifi），即可使用系统中的全部功能。

由以上分析可知，系统的开发在运行上是可行的。

2.3 系统环境

本系统是基于html、css、javascript、php的软件开发，开发工具为webstorm、phpstorm，数据库采用Mysql。本系统的软件开发及运行环境具体如下：

计算机操作系统：MAC Pro

开发工具：webstorm、phpstorm

数据库支持：Mysql

开发语言：html、css、javascript、php

运行设备：PC或mobile

2.4 相关工具技术介绍

2.4.1 WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。主要有智能的代码补全、代码格式化、html提示、联想查询、代码重构、代码检查和快速修复、代码调试、代码结构浏览、代码折叠、包裹或者去掉外围代码等优势功能。

2.4.2 PhpStorm

PhpStorm 是 JetBrains 公司开发的一款商业的 PHP 集成开发工具，旨在提高用户效率，可深刻理解用户的编码，提供智能代码补全，快速导航以及即时错误检查，可随时帮助用户对其编码进行调整，运行单元测试或者提供可视化debug功能。其主要优点有跨平台，对PHP支持refactor功能，自动生成phpdoc的注释，非常方便进行大型编程，内置支持Zencode，生成类的继承关系图，如果有一个类，多次继承之后，可以通过这个功能查看他所有的父级关系，支持代码重构，方便修改代码，拥有本地历史记录功能（local history功能），方便的部署，可以直接将代码直接upload到服务器。

2.4.3 Mysql

MySQL是一个关系型数据库管理系统，由瑞典MySQL AB 公司开发，目前属于 Oracle 旗下产品^[7]。MySQL 是最流行的关系型数据库管理系统之一，在 WEB 应用方面，MySQL是最好的 RDBMS (Relational Database Management System，关系数据库管理系统) 应用软件^[8]。MySQL所使用的 SQL 语言是用于访问数据库的最常用标准化语言^[15]。MySQL软件采用了双授权政策，分为社区版和商业版，由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，一般中小型网站的开发都选择 MySQL 作为网站数据库。

3 系统总体设计

在对系统进行具体调查、资料搜集和整体分析的基础上，制定出系统的总体设计是系统开发实现的重要基础。本章详细介绍系统的总体设计过程，先是进行系统结构设计，划分系统功能模块，接着进行系统功能模块的流程设计，最后进行数据库设计。

3.1 系统结构设计

根据需求分析，系统主要包括登录注册、首页、主题详情、报名、创建活动、上传活动精彩、评论、点赞、分享等九个模块。系统的功能模块结构图3-1所示。

图3-1 功能模块结构图

（1）登录注册模块主要包括用户注册、用户登录等功能。

剩余内容已隐藏，请支付后下载全文，论文总字数：28904字

相关图片展示：