基于個性化定制的托育網站設計與實現

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

摘 要 為了解決當前眾多托育網站不能精確定位用戶的需求，為家長提供一個查找、了解托育機構的平臺。無憂托育網站基于個性化的特點，前臺采用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.