基于Web的高校寻物启事及失物招领平台开发

时间:2021-11-04 12:54:55 启事 我要投稿

基于Web的高校寻物启事及失物招领平台开发

摘要:针对目前高校内失物归还率低及同学们在丢失物品之后不知如何寻找等诸多问题,开发了基于Web的高校寻物启事及失物招领平台。平台基于B/S架构,将UI与PHP和数据库连接的功能代码分开编写,后台采用MySQL数据库和PHP语言开发,前台使用java script结合CSS、DIV等设计完成动态页面。平台能及时有效地处理高校内的寻物启事及失物招领类事务,为高校师生提供方便。

基于Web的高校寻物启事及失物招领平台开发

关键词:寻物启事;失物招领;Web;MySQL;PHP

中图分类号:G647 文献标志码:A 文章编号:1674-9324(2013)26-0245-03

物品丢失已经成为高校校园内极为普遍的现象,校园内随处可见寻物启事及失物招领启事,各个高校的论坛、贴吧以及各类社交平台内也充斥着大量类似的信息,但因启事的张贴有时间方面的限制且破坏校园环境,而各类网站平台并不能有针对性的对此类事务进行分类处理,导致失物归还率低、大量纸张浪费以及同学们在丢失物品之后不知如何找寻等诸多问题。现在国内有一些寻物启事及失物招领网站,但因为是面向全国,范围太广,没有针对性,实用性不强,因此人们关注度很低。“高校寻物启事及失物招领平台”将目标对象定位为高校师生。用户在进行信息检索时,网站根据用户所输入的检索关键字或所选择的条目类型进行数据挖掘与匹配,为用户提供所需的检索结果。用户还可以在“个人中心”查看自己发布、回复以及最近浏览过的信息,并可通过帖子下方的QQ按钮即时与相关用户联系。此外,网站管理员将收集并核实用户反馈的虚假信息,可以对高校内部此类事务进行有针对性的分类、整理和信息发布,为丢失物品的同学及时准确地提供失物招领信息,进而克服传统失物招领方式失物归还率低、大量纸张浪费等诸多问题。

一、平台设计

高校寻物启事及失物招领平台为高校师生及时有效地提供高校内的寻物启事及失物招领信息。用户未登录时即可浏览网站里的信息。登陆后可发表帖子,并可通过帖子下面的QQ按钮直接与发帖人联系。平台主要分以下几个模块:

1.失物招领模块。将所有失物招领按发布时间显示出来,丢失物品的用户可以进入该模块查看所有失物招领启事,并可通过勾选物品类别、物品颜色、学校校区等信息或输入关键字来搜索自己寻找的东西。

2.寻物启事模块。将所有寻物启事按发布时间显示出来。

3.虚假信息举报模块。将虚假信息以及相应用户的ID发布在这一模块,提醒广大用户小心受骗。

4.用户个人中心模块。网站为已注册用户提供“个人中心”页面,将用户发布、回复以及最近浏览过的信息进行准确汇总,并为用户提供相应链接。用户可以在这个界面查看自己发布、回复过以及最近浏览过的信息,并可接收和发送站内信。

二、主要功能实现

1.用户的注册:首先根据规定的用户名以及密码的格式检测用户的输入是否合法,并检测数据库是否存在重名用户,如果输入合法且数据库中无相同用户信息,则使用insert语句向数据库中插入相应的用户数据,生成一位注册用户。

2.用户的登录:登录时检测用户所输入的用户和密码是否与数据库中已有的数据相匹配,如果匹配,则登录成功,进入登录后的用户界面;若匹配失败,则不能成功登录,弹出失败提示。

3.寻物/招领信息的发表:用户在登录后,可以发布寻物、招领的信息,在页面的选项卡和文本框内输入相应的物品信息后,便可以发表,系统检测到用户的输入合法后,将物品信息插入数据库中。

4.物品的搜索:我们为用户提供了两种搜索方式,一种是选项卡筛选的方式,另一种是关键字搜索,第一种方式我们采用了复选框让用户对自己所要查找的物品信息进行筛选(如类型、颜色、品牌等等),在数据库中找到经过筛选的物品信息,反馈到用户界面供用户查看。关键字搜索为用户提供了搜索框,用户可搜索物品名称中所包含的关键字或完整的物品名称,系统在数据库中找到匹配项输出到用户界面。

