基于B/S的社区幼儿园网站的设计与实现

余久久， 章家卢(安徽三联学院 计算机工程学院， 合肥 230601)

基于B/S的社区幼儿园网站的设计与实现

余久久， 章家卢
(安徽三联学院 计算机工程学院， 合肥 230601)

使用JSP开发技术与SQL-Server 2010数据库，面向城市中、小规模社区，设计与实现一个基于B/S架构的幼儿园网站，并投入实际应用。网站主要实现幼儿园简介、信息标题、分类信息、公告发布、分类搜索、日历显示等功能，页面导航便捷，能够以图文并茂的形式为家长用户提供相关服务。提出了在已有幼儿园网站设计的基础上增添在线咨询服务功能，以及把网站客户端移植到智能手机(安卓)平台上将是未来设计的改进方案。

社区； 幼儿园； B/S； 在线咨询； 安卓

0 引言

幼儿教育是基础教育的重要组成部分，随着幼教体制的日趋完善，家长和幼儿园也进入双向选择的阶段，如何在日益激烈的竞争中获得更多的家长客户成为各幼儿园必须关注的问题。对于国内普通城市，大部分街道或社区(小区)基本都建有自己配套的幼儿园，随着互联网技术应用和发展，幼儿园网站已成为对外宣传及展示自我的窗口。在众多幼教资源竞争手段中，幼儿园网站作为一个直观、高效、便捷的宣传和管理平台很快成为了园方首选。本文结合实际环境，本着开放、共享、协作及交互的设计原则，采用JSP开发工具，设计并实现出一个基于B/S三层架构的幼儿园网站，以满足中、小社区居民(主要是孩子家长)了解本地幼儿园信息的需要，这也是幼儿园向社会宣传、树立形象窗口的主要平台。

1 相关技术简介

幼儿园网站采用B/S设计架构，开发工具为MyEclipse。网页代码基于Java脚本，使用JSP技术结合CSS样式(Cascading Style Sheets，层叠样式表)，后台存储数据使用的是SQL-Server 2010。

1) B/S架构

B/S架构也称浏览器/服务器三层架构。将应用系统的程序代码、数据及支撑软件全部集中在服务器端(由Web服务器、数据库服务器及中间件组成)，客户端不必加载更多的系统支撑软件及应用程序，仅通过浏览器就可以访问数据库中的信息。用户可以通过Web浏览器去访问Internet上的各种资源，包括：文本、图形、图像、flash、视频点播和声音信息等，这些信息是由很多个的Web服务器产生的，而每一个Web服务器又可以通过各种链接方式与其数据库服务器进行互联，海量的数据信息实际上都存放在数据库服务器中。

2) JSP开发技术

JSP是由美国Sun公司倡导、许多公司参与一起建立的一种动态网页技术标准。它是在HTML网页中嵌套了Java代码及脚本片段，构成JSP网页。JSP嵌套了Java组件，具有页面精简、扩展性强(引入各类jar包)、不受平台限制等优点，已成为当前主流网页开发技术。突破了ASP.NET的局限，可以在任意的计算机环境中开发运行、系统部署、扩展。

3) 分页显示数据表技术

由于浏览网页需要大量数据的分页显示，采用缓存的GirdView自动分页技术。要实现带缓存的数据分页显示还需要开启SqlDataSomw数据源的“允许缓存”属性，不仅可提高Web应用程序扩展性及程序的运行效率，还降低开发的成本。

2 需求分析

根据实际调研，本幼儿园网站主要面向城市中、小规模社区的幼儿园。网站页面要求图文并茂，能够方便的进行幼儿园相关信息的网上发布和更新，支持信息搜索，并能够为用户实现各类信息网上分类查询的功能。网站规划在风格上做到色彩鲜艳、布局合理，使访问者受到美的熏陶；在色彩运用上，幼儿园网站应做到网页整体色彩效果和谐，局部可以有一些对比强烈的色彩。

网站设计分为前台与后台两部分。网站前台主要实现幼儿园简介、标题信息、信息分类、公告发布、分类搜索、日历显示等功能。网站后台主要实现管理员登录、幼儿园公告信息管理、园所简介管理、信息管理与系统管理员设置的功能。限于篇幅，本文只对网站前台的主要功能模块做介绍。

1) 标题信息

前台模块中的信息标题模块功能包含有早期教育、新闻与活动、宝宝风采、幼儿保健、招生招聘、班级圈子、在线留言等子功能。本功能主要是展示标题的信息，当用户成功登录首页后，通过点击标题按钮，就可以跳到相应界面，展示以下页面功能。

(1) 早期教育

以教师面向幼儿，通过生活日常、感官、音乐等来启蒙小朋友的智力和思维。

(2) 新闻与活动

展示幼儿园举办的各种活动和日常新闻，让家长全面了解小朋友在幼儿园的日常生活，可以及时关注一些对孩子有帮助的生活新闻。

