文献综述
基于B/S架构的校园失物招领平台的设计与实现摘要：目前，失主丢失物品之后，往往苦于寻找，甚至到处张贴寻物启事。同时，拾者拾到物品若想要归还也是重重麻烦。现在我国正在建设和谐社会，提高公民素质，学校也应该贯彻拾金不昧的精神。为了帮助我校失主更加方便地寻回丢失物品，同时减轻失物招领处的管理员的工作负担，架构了这个校园失物招领平台。失物招领平台的构建采用了B/S架构，通过利用Html，Servlet，JSP，SQL等技术，来完成整套系统平台的构建与开发，实现校园失物招领平台的各项功能。关键字：B/S架构，失物招领，系统设计与实现1 引言1.1 研究背景 目前，国内高校从数量扩张到内涵建设的转型过程中，数字校园建设是实现高效转型的一个重要途径。数字校园是以发达的计算机网络为核心技术，以信息和知识资源的共享为手段，是网络化、数字化、智能化有机结合的新型教育、学习和研究的教育环境[1]。 现如今，在校园内，失主丢失物品之后，往往苦于寻找，甚至到处张贴寻物启事。同时，拾者拾到物品若想要归还也是重重麻烦。随着学校学生教师人数的逐渐增加，进而产生了大量失物、拾物的相关数据，面对如此庞大的数据，仅仅通过人工方式是不能胜任的。为了帮助我校失主更加方便地寻回丢失物品，同时减轻失物招领处的管理员的工作负担，架构一个实用的校园失物招领平台十分必要，具有现实意义。 根据数据统计，校园内每天大约有20%的人会丢失东西，这是一个较大的数据。校园内到处都可以看见失物招领的告示，丢失的东西也多种多样，比如：优盘、眼镜盒、书本、各种卡等。一般采用黑板手写、贴纸、打印稿、群消息、论坛等形式来发布寻找或招领信息。目前校园失物招领还存在着覆盖面窄、信息更新不及时、找寻效率低、找回物品成功率低等问题。就其原因，一是集中管理成本高、效率低；二是技术落后，用户体验不佳等因素造成[2]。 随着网络平台的兴起，智能手机的普及，越来越多的学生开始在网络上发布失物信息，33%的受访者通过微博、朋友圈等网络社交平台，但传统的失物招领平台仍旧是高校学生寻找失物的主要方式，占37%。事实上，有些地方网络社交平台所占的比重高于失物招领平台。因此，要打造一个更具影响力的失物招领平台，借助网络社交平台的力量无疑是未来的趋势[3]。1.2 相关概念（1）MVC：在MVC模式中，应用程序被划分成了模型（Model）、视图（View）和控制器（Controller）三个部分。视图层和业务层分离，耦合性低，这样就允许更改视图层代码而不用重新编译模型和控制器代码，所以很容易改变应用程序的数据层和业务规则。同时，MVC模式允许使用各种不同样式的视图来访问同一个服务器端的代码[4]，使开发和维护用户接口的技术含量降低。另外，使用MVC模式使开发时间得到相当大的缩减，分离视图层和业务逻辑层也使得Web应用更易于维护和修改。可以给定一些可重用的模型和视图，控制器可以根据用户的需求选择模型进行处理，然后选择视图将处理结果显示给用户。（2）B/S技术：B/S结构即浏览器和服务器结构。而C/S一般面向相对固定的用户群，B/S 建立在广域网之上，面向是不可知的用户群，更适合校园网站的注册和使用。B/S建立在广域网之上的, 不必是专门的网络硬件环境，有比C/S更强的适应范围,，一般只要有操作系统和浏览器就行，更适合于校园内网。同时，B/S对安全以及访问速度的多重的考虑, 建立在需要更加优化的基础之上，比C/S有更高的要求。B/S构件组成可实现系统的无缝升级，系统维护开销减到最小[5]，对于校园网的网上失物招领平台而言，B/S技术更适用。（3）Html5：Html5赋予网页更好的意义和结构。基于Html5开发的网页拥有更短的启动时间，更快的联网速度。Html5提供了一些新的元素和属性，例如nav（网站导航块）和footer。这种标签将有利于搜索引擎的索引整理，便于网站的开发[6]。（4）CSS3：在CSS3出现之前，开发人员为了实现一个圆角效果，往往需要添加额外的Html标签，使用一个或多个图片来完成，而使用CSS3只需要一个标签，利用CSS3中的border-radius属性就能完成。这样，CSS3技术能把人员从绘图、剪裁图片和优化图片的工作中解放出来。另外，CSS3提供的动画特性，可让开发者在先实现一些动态按钮或者动态导航时远离JavaScript，让开发人员不需要花费大量的时间去写脚本或者寻找合适的脚本插件来适配一些动态网站效果[7]。（5）关系数据库：数据库技术是以数据为中心，采用一定的数据模型，通过组织数据形成综合性的技术，能够为各应用共享。其中关系数据库操作方便，通过应用程序和后台联结，方便了用户的对数据的操作，特别是没有编程基础的人，易于维护，大大降低了数据的冗余，和数据不一致的概率。另外，关系数据库提供了诸如视图，存储过程，触发器，索引等对象，更安全，更快捷，权限的分配，使其较以往的数据库在安全性上要高的多[8]。2. 网站设计与实现的技术支持2.1 平台技术 系统的开发模式，采用了当前流行的MVC开发模式，将网站划分为模型、视图和控制器三个部分。其中，模型部分包含了应用程序的业务逻辑和业务数据；视图部分封装了应用程序的输出形式，也就是通常所说的页面或者是界面；而控制器部分负责协调模型和视图，根据用户请求来选择要调用哪个模型来处理业务，以及最终由哪个视图为用户做出应答[10]。（1）视图：视图是用户看到并与之交互的界面。视图向用户展示用户感兴趣的业务数据，并能接收用户的输入数据，但是视图并不进行任何实际的业务处理。视图可以向模型查询业务数据，但不能直接改变模型中的业务数据。视图还能接收模型发出的业务数据更新事件，从而对用户界面进行同步更新。使用了包括 MyEclipse、MySQL等多种开发工具和JSP、Html、Java多种技术，在Tomcat服务器上显示，页面布局使用CSS DIV布局，并使用PS等图像处理技术美化界面。（2）控制：负责接收从视图发送过来的数据，同时控制Model与View部分。它的主要任务是控制Model与View，所以被称为控制器。网站的控制器采用Servlet技术，来实现交互式地浏览和修改数据，生成动态Web内容。（3）模型：主要用来负责业务逻辑的处理，数据的保持。Model是MVC模式的核心部分，它也是一个应用需要实现的最主要的部分：进行业务逻辑的处理。网站的数据库采用MySQL数据库，通过应用程序和后台联结[9]，方便了用户的对数据的各种操作。2.2 平台的构架：校园失物招领平台主要分为四个模块：信息发布、信息查询、联系认领、用户中心。（1）信息发布：这个功能模块分为两个模块，一个是失物信息发布，一个是拾物信息发布。失物者在丢失物品后，在首页发布寻物启事和自己的联系方式，拾物者在捡拾到物品后发布失物招领，并附上自己的联系方式；（2）信息查询：这个功能模块也分为两个模块，一个是“失物寻主人”，丢失物品的用户在发布物品信息前先在这个模块中查询信息，查找物品是否已经有人捡拾；另一个是“主人寻失物”，捡拾到物品的用户在发布信息前先在这个模块中查询是否有人正在寻找；（3）联系认领：用户可以在浏览到物品信息后，在对应的信息后面点击发布人进行联系认领；（4）个人中心：用户通过这个模块实现注册登录，删除发布的信息。2.3 各个功能模块简介：（1）寻物启事控制模块：包括发表寻物启事、查看寻物启事、搜索寻物启事、即时联系用户；（2）失物招领控制模块：包括发表失物招领、查看失物招领、搜索失物招领、即时联系用户；（3）用户中心控制模块：注册登录、编辑个人信息、查看相关帖子、删除发表过的帖子。功能模块如下图2.3-1： 图2.3-1功能模块图3. 课题研究的目的与意义3.1 研究目的 物品丢失已经成为高校校园内极为普遍的现象，校园内随处可见寻物启事及失物招领信息，各个高校的论坛、贴吧以及各类社交平台内也充斥着大量类似的信息，但因启事的张贴有时间的限制且破坏校园环境，而各类网站平台并不能有针对性的对此类事务进行分类处理，导致失物归还率低，大量纸张浪费以及同学们在丢失物品之后不知如何寻找等诸多问题。现在国内有一些失物招领网站，但因为面向全国，范围太广，没有针对性，实用性不强，因此人们关注度很低[11]。所以笔者设计校园失物招领平台，目标对象定位为高校师生，以MyEclipse为开发平台,综合利用数据库相关技术和Tomcat服务器，开发一个基于B/S模式下工作的校园失物招领平台，提高失物归还率。本系统的建立使校园内的失物信息被整理，并且通过网络管理使这些信息变得规范化、系统化，査询手段更加便捷化。3.2 研究意义 校园失物招领平台的建立，既能将长期搁置的失物信息进行二次整合，通过平台推广使更广泛的群体受益。另一方面，基于B/S构架设计的校园失物招领是现代信息技术与现实益处完美结合的典范，既减少了人力资源的浪费，又提高了失物归还率。可以说，校园失物招领平台的建立能够为高校学生和教师的生活带来无穷便利。网站系统在开发设计过程中投入的各项支出并不多，且面向的是学校广大学生，市场广阔，且实际投入使用能实实在在地降低管理者在人力、物力、财力方面的支出，大大节约了成本同时也提高了工作效率[12]。所以相信本平台有很大的市场潜力和美好的发展前景。4.参考文献[1] 朱明月,王运武,. 国内数字校园研究综述分析:基于2010-2012年文献[J]. 江苏开放大学学报,2015,(1): 42-48.[2] 李碧霞，杨亦，黎伟红，黄红. C2C模式失物招领移动平台设计与实现[J].中国教育信息化,2017,(7):61-62.[3] 卞承萌，黄舒婷，蔡译娴.基于学生公寓网格化管理的高校失物招领平台探析[J].太原城市职业技术学院学报,2015,(6):69-70.[4] 贺甲宁. 基于B/S系统架构的电子商务网站的开发设计[J]. 电子测试, 2014,(11):21-22.[5] 孙红亮, 解建军, 王新. 基于MVC架构的校园门户网站设计与实现[J]. 电脑开发与应用, 2014,(4):20-22.[6] 王曾.基于HTML5移动开发技术的跨平台应用商店的设计与实现[D].上海:上海交通大学,2013.[7] 李慧毅. 基于HTML5及CSS3技术的移动教务管理系统的设计与实现[D]. 福建:福建师范大学, 2015.[8] 陈莉莉,刘正龙.以数据为中心的多用户跨平台的Web开发技术[J].计算机应用与软件,2012,29(2):237-239,284.[9] Lan-rong Li.The Online Shopping System of the Web Service Technology with B2B Framework[J].Education and Management Engineering,2012,(12):21-27.[10]张秋颖.基于ASP、SQL Server技术的门户网站设计与实现[J].计算机与现代化,2006,(12):125-126.[11]方若男,赵竞天，蒋伟.基于Web的高校寻物启事及失物招领平台开发[J].教育教学论坛,2013(26):245-246.[12]Liu Shenglin,Zhang Xutian,Wang Guohong,Zhang Qiang. [Development and application of a medical device maintenance information platform based on BS architecture][J]. Zhongguo Yiliao Qixie Zazhi,2012,36(2):112-113.
资料编号：[676003]