5.用户个人中心:为用户提供了个人信息的界面,用户可以修改部分个人信息,也可以查看自己所发布的信息,系统将该用户发布过的信息从数据库中筛选出来输出在个人中心界面上,方便用户查看。

三、技术实现

在整个平台的实现过程中,我们并没有将UI完全写进PHP,而是将UI与PHP和数据库连接的功能代码分开编写,所以以后如需修改网站的界面,将不会对系统本身造成很大的影响。首先,当用户要进行相关操作时,浏览器层次会调用相应的php程序。php程序接收来自网页的请求,然后根据请求对数据库进行相应的.操作,并将操作结果返回给前台网页。平台架构图如图3所示:

1.前台实现。网站的前台搭建用Dreamweaver制作工具,除了Dreamweaver最基本的功能实现以外,还使用到了一些其他技术:层的使用,结合Java Script做的行为特效,CSS,spry构件等。以子主页的Java Script切换特效为例,采用CSS用于进行风格设计,进行了层的定义使用及初始化定位,并调用addLoadEvent(func)、moveElement、classCurrent等函数功能实现图片的移动切换及划过小图片大图片相应显示等功能,同时设置了链接,为用户提供了更加友好、丰富的交互式体验。层的使用主要用于设计页面的布局。通过层的放置,实现隐藏某些层或者显示其他层,以及在屏幕上移动层。平台中主logo下的导航栏即应用是层的应用实例。行为特效主要是在子主页中结合Java Script的编程做的一个图片选择预览效果,通过点击小图标自动定位到大图标,使整个页面不会显得太单调,更加的美观和人性化。这一块还涉及到了层,div,AP div的使用。CSS主要用于用来进行网页风格设计,使整个网页的制作过程样式能够多样化与统一化,也使整个网页设计操作简单化。Spry构件不仅增加了页面的布局形式,简化并增强了表单的验证功能,还与XML数据相结合,方便构造动态数据显示,便于能够更好的进行人机交互。

2.后台实现。网站采用PHP+MySQL进行开发。MySQL是一个开放源码的小型关联式数据库管理系统。它体积小、速度快且便于管理,同时具有较高的可移植性和稳定性,作为中小型网站的数据库非常合适。PHP是一种非常优秀的WEB服务器端脚本语言,跨平台性强,编辑简单,有较高的实用性。PHP还可以被嵌入于HTML语言。此外,PHP消耗相当少的系统资源。数据便于管理,以提高数据库的检索速度和灵活性。使用PHP将前台与数据库进行连接后,主要通过函数及SQL语句操作数据库。当用户在网页上进行各种操作时,HTML页面表单中的信息被提交给相应的action所指定的脚本程序(即相应的.php文件)处理,最后利用PHP中的函数读取数据库中的数据并返回给前台,呈现给用户。

本文介绍了基于Web的高校寻物启事及失物招领平台的实现过程。用户可以通过平台发布寻物启事及失物招领、浏览此类信息,并可通过平台即时联系相关用户。平台立足于广大师生的需要,针对性地对各个高校内部的失物招领及寻物启事类信息进行分类、整理和发布,提高了失物归还率,为广大师生提供了方便,同时为大家创建了一个更和谐美好的校园环境。

参考文献:

[1]刘欣,李慧,等.PHP开发宝典[M].北京:机械工业出版社,2012.

[2]兰玉.PHP与MySQL网站开发全接触[M].北京:机械工业出版社,2012.

[3]胡崧,李海,刘芬芬.Dreamweaver CS5中文版标准教程[M].北京:中国青年出版社,2010.

[4]孙良军,胡秀娥.HTML+CSS+JavaScript网页设计与布局实用教程[M].北京:清华大学出版社,2011.

[5]张晋芳.PHP在网站后台建设中的优势[J].太原:山西林业技术职业学院,2012,25(12):39-40.

指导老师:吴志红。

基金项目:四川大学计算机学院教改班创新实践基金

【基于Web的高校寻物启事及失物招领平台开发】相关文章:

寻物启事的格式01-10

寻物启事作文精选10-19

笑话:寻物启事05-28

寻物启事范文05-28

笑话:寻物启事11-04

寻物启事范文11-04

寻物启事范文01-01

Lost(寻物启事)04-05

基于Web的物流园区信息平台的构建07-21