余久久， 章家盧(安徽三聯(lián)學院 計算機工程學院， 合肥 230601)

基于B/S的社區(qū)幼兒園網站的設計與實現(xiàn)

余久久， 章家盧
(安徽三聯(lián)學院 計算機工程學院， 合肥 230601)

使用JSP開發(fā)技術與SQL-Server 2010數(shù)據(jù)庫，面向城市中、小規(guī)模社區(qū)，設計與實現(xiàn)一個基于B/S架構的幼兒園網站，并投入實際應用。網站主要實現(xiàn)幼兒園簡介、信息標題、分類信息、公告發(fā)布、分類搜索、日歷顯示等功能，頁面導航便捷，能夠以圖文并茂的形式為家長用戶提供相關服務。提出了在已有幼兒園網站設計的基礎上增添在線咨詢服務功能，以及把網站客戶端移植到智能手機(安卓)平臺上將是未來設計的改進方案。

社區(qū)； 幼兒園； B/S； 在線咨詢； 安卓

0 引言

幼兒教育是基礎教育的重要組成部分，隨著幼教體制的日趨完善，家長和幼兒園也進入雙向選擇的階段，如何在日益激烈的競爭中獲得更多的家長客戶成為各幼兒園必須關注的問題。對于國內普通城市，大部分街道或社區(qū)(小區(qū))基本都建有自己配套的幼兒園，隨著互聯(lián)網技術應用和發(fā)展，幼兒園網站已成為對外宣傳及展示自我的窗口。在眾多幼教資源競爭手段中，幼兒園網站作為一個直觀、高效、便捷的宣傳和管理平臺很快成為了園方首選。本文結合實際環(huán)境，本著開放、共享、協(xié)作及交互的設計原則，采用JSP開發(fā)工具，設計并實現(xiàn)出一個基于B/S三層架構的幼兒園網站，以滿足中、小社區(qū)居民(主要是孩子家長)了解本地幼兒園信息的需要，這也是幼兒園向社會宣傳、樹立形象窗口的主要平臺。

1 相關技術簡介

幼兒園網站采用B/S設計架構，開發(fā)工具為MyEclipse。網頁代碼基于Java腳本，使用JSP技術結合CSS樣式(Cascading Style Sheets，層疊樣式表)，后臺存儲數(shù)據(jù)使用的是SQL-Server 2010。

1) B/S架構

B/S架構也稱瀏覽器/服務器三層架構。將應用系統(tǒng)的程序代碼、數(shù)據(jù)及支撐軟件全部集中在服務器端(由Web服務器、數(shù)據(jù)庫服務器及中間件組成)，客戶端不必加載更多的系統(tǒng)支撐軟件及應用程序，僅通過瀏覽器就可以訪問數(shù)據(jù)庫中的信息。用戶可以通過Web瀏覽器去訪問Internet上的各種資源，包括：文本、圖形、圖像、flash、視頻點播和聲音信息等，這些信息是由很多個的Web服務器產生的，而每一個Web服務器又可以通過各種鏈接方式與其數(shù)據(jù)庫服務器進行互聯(lián)，海量的數(shù)據(jù)信息實際上都存放在數(shù)據(jù)庫服務器中。

2) JSP開發(fā)技術

JSP是由美國Sun公司倡導、許多公司參與一起建立的一種動態(tài)網頁技術標準。它是在HTML網頁中嵌套了Java代碼及腳本片段，構成JSP網頁。JSP嵌套了Java組件，具有頁面精簡、擴展性強(引入各類jar包)、不受平臺限制等優(yōu)點，已成為當前主流網頁開發(fā)技術。突破了ASP.NET的局限，可以在任意的計算機環(huán)境中開發(fā)運行、系統(tǒng)部署、擴展。

3) 分頁顯示數(shù)據(jù)表技術

由于瀏覽網頁需要大量數(shù)據(jù)的分頁顯示，采用緩存的GirdView自動分頁技術。要實現(xiàn)帶緩存的數(shù)據(jù)分頁顯示還需要開啟SqlDataSomw數(shù)據(jù)源的“允許緩存”屬性，不僅可提高Web應用程序擴展性及程序的運行效率，還降低開發(fā)的成本。