(3) 宝宝风采

图文并茂的为家长展示幼儿园活动中有良好表现的孩子情况，让家长更加了解自己的孩子。

(4) 幼儿保健

提醒孩子家长一些育儿知识和遇到问题的解决办法。

(5) 班级圈子

显示本幼儿园的各个班级的开班情况。

(6) 招生招聘

显示幼儿园的招生情况和招聘情况。

2) 分类信息

主要是按照幼儿园网站对相关信息分类。当用户登录首页后，往下翻动会显示所有信息的内容名称这样就可以更直观的让用户选择自己想要了解的信息。

3) 信息搜索

对信息内容的标题进行搜索，当用户登录幼儿园网站首页后，用户可以输入信息内容的名称进行搜索，输入关键词然后点击搜索按钮，可以弹出想要搜索的信息界面。

4) 公告发布

定期发布幼儿园有关的新闻、通知、公告等，并保持实时在线更新，方便用户浏览。

3 设计与实现

1) 数据库设计简介

网站后台采用SQL-Server2010数据库，存储的数据库名称为YRYWZ.mdf，存储了管理员信息表、宝宝信息表、班级信息表、公告信息表、老师信息表、课程信息表、新闻信息表、视频信息表等多张数据信息表。例如，网站的公告信息表及其字段名称如表1所示。

表1 公告信息表

2) 主要功能模块设计与实现

幼儿园网站的主页设计如图1所示，形象的展示幼儿园的窗口，包含了网站的主要功能,有幼儿园简介、信息标题、公告发布和日历显示等相应功能。首页上方显示一级导航，通过点击相应的导航按钮进入相应的内容。例如，点击“信息标题”，则显示出早期教育、新闻与活动、宝宝风采、幼儿保健、招生招聘、班级圈子、在线留言、等信息内容，如图2所示。用户往下翻动网页，则会显示所有信息的内容名称，可以更直观的让用户选择自己想要了解的信息，以实现分类信息模块的功能，如图3所示。(按照类别展示信息，每一中信息类别最多一次展示5条信息。)

4 未来的设计改进方案

幼儿园网站在实际使用中，需要对其完善的管理与维护。在当前幼教资源激烈竞争的大环境下，孩子家长实际上已成为幼儿园网站的主要用户，也是幼儿园的主要服务对象。网站在设计方面不能只是各类幼儿园展示资源的简单堆积，还需要考虑到孩子家长的要求及期望，能及时回答家长所关心的问题，为众多家长提供具有在线留言与答疑服务。基于此，本幼儿园网站在后续版本的设计中，增加了“在线咨询”模块，通过网站主页上增加“在线咨询”导航，实现为孩子家长提供在线咨询服务。同时，积极的把该网站从传统的PC客户端移植至智能手机(安卓)平台，开发出基于安卓手机平台的幼儿园网站系统，满足家长用户通过安卓智能手机便捷的访问幼儿园网站的需要，也是该网站未来的设计改进方案。

5 总结

本文根据实际情况，利用JSP开发工具设计一个基于B/S架构、面向城市中、小型社区(小区)的幼儿园网站，并予以实现，用户对网站也给予较好的评价。目前，该幼儿园网站在原有PC版的基础上，正在进行智能手机(安卓)客户端版本的开发，网站具有良好的可扩充性与可移植性。

图1 幼儿园网站主页

图2 信息标题页面

图3 信息分类页面

[1] 黄涛. 基于三层架构ASP.NET的幼儿园管理系统设计与实现[D].成都：电子科技大学，2014.

[2] 李莉，廖敏，浦雅蕾. 基于ASP.NET的幼儿园网站系统[J].计算机光盘软件与应用，2013(7)：19-21.

[3] 韩云. 基于三层架构的网络教学平台的设计与实现[D].青岛：中国海洋大学，2010.

[4] 孙娜. 基于B/S模式的新疆财经大学校园网络教学平台的设计与实现[D].成都：电子科技大学，2012.

[5] 明日科技. JAVA从入门到精通[M].北京：清华大学出版社，2012.

[6] 李钟尉，陈丹丹. JAVA开发实战[M].北京：清华大学出版社，2011.

[7] 陈南. ASP. NET中大数据量分页技术的研究与实现[J].计算机应用，2011,28(4)：205-209.

[8] 张式富，姜涛，吴效明. 基于B/S的智慧社区健康监护管理系统软件的设计与实现[J].计算机应用与软件，2014,31(3):4-6.

[9] 徐金鑫.浅析幼儿园门户网站的规划布局[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年安徽三联学院校级质量工程项目(15zlgc029) 与2013年安徽三联学院校级质量工程项目(13zlgc023)。

余久久(1979-)，男，安徽合肥，副教授，硕士，研究方向：软件工程、软件测试、高校信息化建设。

章家卢(1993-)，男，安徽合肥，本科，研究方向：计算机科学与技术.

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