基于个性化定制的托育网站设计与实现

袁震森 李旭芳 南瑞娟 覃英欣

摘 要 为了解决当前众多托育网站不能精确定位用户的需求，为家长提供一个查找、了解托育机构的平台。无忧托育网站基于个性化的特点，前台采用Bootstrap，后台采用Wampserver64中提供的Mysql数据库进行数据库设计与管理，以实现用户可以根据自己的需要个性化查询到真正符合自己需求的托育机构，并直观看到托育机构的信息，利用较短的时间选择合适的机构等功能。

关键词 无忧托育网站 个性化服务

中图分类号：TP311文献标识码：A

0引言

2015年10月中共十八届五中全会决定：坚持计划生育的基本国策，完善人口发展战略，全面实施一对夫妇可生育两个孩子政策，积极开展应对人口老龄化行动。全面二孩政策实施带来托育需求持续增加，党的十九大报告把“幼有所育”作为保障和改善民生的重要内容。同时，随着人们知识水平的提高，生活质量得到了一定的保证，越来越多的父母更加希望自己的孩子得到更好的教育。为此，父母对孩子的学前教育，早教等倍加关注。在当今互联网快速发展的时代，越来越多的父母会利用互联网获取托育服务行业中各种托育机构的信息，然后结合自己家庭情况以及自己对孩子的规划，为自己的孩子选择一个适合孩子进行学前教育或者才艺教育。

无忧托育网能够解决当前众多托育网站不能精确定位用户的需求，有利于家长能够利用较短的时间为自己的孩子选择合适的托育机构。而托育机构的信息查询是网站最重要的功能，信息查询实现个性化，给用户提供更加符合自身的服务。便捷的操作流程，简洁的页面，准确定位用户的需求，无忧托育网站实现了提供个性化查询的功能，提高了用户的查询效率。

1网站设计

1.1网站功能结构设计

根据无忧托育网的使用步骤和用途分析，将系统分为用户管理模块、信息查询模块、评论模块三大主要部分。（1）用户管理模块为使用者的个人隐私问题提供了保障，其具体功能分为用户账号注册、用户账号登录、账号密码修改、评论管理四大功能。用户账号登陆将对每一位用户设置各自的权限，保证了用户信息的安全;用户信息管理可以对用户的个人信息进行修改，同时可以对自己发表的评论进行管理。（2）信息查询模块为用户提供个性化的服务，具体功能分为托育机构查询、亲子活动查询两部分。其中托育机构查询又分为托育类型、机构类别、适应阶段、价格范围、所属区域查询。如此个性化的设计主要是为了给用户提供更适合他们要求的托育机构，同时能够快速地找到合适的托育机构。亲子活动查询部分还包括价格范围、所属区域查询和关键字查询。这个模块主要给用户提供有关孩子与父母交流或者活动的一些方式以及根据孩子的一些特征为其打造一些活动。（3）评论模块为用户提供一个管理自己对托育机构评价的平台，具体功能主要包括添加评论和评论点赞。无忧托育网站的主要功能模块如图1所示：

1.2网站界面结构设计

无忧托育网主要是为了实现用户快速查询到符合自己需求的托育机构信息，所以本网站的界面主要是以简约为主要设计风格。这样的界面设计在实现查询、预约、报名等功能的前提下，可以為用户减少查询的时间，以提高效率。

1.3数据库设计

本网站的数据库表主要包括用户登录表、日志表、托育机构信息表、亲子活动表、评论表。其中用户登录表用来存储用户注册信息，日志表用来存储用户的登录日期和次数，托育机构信息表用来存储托育机构信息，亲子活动表用来储存亲子活动的相关信息，而评论表主要是为了存储用户对活动和机构的评论记录。各表之间关系如图2所示。

1.4网站开发环境

该网站开发该网站开发使用的是Microsoft Windows 10平台，网站开发所使用的的软件是Wampserver64、Dreamweaver、Navicat Premium 12，使用Dreamweaver进行PHP等相关页面设计，采用Navicat Premium 12 数据库管理器处理数据库信息。Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具，使用Dreamweaver在设计动态网页时，所见即所得的功能，不需要透过浏览器就能预览网页。Navicat Premium是一个可多重连接的数据库管理工具，它可让你以单一程序同时连接到MySQL、Oracle、PostgreSQL、SQLite 及 SQL Server数据库，让管理不同类型的数据库更加方便。