2 需求分析

根據(jù)實際調研，本幼兒園網站主要面向城市中、小規(guī)模社區(qū)的幼兒園。網站頁面要求圖文并茂，能夠方便的進行幼兒園相關信息的網上發(fā)布和更新，支持信息搜索，并能夠為用戶實現(xiàn)各類信息網上分類查詢的功能。網站規(guī)劃在風格上做到色彩鮮艷、布局合理，使訪問者受到美的熏陶；在色彩運用上，幼兒園網站應做到網頁整體色彩效果和諧，局部可以有一些對比強烈的色彩。

網站設計分為前臺與后臺兩部分。網站前臺主要實現(xiàn)幼兒園簡介、標題信息、信息分類、公告發(fā)布、分類搜索、日歷顯示等功能。網站后臺主要實現(xiàn)管理員登錄、幼兒園公告信息管理、園所簡介管理、信息管理與系統(tǒng)管理員設置的功能。限于篇幅，本文只對網站前臺的主要功能模塊做介紹。

1) 標題信息

前臺模塊中的信息標題模塊功能包含有早期教育、新聞與活動、寶寶風采、幼兒保健、招生招聘、班級圈子、在線留言等子功能。本功能主要是展示標題的信息，當用戶成功登錄首頁后，通過點擊標題按鈕，就可以跳到相應界面，展示以下頁面功能。

(1) 早期教育

以教師面向幼兒，通過生活日常、感官、音樂等來啟蒙小朋友的智力和思維。

(2) 新聞與活動

展示幼兒園舉辦的各種活動和日常新聞，讓家長全面了解小朋友在幼兒園的日常生活，可以及時關注一些對孩子有幫助的生活新聞。

(3) 寶寶風采

圖文并茂的為家長展示幼兒園活動中有良好表現(xiàn)的孩子情況，讓家長更加了解自己的孩子。

(4) 幼兒保健

提醒孩子家長一些育兒知識和遇到問題的解決辦法。

(5) 班級圈子

顯示本幼兒園的各個班級的開班情況。

(6) 招生招聘

顯示幼兒園的招生情況和招聘情況。

2) 分類信息

主要是按照幼兒園網站對相關信息分類。當用戶登錄首頁后，往下翻動會顯示所有信息的內容名稱這樣就可以更直觀的讓用戶選擇自己想要了解的信息。

3) 信息搜索

對信息內容的標題進行搜索，當用戶登錄幼兒園網站首頁后，用戶可以輸入信息內容的名稱進行搜索，輸入關鍵詞然后點擊搜索按鈕，可以彈出想要搜索的信息界面。

4) 公告發(fā)布

定期發(fā)布幼兒園有關的新聞、通知、公告等，并保持實時在線更新，方便用戶瀏覽。

3 設計與實現(xiàn)

1) 數(shù)據(jù)庫設計簡介

網站后臺采用SQL-Server2010數(shù)據(jù)庫，存儲的數(shù)據(jù)庫名稱為YRYWZ.mdf，存儲了管理員信息表、寶寶信息表、班級信息表、公告信息表、老師信息表、課程信息表、新聞信息表、視頻信息表等多張數(shù)據(jù)信息表。例如，網站的公告信息表及其字段名稱如表1所示。

表1 公告信息表

2) 主要功能模塊設計與實現(xiàn)

幼兒園網站的主頁設計如圖1所示，形象的展示幼兒園的窗口，包含了網站的主要功能,有幼兒園簡介、信息標題、公告發(fā)布和日歷顯示等相應功能。首頁上方顯示一級導航，通過點擊相應的導航按鈕進入相應的內容。例如，點擊“信息標題”，則顯示出早期教育、新聞與活動、寶寶風采、幼兒保健、招生招聘、班級圈子、在線留言、等信息內容，如圖2所示。用戶往下翻動網頁，則會顯示所有信息的內容名稱，可以更直觀的讓用戶選擇自己想要了解的信息，以實現(xiàn)分類信息模塊的功能，如圖3所示。(按照類別展示信息，每一中信息類別最多一次展示5條信息。)

4 未來的設計改進方案

