基于個性化定制的托育網(wǎng)站設(shè)計與實現(xiàn)

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

摘 要 為了解決當前眾多托育網(wǎng)站不能精確定位用戶的需求，為家長提供一個查找、了解托育機構(gòu)的平臺。無憂托育網(wǎng)站基于個性化的特點，前臺采用Bootstrap，后臺采用Wampserver64中提供的Mysql數(shù)據(jù)庫進行數(shù)據(jù)庫設(shè)計與管理，以實現(xiàn)用戶可以根據(jù)自己的需要個性化查詢到真正符合自己需求的托育機構(gòu)，并直觀看到托育機構(gòu)的信息，利用較短的時間選擇合適的機構(gòu)等功能。

關(guān)鍵詞 無憂托育網(wǎng)站 個性化服務

中圖分類號：TP311文獻標識碼：A

0引言

2015年10月中共十八屆五中全會決定：堅持計劃生育的基本國策，完善人口發(fā)展戰(zhàn)略，全面實施一對夫婦可生育兩個孩子政策，積極開展應對人口老齡化行動。全面二孩政策實施帶來托育需求持續(xù)增加，黨的十九大報告把“幼有所育”作為保障和改善民生的重要內(nèi)容。同時，隨著人們知識水平的提高，生活質(zhì)量得到了一定的保證，越來越多的父母更加希望自己的孩子得到更好的教育。為此，父母對孩子的學前教育，早教等倍加關(guān)注。在當今互聯(lián)網(wǎng)快速發(fā)展的時代，越來越多的父母會利用互聯(lián)網(wǎng)獲取托育服務行業(yè)中各種托育機構(gòu)的信息，然后結(jié)合自己家庭情況以及自己對孩子的規(guī)劃，為自己的孩子選擇一個適合孩子進行學前教育或者才藝教育。

無憂托育網(wǎng)能夠解決當前眾多托育網(wǎng)站不能精確定位用戶的需求，有利于家長能夠利用較短的時間為自己的孩子選擇合適的托育機構(gòu)。而托育機構(gòu)的信息查詢是網(wǎng)站最重要的功能，信息查詢實現(xiàn)個性化，給用戶提供更加符合自身的服務。便捷的操作流程，簡潔的頁面，準確定位用戶的需求，無憂托育網(wǎng)站實現(xiàn)了提供個性化查詢的功能，提高了用戶的查詢效率。

1網(wǎng)站設(shè)計

1.1網(wǎng)站功能結(jié)構(gòu)設(shè)計

根據(jù)無憂托育網(wǎng)的使用步驟和用途分析，將系統(tǒng)分為用戶管理模塊、信息查詢模塊、評論模塊三大主要部分。（1）用戶管理模塊為使用者的個人隱私問題提供了保障，其具體功能分為用戶賬號注冊、用戶賬號登錄、賬號密碼修改、評論管理四大功能。用戶賬號登陸將對每一位用戶設(shè)置各自的權(quán)限，保證了用戶信息的安全;用戶信息管理可以對用戶的個人信息進行修改，同時可以對自己發(fā)表的評論進行管理。（2）信息查詢模塊為用戶提供個性化的服務，具體功能分為托育機構(gòu)查詢、親子活動查詢兩部分。其中托育機構(gòu)查詢又分為托育類型、機構(gòu)類別、適應階段、價格范圍、所屬區(qū)域查詢。如此個性化的設(shè)計主要是為了給用戶提供更適合他們要求的托育機構(gòu)，同時能夠快速地找到合適的托育機構(gòu)。親子活動查詢部分還包括價格范圍、所屬區(qū)域查詢和關(guān)鍵字查詢。這個模塊主要給用戶提供有關(guān)孩子與父母交流或者活動的一些方式以及根據(jù)孩子的一些特征為其打造一些活動。（3）評論模塊為用戶提供一個管理自己對托育機構(gòu)評價的平臺，具體功能主要包括添加評論和評論點贊。無憂托育網(wǎng)站的主要功能模塊如圖1所示：

1.2網(wǎng)站界面結(jié)構(gòu)設(shè)計

無憂托育網(wǎng)主要是為了實現(xiàn)用戶快速查詢到符合自己需求的托育機構(gòu)信息，所以本網(wǎng)站的界面主要是以簡約為主要設(shè)計風格。這樣的界面設(shè)計在實現(xiàn)查詢、預約、報名等功能的前提下，可以為用戶減少查詢的時間，以提高效率。

1.3數(shù)據(jù)庫設(shè)計

本網(wǎng)站的數(shù)據(jù)庫表主要包括用戶登錄表、日志表、托育機構(gòu)信息表、親子活動表、評論表。其中用戶登錄表用來存儲用戶注冊信息，日志表用來存儲用戶的登錄日期和次數(shù)，托育機構(gòu)信息表用來存儲托育機構(gòu)信息，親子活動表用來儲存親子活動的相關(guān)信息，而評論表主要是為了存儲用戶對活動和機構(gòu)的評論記錄。各表之間關(guān)系如圖2所示。

1.4網(wǎng)站開發(fā)環(huán)境

該網(wǎng)站開發(fā)該網(wǎng)站開發(fā)使用的是Microsoft Windows 10平臺，網(wǎng)站開發(fā)所使用的的軟件是Wampserver64、Dreamweaver、Navicat Premium 12，使用Dreamweaver進行PHP等相關(guān)頁面設(shè)計，采用Navicat Premium 12 數(shù)據(jù)庫管理器處理數(shù)據(jù)庫信息。Dreamweaver是唯一提供Roundtrip HTML、視覺化編輯與原始碼編輯同步的設(shè)計工具，使用Dreamweaver在設(shè)計動態(tài)網(wǎng)頁時，所見即所得的功能，不需要透過瀏覽器就能預覽網(wǎng)頁。Navicat Premium是一個可多重連接的數(shù)據(jù)庫管理工具，它可讓你以單一程序同時連接到MySQL、Oracle、PostgreSQL、SQLite 及 SQL Server數(shù)據(jù)庫，讓管理不同類型的數(shù)據(jù)庫更加方便。