1.5无忧托育网的特点

为了使无忧托育网具有较高的应用价值，开发时在注重功能强大的同时，关注便捷性、实用性、针对性和安全性，这些特征形成了无忧托育网的重要特点。作品在设计方式的创意是采用模块化设计，根据内容和动作指令设计模块功能的，由下至上的设计思路。

1.5.1便捷性

本网站主要界面简单，操作大部分都通过按钮完成，主界面附上“帮助”按钮，帮助信息的构造采用分层式帮助，人性化地为使用者提供操作说明书。能够快速查询不同类型的托育服务机构，初次使用者也能很容易上手。

1.5.2实用性

本网站适合不同的家长使用，在网站上可以快速获取托育机构的详细信息，能够准确为用户定位到符合要求的机构。从而解决了用户过度浪费于查询合适教育机构的时间以及提高家长对托育机构的满意度。

1.5.3针对性

本网站主要是为托育服务而建立，这样可以更加全面和系统化满足用户对托育服务的需求，增加用户的满意度。

1.5.4安全性

登陆用户账号，个人数据采用本地保存的方式以保护用户录入信息的安全性。用户在网站的操作都会被网站自动保存，方便用户管理个人信息。修改密码使用“原密码-新密码-确认密码”的流程在保证信息安全的情况下使用户轻松修改。

2主要实现技术

2.1主要技术的应用

该网站主要运用Bootstrap（框架）进行页面架构的设计，使用Wampserver64中的Mysql作为数据库。Bootstrap是基于HTML、CSS、JavaScript的，它简洁灵活，使得Web开发更加快捷，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成，所以在页面设计方面提供了強大的功能和丰富的工具。用Bootstrap作为网站的前端框架，Wampserver处理的MySQL作为后端，即数据库前端是一个计算机应用程序，用该程序选择数据库中的数据项，加以排版简洁美观地显示出来。

2.2信息个性化查询设计

信息查询模块为用户提供个性化的服务，具体功能分为托育机构查询、亲子活动查询两部分。根据用户对托育机构的特色需求，所以查询模块采用多种查询结合的方式，从而定位到满足用户需求的网站信息界面，并在页面上高亮关键字。实现此功能的主要代码为：

2.3信息个性化查询的实现

（1）模糊查询实现个性化查询：在托育机构查询界面，输入查询字，下方即显示包含此查询字的托育机构信息，并以其他颜色进行高亮，更加醒目。

（2）可使用关键字进行查询：在查询界面上方，可以使用关键字进行查询，包括托育类型、机构类别、适应阶段、价格范围以及区域选择进行查询，可以更快地查询到符合自己需求的托育机构信息。

（3）可以使用模糊查询和关键字查询相结合，从而提高查询效率，更快速定位到相关页面。

3总结

本网站设计并实现了基于个性化定制的托育网站，希望用户可以通过使用本网站，解决不能精确定位用户的需求的问题，从而提高用户的查询效率，节约用户时间成本。本网站目前只实现了评论的功能，尚未实现论坛交流的功能，随着用户对托育机构信息需求的增大，将来可以进行完善，实现论坛交流的功能，从而让用户可以更加充分了解托育机构，更好地满足用户的需求。

参考文献

[1] 李晓斌等.PHP+MySQL+Dreamweaver网站建设[M].北京：机械工业出版社，2016.

[2] 贾小娟.基于心智模型的儿童网站设计研究视觉传达[J].设计，2015（04）：105-106.

[3] 段玲玲，史文佳.全民阅读背景下在线阅读平台的设计与实现[J].电脑知识与技术，2017（24）：71-73.

[4] 潘国荣.基于JSP，JavaBean，Servlet实现模式的增删改模块的设计与实现[J].信息通信，2017（08）：101-103.

[5] 傅宏智，王静玉.基于个人兴趣的新闻推送网站设计与实现[J].信息与电脑，2018（23）：73-74.