幼兒園網站在實際使用中，需要對其完善的管理與維護。在當前幼教資源激烈競爭的大環(huán)境下，孩子家長實際上已成為幼兒園網站的主要用戶，也是幼兒園的主要服務對象。網站在設計方面不能只是各類幼兒園展示資源的簡單堆積，還需要考慮到孩子家長的要求及期望，能及時回答家長所關心的問題，為眾多家長提供具有在線留言與答疑服務?；诖耍居變簣@網站在后續(xù)版本的設計中，增加了“在線咨詢”模塊，通過網站主頁上增加“在線咨詢”導航，實現(xiàn)為孩子家長提供在線咨詢服務。同時，積極的把該網站從傳統(tǒng)的PC客戶端移植至智能手機(安卓)平臺，開發(fā)出基于安卓手機平臺的幼兒園網站系統(tǒng)，滿足家長用戶通過安卓智能手機便捷的訪問幼兒園網站的需要，也是該網站未來的設計改進方案。

5 總結

本文根據(jù)實際情況，利用JSP開發(fā)工具設計一個基于B/S架構、面向城市中、小型社區(qū)(小區(qū))的幼兒園網站，并予以實現(xiàn)，用戶對網站也給予較好的評價。目前，該幼兒園網站在原有PC版的基礎上，正在進行智能手機(安卓)客戶端版本的開發(fā)，網站具有良好的可擴充性與可移植性。

圖1 幼兒園網站主頁

圖2 信息標題頁面

圖3 信息分類頁面

[1] 黃濤. 基于三層架構ASP.NET的幼兒園管理系統(tǒng)設計與實現(xiàn)[D].成都：電子科技大學，2014.

[2] 李莉，廖敏，浦雅蕾. 基于ASP.NET的幼兒園網站系統(tǒng)[J].計算機光盤軟件與應用，2013(7)：19-21.

[3] 韓云. 基于三層架構的網絡教學平臺的設計與實現(xiàn)[D].青島：中國海洋大學，2010.

[4] 孫娜. 基于B/S模式的新疆財經大學校園網絡教學平臺的設計與實現(xiàn)[D].成都：電子科技大學，2012.

[5] 明日科技. JAVA從入門到精通[M].北京：清華大學出版社，2012.

[6] 李鐘尉，陳丹丹. JAVA開發(fā)實戰(zhàn)[M].北京：清華大學出版社，2011.

[7] 陳南. ASP. NET中大數(shù)據(jù)量分頁技術的研究與實現(xiàn)[J].計算機應用，2011,28(4)：205-209.

[8] 張式富，姜濤，吳效明. 基于B/S的智慧社區(qū)健康監(jiān)護管理系統(tǒng)軟件的設計與實現(xiàn)[J].計算機應用與軟件，2014,31(3):4-6.

[9] 徐金鑫.淺析幼兒園門戶網站的規(guī)劃布局[J].電子制作，2013(17)：205-209.

DesignandApplicationofWebsiteofKindergartenforCommunityBasedonB/SStructure

Yu Jiujiu，Zhang Jialu
(Computer Engineering College, Anhui Sanlian University, Hefei 230601)

A website of kindergarten for small-scale community was designed by using JSP and SQL-Server 2010 database, and put into practical application. Through the page navigation, the mainly functions of kindergarten introduction, information title, classified information, bulletin publishing, classification search, calendar display, etc were achieved. Using the form of illustrations related services were provided. Finally, some improvements were presented to add online consulting service and transplant the website for clients by intelligent phone platform (Android). These are the future designing on website of kindergarten.

Community; Kindergarten; B/S; Online consulting; Android

TP311

A

2017.04.25)

2015年安徽省省級質量工程項目(2015mooc104)，2016年安徽省省級質量工程項目(2016gxk048)，2015年安徽三聯(lián)學院校級質量工程項目(15zlgc029) 與2013年安徽三聯(lián)學院校級質量工程項目(13zlgc023)。

余久久(1979-)，男，安徽合肥，副教授，碩士，研究方向：軟件工程、軟件測試、高校信息化建設。

章家盧(1993-)，男，安徽合肥，本科，研究方向：計算機科學與技術.

1007-757X(2017)10-0013-04