Web基础课程设计

摘摘 要要 失物招领系统 是鉴于现今我国现状 为了帮助更多的人更加方便快捷 得找回他们丢失的物品而设立的一个平台 在这个网络日益发展的时代 网上 寻物成为最简单方便的方式 只需要坐在家里就可以清清楚楚地知道自己丢失 物品的情况 基于目前国内该系统也是初步投入使用 在功能和应用方面还有 待完善 我们加入自己的新点子 这个系统在以后应该会得到广泛的应用并日 臻完善 该项目的主要用户包括一些学校 政府机关和大型企业等 为更好的 实现该系统的相关功能 用户可以采用一个独立的数据库实现小范围内的实施 该系统 例如学校或者企业等 也可以通过 Internet 的连接在网页上实施该系 统 例如县市级政府机关等 这是一个比较小型的系统 其开发成本不会很高 预算合理 价格低廉 关键字 关键字 失物招领 运行 环境 服务 接口 设计 信息 Web 技术应用基础课程设计 2 目录 1 需求分析 4 1 1 编写目的 4 1 2 背景 4 2 概要设计 5 2 1 系统功能 5 2 1 1 功能概述 5 2 1 2 管理端子功能模块 8 2 1 3 用户端子功能模块 12 2 2 用户业务流程图 15 2 2 1 总体业务流图 15 2 3 用户业务数据流图 16 2 3 1 登录数据流图 16 2 3 1 查询数据流图 17 3 数据描述 17 3 1 数据库描述 17 3 2 数据词典 18 4 用户界面设计及代码实现 19 5 参考资料 28 Web 技术应用基础课程设计 3 1 需求分析需求分析 1 1 编编写写目目的的 该系统是关于用户对于失物招领管理系统的功能和性能的要求 重点描述 了失物招领系统的功能需求 是概要设计阶段的重要输入 本文档的预期读者是 设计人员 开发人员 项目管理人员 测试人员 用户 1 2 背背景景 为了方便失主寻找丢失物品 拾主归还捡拾物品和减轻失物招领中心的管 理员的工作负担 以及发扬拾金不昧的美好品德和提高中国人民的道德水平 我们开发了失物招领管理系统 失主可以通过网络进入到本系统 查询自己丢 失的物品是否已被好心人拾到并交给了招领中心和对好心人的感谢等 管理员 可通过本系统对失物信息 报失信息 留言信息等方便的进行管理 当今社会 当失主丢失物品后往往苦于寻找 要不是得登报 就得到处张 贴寻物启事 同时 拾主捡到物品若希望归还 也是麻烦重重 最重要的是 现在我国正努力建设和谐社会 政府重视城镇居民道德素质的提高 所以弘扬 拾金不昧的优秀传统是政府义不容辞的一项责任 虽然现在很多学校已有失物 招领中心 可是这些中心在记录失物等的信息时全部都是用笔纸记录的 当失 物招领中心的记录很多时 查询起来会耗费大量的时间 同时失主必须到失物 招领中心才能报失自己丢失的物品或者确认自己丢失的东西是否保存在失物招 领中心 因此 开发失物招领管理系统是一件迫在眉睫的事情 并且该系统是 基于网络的 失主可以在网络上查询和报失以及确认 这个系统可以在方便管 理人员和失主的同时提高我国人民的道德素质 使我国人民处于更和谐的社会 Web 技术应用基础课程设计 4 2 概要设计概要设计 2 1 系系统统功功能能 2 1 12 1 1 功能概述功能概述 以下四个 IPO 表逐项定量和定性地对系统的功能需求进行描述 表一 失物管理模块的 IPO 表 系统名称 失物招领管理系统设计人 模块名 失物管理日期 模块编号 上层调用模块 管理端 文件名 下层被调用模块 失物信息的增加 删除 修改 输入数据 失物的名称 pick name 特点 pick trait 捡拾地点 pick place 时间 pick time 捡拾人信息 姓名 pname 联系方式 pcontact way 对应的存储地点 store place 上交物品日期 sdate 及存储时间 以天计 store time 处理方式 hand way 输出数据 失物的名称 pick name 特点 pick trait 捡拾地点 pick place 时间 pick time 捡拾人信息 姓名 pname 联系方式 pcontact way 对应的存储地点 store place 上交物品日期 sdate 及存储时间 以天计 store time 处理方式 hand way 处理 有人上交捡拾物品 THEN 调用 失物信 息的增加 IF store time 30 失物被领取 调用 失物信息的修改 Web 技术应用基础课程设计 5 hand way 为已领取 ELSE IF store time60 THEN 调用 报失信息删除 Web 技术应用基础课程设计 6 ENDIF 注释 此模块针对于系统管理人员和报失人员 但输出数据只有管理员可见 表三表三 信息公布管理模块的信息公布管理模块的 IPOIPO 表表 系统名称 失物招领管理系统设计人 模块名 信息公布管理日期 模块编号 上层调用模块 失物招领管理系统 文件名 下层被调用模块 失物招领信息 报 失物品信息 留言板信息管理 普通 查询和高级检索 输入数据 留言 查询信息 输出数据 1 失物的名称 pick name 捡拾地点 pick place 时间 pick time 捡拾人姓名 name 2 留言 3 普通查询 名称相同的物品的信息 高级检索 名称相同 丢失地点范围 之内的物品的信息 处理 调用 失物招领信息和报失物品 信息 IF 普通查询 调用 普通查询 THEN 显示名称相同的物品的信息 IF 高级检索 调用 高级检索 THEN 显示名称相同 一定丢失地点 范围之内物品的信息 Web 技术应用基础课程设计 7 留言 THEN 调用 留言板信息管 理 注释 此模块适用于所有用户 且供用户用于站内输入及查看和供用户用于 站内查询 系统总功能模块划分图 2 1 22 1 2 管理端子功能模块管理端子功能模块 管理端子系统主要是给失物招领中心管理员提供的功能 它分为失物信息 管理报失信息管理 信息公布管理等部分 管理员须通过安全认证后方能登 录 实现相应功能 下图为它的用例图 Web 技术应用基础课程设计 8 登录管理 用户管理 报失信息管理 失物信息管理 信息公布管理 管理员 失物管理的功能用例图 管理端的这些用例描述如下 登录管理 登录管理负责管理端的登录 管理端的人员 管理员 登录到 管理端必须经过登录界面 输入自己的用户名和密码 然后系统判断这个用户 的权限 实现其功能 报失信息管理 失者向失物招领中心提供报失信息 管理者进行报失物品 信息添加 输入报失物品名称 特点 丢失地点 时间 报失人信息 姓名 联系方式 报失时间 以天计 如果失物被领走 则管理员进行报失物品 信息的删除 如果报失信息时间超过 60 天 则系统自动删除报失信息 失者也 可自行对报失物品信息进行添加 失物信息管理 拾者向失物招领中心提供失物信息 管理员登录到系统对 失物信息进行添加 输入失物的名称 特点 捡拾地点 时间 领取状态 置 为未领取 捡拾人信息 姓名及联系方式 对应的存储地点及存储时间 以天计 若失物被领取 则管理员对失物信息进行修改将领取状态置为已 领取 若存储时间超过 30 则系统对这些信息进行删除 信息公布管理 信息公布管理是对失物招领信息和报失物品信息进行部分 公开 既将信息进行输出 和用户可在留言板进行留言 输出信息为失物的名 称 捡拾地点 时间 捡拾人姓名 逾期失物的处理方式 报失物品名称 报 失人信息 姓名和联系方式 及用户留言 用户同时也可进行普通查询和高级 检索 普通查询显示名称相同的物品的信息 高级检索显示名称相同 丢失地 点范围之内的物品的信息 Web 技术应用基础课程设计 9 用户管理 用户管理由系统管理员增加或删除用户 编辑用户名 用户密 码 修改用户权限 使不同的人 管理员 进入系统主界面使用系统的功能 登录管理 登录到管理端的所有人都需要通过登录界面进入管理界面 在登录界面 输入用户名和密码 系统判断用户名和密码的正确性 然后登录到此系 统可进行相应的操作 下图为它的活动图 登录管理端 输入用户名和密码 提交合法性验证 合法 不合法 登录到管理端 登录者 数据库 登录管理活动 报失信息管理 报失信息管理主要完成报失信息的添加 修改和删除等维护功能 用例描述 报失信息管理 执行者 管理员 前置条件 管理员已登录系统 后置条件 如果信息维护成功 则数据库中的报失信息库随之变化 此 Web 技术应用基础课程设计 10 时用户可以对报失信息进行查询 基本路径 a 进入报失信息管理界面 首先展示已有的报失信息 b 点击每项信息可以详细浏览报失物品的信息 同时也可对信息进行 修改 c 添加信息时 输入报失物品名称 特点 丢失地点 时间 报失人 信息 姓名 联系方式 报失时间 以天计 d 可删除选择的信息 失物信息管理 失物信息管理主要是完成捡拾物品信息的添加 修改和删除等维护功能 用例描述 失物信息管理 执行者 管理员 前置条件 管理员登录到系统 后置条件 如果信息维护成功 则数据库中的失物信息库随之变化 此 时用户可以对失物信息进行查询 基本路径 a 进入失物信息管理界面 首先展示已有的失物信息 b 点击每项信息可以详细浏览失物的信息 同时也可对信息进行修改 c 添加信息时 输入失物信息进行添加 输入失物的名称 特点 捡 拾地点 时间 领取状态 置为未领取 捡拾人信息 姓名及联 系方式 对应的存储地点及存储时间 以天计 d 可删除选择的信息 信息公布管理 信息公布管理主要是输出部分失物信息 查询 普通查询和高级检索 用户留言等功能 部分失物信息信息发布后 用户可通过网络可以看到 Web 技术应用基础课程设计 11 失物的名称 pick name 捡拾地点 pick place 时间 pick time 捡拾人姓名 name 用例描述 信息公布管理 执行者 管理员 前置条件 管理员已登录系统 后置条件 如果信息发布成功后 则数据库中的信息随之变化 失者可 通过网络看到部分失物信息 也可对这些失物进行查询以及在留言板上 留言 基本路径 a 进入失物管理界面对失物信息进行管理 b 系统自动调用数据库的信息 显示相关信息 c 管理员可点击某项信息 包括留言信息 对其进行增删改 d 提供信息查询功能 用户管理 管理员可以进行权限设置 在用户管理界面中对用户进行添加 删除 修改 查询 用例描述 用户管理 执行者 管理员 前置条件 管理员已进入登录系统 后置条件 如果用户信息维护完成 则用户的相应信息将记录到数据库 中 基本路径 a 进入用户管理界面 显示目前的系统用户 b 点击不同的用户 可显示这个用户的信息 c 可增加用户 也可删除用户 2 1 32 1 3 用户端子功能模块用户端子功能模块 失者报失键入报失物品名称 特点 丢失地点 时间 报失人信息 姓名 Web 技术应用基础课程设计 12 联系方式 等 失者可以看到部分失物信息 可以对其进行查询 普通查询和 高级检索 用户端的功能主要是报失 报失物品的输入 信息的查询 留言等 此下 为它的用例图 失者 留言 查询 报失 用户端的功能用例图 用户端用例描述如下 报失 失者键入报失物品名称 特点 丢失地点 时间 报失人信息 姓 名 联系方式 查询 普通查询和高级检索 普通查询显示名称相同的物品的信息 高级 检索显示名称相同 丢失地点范围之内的物品的信息 留言 在留言板上输入留言信息 报失 系统提供失者报失信息栏 对报失信息进行键入 具体描述如下 用例描述 报失 执行者 失者 前置条件 失者已进入系统 后置条件 可对物品进行报失 基本路径 a 失者登录到系统 显示部分失物信息 留言信息等 b 选择报失栏 填写报失信息 查询 Web 技术应用基础课程设计 13 查询分为普通查询和高级检索 方便失者对物品信息的查询 具体描述 如下 用例描述 查询 执行者 失者 前置条件 失者已进入系统 后置条件 对部分物品信息进行查询 基本路径 a 失者登录到系统 显示部分失物信息 留言信息等 b 选择查询项目 浏览相关信息 留言 失者在留言板上进行留言 具体用例描述如下 用例描述 留言 执行者 失者 前置条件 失者已进入系统 后置条件 在留言板上进行留言 基本路径 a 失者登录到系统 显示部分失物信息 留言信息等 b 打开留言板输入留言信息 Web 技术应用基础课程设计 14 2 2用用户户业业务务流流程程图图 2 2 12 2 1 总体业务流图总体业务流图 判断用户名是否存在及 密码是否正确 进入首页 用户登录 是 登录成功 否 继续输入 显示用户已登录 失物信息查询失物报失信息板中留言 信息输入及写入数 据库 相关信息的显 示 Web 技术应用基础课程设计 15 2 32 3 用户业务数据流图用户业务数据流图 2 3 12 3 1 登录数据流图登录数据流图 开始 输入用户名密码 用户信息检测 判断用户信息 是否正确 是 否 数据库 确认用户登录 出错信息 重新输入 结束 Web 技术应用基础课程设计 16 2 3 22 3 2 查询数据流图查询数据流图 开始 查询信息输入 数据库信息查询 记录信息 信息输出 结束 3 3 数据描述数据描述 3 13 1 数据库描述数据库描述 本系统采用 SQL Sever 数据库设计表 数据库名称为 swzl mdb 根据功 能模块的划分及相关信息的分类可建 3 个表 分别为用户信息表 user info 失物招领信息表 pick 失物报失信息表 lost 留 言信息表 leaveword Web 技术应用基础课程设计 17 3 23 2 数据字典数据字典 根据系统功能及页面显示等相关信息的描述 在数据库 swzl mdb 中创建如下表 表 3 1 用户信息表 user info 列名数据类型长度说明 User IDInt 主键 自增 Namevarchar40用户名 Passwordvarchar25密码 QQInt20QQ E mailvarchar40邮箱 PhoneInt20电话号码 表 3 2 失物招领信息表 pick 列名数据类型长度说明 User IDInt 主键 自增 pick namevarchar40失物的名 pick traitvarchar25失物的特点 pick placevarchar100捡拾地点 pick timeDatetime捡拾时间 pnamevarchar10捡拾人姓名 pcontact wayvarchar20捡拾人联系方式 store placevarchar10对应的存储地点 sdateDatetime上交物品日期 store timeDatetime存储时间 hand wayvarchar30处理方式 表 3 3 失物报失信息表 lost 列名数据类型长度说明 User IDInt 主键 自增 lost namevarchar40报失物品名称 lost traitvarchar25报失物品特点 lost placevarchar100丢失地点 lost timeDatetime丢失时间 lnamevarchar10报失人名称 lcontact wayvarchar20报失人联系方式 ldateDatetime报失日期 timeDatetime报失时间 Web 技术应用基础课程设计 18 表 3 4 留言信息表 leaveword 列名数据类型长度说明 Whole IDInt 主键 自增 Namevarchar40用户名 contextvarchar25留言内容 PhoneInt20电话号码 dateDatetime留言时间 4 4 用户界面用户界面及代码实现及代码实现 1 数据库的实现 package com yxq toolsbean import java sql Connection import java sql DriverManager import java sql ResultSet import java sql SQLException import java sql Statement public class DB private Connection con null private Statement stm null 通过构造方法加载数据库驱动 public DB try Class forName sun jdbc odbc JdbcOdbcDriver catch Exception e e printStackTrace System out println 加载数据库驱动失败 创建数据库连接 public void createCon try con DriverManager getConnection jdbc odbc swzl catch Exception e e printStackTrace System out println 获取数据库连接失败 Web 技术应用基础课程设计 19 获取 Statement 对象 public void getStm createCon try stm con createStatement catch SQLException e e printStackTrace System out println 创建 Statement 对象失败 功能 对数据库的增加 修改和删除的操作 参数 sql 为要执行的 SQL 语句 返回值 boolean 型值 public boolean executeUpdate String sql System out println sql boolean mark false try getStm int iCount stm executeUpdate sql if iCount 0 mark true else mark false catch Exception e e printStackTrace mark false return mark 查询数据库 public ResultSet executeQuery String sql ResultSet rs null try getStm try rs stm executeQuery sql catch Exception e e printStackTrace System out println 查询数据库失败 catch Exception e Web 技术应用基础课程设计 20 e printStackTrace return rs 关闭数据库的操作 public void closed if stm null try stm close catch SQLException e e printStackTrace System out println 关闭 stm 对象失败 if con null try con close catch SQLException e e printStackTrace System out println 关闭 con 对象失败 2 用户登录检测 用户登录窗口 登录检测代码如下 var uname pword uname request form username pword request form password set rrs server createobject adodb recordset connec DBQ server mappath database swzl mdb DefaultDir DRIVER Microsoft Access Driver mdb sql select from user info where Name history back response end else if rrs Password pword then response write alert 密码错误 请核对你的密码重新登陆 如忘记密 码请点击确认在返回页面上点击找回密码 history back respons