1.5無憂托育網(wǎng)的特點

為了使無憂托育網(wǎng)具有較高的應用價值，開發(fā)時在注重功能強大的同時，關(guān)注便捷性、實用性、針對性和安全性，這些特征形成了無憂托育網(wǎng)的重要特點。作品在設(shè)計方式的創(chuàng)意是采用模塊化設(shè)計，根據(jù)內(nèi)容和動作指令設(shè)計模塊功能的，由下至上的設(shè)計思路。

1.5.1便捷性

本網(wǎng)站主要界面簡單，操作大部分都通過按鈕完成，主界面附上“幫助”按鈕，幫助信息的構(gòu)造采用分層式幫助，人性化地為使用者提供操作說明書。能夠快速查詢不同類型的托育服務機構(gòu)，初次使用者也能很容易上手。

1.5.2實用性

本網(wǎng)站適合不同的家長使用，在網(wǎng)站上可以快速獲取托育機構(gòu)的詳細信息，能夠準確為用戶定位到符合要求的機構(gòu)。從而解決了用戶過度浪費于查詢合適教育機構(gòu)的時間以及提高家長對托育機構(gòu)的滿意度。

1.5.3針對性

本網(wǎng)站主要是為托育服務而建立，這樣可以更加全面和系統(tǒng)化滿足用戶對托育服務的需求，增加用戶的滿意度。

1.5.4安全性

登陸用戶賬號，個人數(shù)據(jù)采用本地保存的方式以保護用戶錄入信息的安全性。用戶在網(wǎng)站的操作都會被網(wǎng)站自動保存，方便用戶管理個人信息。修改密碼使用“原密碼-新密碼-確認密碼”的流程在保證信息安全的情況下使用戶輕松修改。

2主要實現(xiàn)技術(shù)

2.1主要技術(shù)的應用

該網(wǎng)站主要運用Bootstrap（框架）進行頁面架構(gòu)的設(shè)計，使用Wampserver64中的Mysql作為數(shù)據(jù)庫。Bootstrap是基于HTML、CSS、JavaScript的，它簡潔靈活，使得Web開發(fā)更加快捷，是一個CSS/HTML框架。Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范，它即是由動態(tài)CSS語言Less寫成，所以在頁面設(shè)計方面提供了強大的功能和豐富的工具。用Bootstrap作為網(wǎng)站的前端框架，Wampserver處理的MySQL作為后端，即數(shù)據(jù)庫前端是一個計算機應用程序，用該程序選擇數(shù)據(jù)庫中的數(shù)據(jù)項，加以排版簡潔美觀地顯示出來。

2.2信息個性化查詢設(shè)計

信息查詢模塊為用戶提供個性化的服務，具體功能分為托育機構(gòu)查詢、親子活動查詢兩部分。根據(jù)用戶對托育機構(gòu)的特色需求，所以查詢模塊采用多種查詢結(jié)合的方式，從而定位到滿足用戶需求的網(wǎng)站信息界面，并在頁面上高亮關(guān)鍵字。實現(xiàn)此功能的主要代碼為：

2.3信息個性化查詢的實現(xiàn)

（1）模糊查詢實現(xiàn)個性化查詢：在托育機構(gòu)查詢界面，輸入查詢字，下方即顯示包含此查詢字的托育機構(gòu)信息，并以其他顏色進行高亮，更加醒目。

（2）可使用關(guān)鍵字進行查詢：在查詢界面上方，可以使用關(guān)鍵字進行查詢，包括托育類型、機構(gòu)類別、適應階段、價格范圍以及區(qū)域選擇進行查詢，可以更快地查詢到符合自己需求的托育機構(gòu)信息。

（3）可以使用模糊查詢和關(guān)鍵字查詢相結(jié)合，從而提高查詢效率，更快速定位到相關(guān)頁面。

3總結(jié)

本網(wǎng)站設(shè)計并實現(xiàn)了基于個性化定制的托育網(wǎng)站，希望用戶可以通過使用本網(wǎng)站，解決不能精確定位用戶的需求的問題，從而提高用戶的查詢效率，節(jié)約用戶時間成本。本網(wǎng)站目前只實現(xiàn)了評論的功能，尚未實現(xiàn)論壇交流的功能，隨著用戶對托育機構(gòu)信息需求的增大，將來可以進行完善，實現(xiàn)論壇交流的功能，從而讓用戶可以更加充分了解托育機構(gòu)，更好地滿足用戶的需求。

參考文獻

[1] 李曉斌等.PHP+MySQL+Dreamweaver網(wǎng)站建設(shè)[M].北京：機械工業(yè)出版社，2016.

[2] 賈小娟.基于心智模型的兒童網(wǎng)站設(shè)計研究視覺傳達[J].設(shè)計，2015（04）：105-106.

[3] 段玲玲，史文佳.全民閱讀背景下在線閱讀平臺的設(shè)計與實現(xiàn)[J].電腦知識與技術(shù)，2017（24）：71-73.

[4] 潘國榮.基于JSP，JavaBean，Servlet實現(xiàn)模式的增刪改模塊的設(shè)計與實現(xiàn)[J].信息通信，2017（08）：101-103.

[5] 傅宏智，王靜玉.基于個人興趣的新聞推送網(wǎng)站設(shè)計與實現(xiàn)[J].信息與電腦，2018（23）：73-74.