基于BS模式的机票预订管理系统的设计与实现-客户端功能模块

目录TOC\o"1-6"\h\z\u摘要 [15]。数据库遭遇故障时，我们可以将已备份的数据库文件还原到数据库中，这一措施大大加强了数据库管理安全性。三、网站可行性与需求分析可行性分析每个系统的规划最初都要考虑到系统的可行性。现对本系统从技术可行性、市场可行性、经济可行性三个维度进行分析。技术可行性此系统在开发过程中采用Java语言，开发工具则选用了IDEA，基于B/S模式，SpringBoot+MyBatis框架进行构建，前后台的交互则通过Axios技术实现。并且使用MySQL数据库，项目成员已经熟练掌握相关技术，应该技术可行！市场可行性通过调查研究目前正在使用或曾经应用过的机票预订管理系统，查找到了许多具有指导性的资料。进而得知，本次研究的系统在开发过程中还是比较容易的，而且所用成本也相对较低，实用性却很强，尤其在售票方面，不仅减少了航空公司售票所需的人力物力，而且还提高了用户购票的效率，十分切合市场的需求。因此，此系统在市场上的可行性很高。经济可行性机票预订管理系统从需求分析到最后系统实现所花费时间应不会太多，且不用购买昂贵的计算机硬件，大部分开发工具都是开源的，所以相对来说经济花费并不会太高，所以经济上是可行的。需求分析除了进行必要的可行性分析，需求分析同样不可或缺。需求分析在软件工程中占据着举足轻重的地位。本文特别针对系统客户端功能需求进行了深入分析。系统客户端需求本次设计致力于为客户提供一个便捷高效的购票平台。为了方便用户预订机票，系统为用户提供登录/注册、首页信息展示、预订航班、查看航空资讯、个人中心管理、订单管理等功能。综上所述，本系统的设计目标如下：登录/注册。新用户需要进行账号注册并登录系统，而已有账号的用户则可在该页面输入账号和密码，来到客户端界面进行各项操作。首页信息展示。系统首页模块有航班信息、航空资讯、系统简介等精简显示，便于用户了解航空公司和航班信息。预订航班。用户可在航班信息模块查看各个航班的详细信息，并进行预订相关操作。查看航空资讯。用户只需点击航空资讯模块，即可轻松浏览所有的航空信息。个人中心管理。用户可进行余额充值操作，并轻松编辑个人相关信息。订单管理。用户可在此页面查看自己的订单状态，还能进行支付、取消等操作。系统客户端具体用例图如图3-1所示。图3-1系统客户端需求用例图四、系统总体设计系统总体功能设计本系统为了实现了用户注册和登录、机票查询与预订等一系列功能，采用了SpringBoot框架，并结合MySQL开源数据库。这一系统不仅提升了航空公司的服务质量和工作效率，还为广大旅客提供了极大的便利。网站总体功能如图4-1所示。图4-1机票预订管理系统总体功能结构图系统客户端功能模块设计在基于B/S模式的机票预订管理系统的设计与实现当中，本人主要负责客户端的首页模块的航班信息推荐首页展示、航班信息首页展示、系统简介首页显示、航空资讯首页展示和关于我们首页显示功能，航班信息模块的查看航班信息和预订机票、收藏航班、评论航班、赞一下、踩一下功能，航班资讯模块的查询资讯、查看资讯详情功能，个人中心的个人信息更新、查看我的订单、查看我的收藏功能。下面将主要针对以上本人负责完成的功能模块进行介绍。首页模块航班信息推荐首页展示航班信息推荐首页展示活动图如图4-2所示。图4-2航班信息推荐首页展示活动图航班信息首页展示航班信息首页展示活动图如图4-3所示。图4-3航班信息首页展示活动图系统简介首页显示系统简介首页显示活动图如图4-4所示。航空资讯首页展示航空资讯首页展示活动图如图4-5所示。图4-4系统简介首页显示活动图图4-5航空资讯首页展示活动图关于我们首页显示航空资讯首页展示活动图如图4-6所示。图4-6关于我们首页显示活动图航班信息模块查看航班信息查看航班信息活动图如图4-7所示。图4-7查看航班信息活动图预订机票预订机票活动图如图4-8所示。图4-8预订机票活动图收藏航班收藏航班活动图如图4-9所示。图4-9收藏航班活动图评论航班评论航班活动图如图4-10所示。图4-10评论航班活动图赞一下赞一下活动图如图4-11所示。图4-11赞一下活动图踩一下踩一下活动图如图4-12所示。图4-12踩一下活动图航班资讯模块查看航空资讯查看航空资讯活动图如图4-13所示。图4-13查看航空资讯活动图查看资讯详情查看资讯详情活动图如图4-14所示。图4-14查看资讯详情活动图个人中心模块个人信息更新功能个人信息更新活动图如图4-15所示。图4-15个人信息更新活动图查看我的订单查看我的订单活动图如图4-16所示。图4-16查看我的订单活动图查看我的收藏查看我的收藏活动图如图4-17所示。图4-17查看我的收藏活动图登录/注册模块登录/注册功能登录/注册活动图如图4-18所示。图4-18登录/注册活动图数据库概念设计数据库设计在软件系统开发中占据着举足轻重的地位。我们利用Navicat工具设计和开发了MySQL数据库。为了确保数据库的设计与开发既方便又高效，我们特别绘制了系统的E-R图。数据库主要的实体属性本机票预订管理系统的主要实体属性如下：航班信息：包括航班id、航班号、出发地、目的地、出发时间、到达时间、航班线路、航班次序、价格、总座位数。用户信息：包括用户id、用户名、密码、身份证号码、联系电话、用户头像。管理员：具有管理权限的用户，包括管理员id、管理员密码。航空资讯：包括航空公司新闻id、简介、标题、图片、内容。订单：包括订单编号、用户id、商品id、商品名称、商品图片、购买数量、价格、折扣价格、总价格、折扣总价格、支付类型、电话、备注、状态、商品类型。数据库E-R模型在数据库概念设计阶段，E-R图设计很重要，想降低数据库中表的冗余程度就得看它。以下将展示本系统客户端用户的实体-联系图：本系统客户端用户实体-联系图如图4-19所示。图4-19客户端用户实体-联系图五、系统详细设计功能模块界面设计为了设计的功能模块能在基于B/S模式的机票预订管理系统里的布局清晰，现对功能模块所在的页面进行界面布局设计。系统客户端的首页模块的航班信息推荐展示界面设计如图5-2所示。图5-1航班信息推荐展示界面设计图系统客户端的首页模块的航班信息展示界面设计如图5-2所示。图5-2航班信息展示界面设计图系统客户端的首页模块的系统简介显示界面设计如图5-3所示。图5-3系统简介显示界面设计图系统客户端的首页模块的航空资讯展示界面设计如图5-4所示。图5-4航空资讯展示界面设计图系统客户端的首页模块的关于我们显示界面设计如图5-5所示。图5-5关于我们显示界面设计图系统客户端的航班信息模块的查看航班信息列表界面设计如图5-6所示。图5-6查看航班信息列表界面设计图系统客户端的航班信息模块的预订航班（收藏航班、评论航班、赞一下、踩一下）界面设计如图5-7所示。图5-7预订航班界面（收藏航班、评论航班、赞一下、踩一下）设计图系统客户端的航空资讯模块的查看航空资讯界面设计如图5-8所示。图5-8查看航空资讯界面设计图系统客户端的航空资讯模块的查看资讯详情界面设计如图5-9所示。图5-9查看资讯详情界面设计图系统客户端的个人中心模块的个人信息界面设计如图5-10所示。图5-10个人信息界面设计图系统客户端的个人中心模块的我的订单界面设计如图5-11所示。图5-11我的订单界面设计图系统客户端的个人中心模块的我的收藏界面设计如图5-12所示。图5-12我的收藏界面设计图系统客户端的登录/注册界面设计如图5-13所示。图5-13登录/注册界面设计图数据库物理设计在数据库中，系统数据以表格形式整齐地存储着，我们需要设计数据库表的存储方式，才能更清晰地展示数据的存储结构。在已经对实体关系图进行深入分析的基础上，下面将展示更多详细的数据库表设计：用户表yonghu数据库表，如表5-1所示。表5-1用户信息表（yonghu）序号字段类型长度能否为空解释1yonghuzhanghaovarchar20否用户id2yonghuxingmingvarchar20否用户名3mimavarchar10否密码4shenfenzhengchar18否身份证号码5lianxidianhuavarchar20否联系电话6touxianglongtext100能用户头像7xingbievarchar10否性别订单表orders数据库表，如表5-2所示。表5-2订单表（orders）序号字段类型长度能否为空解释1orderidbigint20否订单编号2useridbigint20否用户id3goodidbigint20否商品id4goodnamevarchar30否商品名称5picturelongtext100能商品图片6buynumbervarchar10否购买数量7pricefloat10否价格8discountpricelfloat10否折扣价格9totalfloat10否总价格10discounttotalfloat10否折扣总价格11typeint10否支付类型12telvarchar20否电话13remarkvarchar100能备注14statusvarchar20否状态15goodtypevarchar20否商品类型航班信息表hangbanxinxi数据库表，如表5-3所示。表5-3航班信息表（hangbanxinxi）序号字段类型长度能否为空解释1hangbanbianhaovarchar20否航班编号2hangbanmingchengvarchar20否航班名称3chufadivarchar20否出发地4mudedivarchar20否目的地5qifeishijiandatetime否出发时间6daodashijianvarchar否到达时间7hangbanxianluvarchar20否航班线路8hangbancixuvarchar20否航班次序9pricelongtext200否价格10numberint20否总座位数11selectedlongtext20能已选座位12tupianlongtext100能图片航空资讯表news数据库表，如表5-4所示。表5-4航班资讯表（news）序号字段类型长度能否为空解释1idint20否新闻id2titlevarchar20否标题3introductionvarchar20否简介4picturevarchar20否图片5contentvarchar20否内容六、网站实现数据库实现新建一个数据库，命名为planeticket，如图6-1所示。图6-1新建planeticket数据库在planeticket数据库中，我们新建了多个表，包括yonghu、orders、news等，以完成数据库的物理设计。下面展示了使用MySQL语言创建hangbanxinxi表的示例：CREATETABLE`hangbanxinxi`(`id`bigintNOTNULLAUTO_INCREMENTCOMMENT'主键',`addtime`timestampNOTNULLDEFAULTCURRENT_TIMESTAMPCOMMENT'创建时间',`hangbanbianhao`varchar(200)CHARACTERSETutf8mb3COLLATEutf8mb3_general_ciNULLDEFAULTNULLCOMMENT'航班编号',`hangbanmingcheng`varchar(200)CHARACTERSETutf8mb3COLLATEutf8mb3_general_ciNULLDEFAULTNULLCOMMENT'航班名称',`hangbanxianlu`varchar(200)CHARACTERSETutf8mb3COLLATEutf8mb3_general_ciNOTNULLCOMMENT'航班线路',`hangbancixu`varchar(200)CHARACTERSETutf8mb3COLLATEutf8mb3_general_ciNULLDEFAULTNULLCOMMENT'航班次序',`mudedi`varchar(200)CHARACTERSETutf8mb3COLLATEutf8mb3_general_ciNULLDEFAULTNULLCOMMENT'目的地',`chufadi`varchar(200)CHARACTERSETutf8mb3COLLATEutf8mb3_general_ciNULLDEFAULTNULLCOMMENT'出发地',`qifeishijian`datetimeNULLDEFAULTNULLCOMMENT'起飞时间',`daodashijian`datetimeNULLDEFAULTNULLCOMMENT'到达时间',`hangbanjieshao`longtextCHARACTERSETutf8mb3COLLATEutf8mb3_general_ciNULLCOMMENT'航班介绍',`tupian`longtextCHARACTERSETutf8mb3COLLATEutf8mb3_general_ciNULLCOMMENT'图片',`thumbsupnum`intNULLDEFAULT0COMMENT'赞',`crazilynum`intNULLDEFAULT0COMMENT'踩',`clicktime`datetimeNULLDEFAULTNULLCOMMENT'最近点击时间',`price`floatNOTNULLCOMMENT'价格',`number`intNULLDEFAULTNULLCOMMENT'座位总数',`selected`longtextCHARACTERSETutf8mb3COLLATEutf8mb3_general_ciNULLCOMMENT'已选座位[用,号隔开]',PRIMARYKEY(`id`)USINGBTREE,UNIQUEINDEX`hangbanbianhao`(`hangbanbianhao`ASC)USINGBTREE)planeticket数据库中的hangbanxinxi的设计表如图6-2所示。图6-2hangbanxinxi的设计表在IDEA中，我们需要在网站项目的源文件中建立与planeticket数据库的连接。为了完成这一操作，我们在spring-common.xml文件中进行了详细的数据库配置。以下是连接数据库的核心代码：datasource:driverClassName:com.mysql.cj.jdbc.Driverurl:jdbc:mysql://:3306/planeTicket?useUnicode=true&characterEncoding=utf-8&useJDBCCompliantTimezoneShift=true&useLegacyDatetimeCode=false&serverTimezone=GMT%2B8username:rootpassword:root系统客户端功能模块的实现首页模块航班信息推荐首页展示用户点击系统导航栏的首页模块，网站显示航班信息推荐。如图6-3所示。图6-3航班信息推荐首页展示页面核心代码部分如下：@IgnoreAuth@RequestMapping("/list")publicRlist(@RequestParamMap<String,Object>params,HangbanxinxiEntityhangbanxinxi,@RequestParam(required=false)Doublepricestart,@RequestParam(required=false)Doublepriceend,HttpServletRequestrequest){EntityWrapper<HangbanxinxiEntity>ew=newEntityWrapper<HangbanxinxiEntity>();if(pricestart!=null)ew.ge("price",pricestart);if(priceend!=null)ew.le("price",priceend);PageUtilspage=hangbanxinxiService.queryPage(params,MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew,hangbanxinxi),params),params));returnR.ok().put("data",page);}航班信息首页展示用户点击系统导航栏的首页下拉，网站呈现航班信息首页展示页面。如图6-4所示。图6-4航班信息首页展示页面核心代码部分如下：/***前端智能排序*/@IgnoreAuth@RequestMapping("/autoSort")publicRautoSort(@RequestParamMap<String,Object>params,HangbanxinxiEntityhangbanxinxi,HttpServletRequestrequest,Stringpre){EntityWrapper<HangbanxinxiEntity>ew=newEntityWrapper<HangbanxinxiEntity>();Map<String,Object>newMap=newHashMap<String,Object>();Map<String,Object>param=newHashMap<String,Object>();Iterator<Map.Entry<String,Object>>it=param.entrySet().iterator();while(it.hasNext()){Map.Entry<String,Object>entry=it.next();Stringkey=entry.getKey();StringnewKey=entry.getKey();if(pre.endsWith(".")){newMap.put(pre+newKey,entry.getValue());}elseif(StringUtils.isEmpty(pre)){newMap.put(newKey,entry.getValue());}else{newMap.put(pre+"."+newKey,entry.getValue());}}params.put("sort","clicktime");params.put("order","desc");PageUtilspage=hangbanxinxiService.queryPage(params,MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew,hangbanxinxi),params),params));returnR.ok().put("data",page);}系统简介首页显示用户点击系统导航栏的首页下拉，网站显示系统简介首页显示页面。如图6-5所示。图6-5系统简介首页显示页面核心代码部分如下：/***前端列表*/@IgnoreAuth@RequestMapping("/list")publicRlist(@RequestParamMap<String,Object>params,SystemintroEntitysystemintro,HttpServletRequestrequest){EntityWrapper<SystemintroEntity>ew=newEntityWrapper<SystemintroEntity>();PageUtilspage=systemintroService.queryPage(params,MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew,systemintro),params),params));returnR.ok().put("data",page);}航空资讯首页展示用户点击系统导航栏的首页下拉，网站显示航空资讯首页展示页面。如图6-6所示。图6-6航空资讯首页展示页面核心代码部分如下：/***前端列表*/@IgnoreAuth@RequestMapping("/list")publicRlist(@RequestParamMap<String,Object>params,SystemintroEntitysystemintro,HttpServletRequestrequest){EntityWrapper<SystemintroEntity>ew=newEntityWrapper<SystemintroEntity>();PageUtilspage=systemintroService.queryPage(params,MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew,systemintro),params),params));returnR.ok().put("data",page);}关于我们首页显示用户点击系统导航栏的首页下拉，网站显示关于我们首页显示页面。如图6-7所示。图6-7关于我们首页显示页面核心代码部分如下：/***前端详情*/@IgnoreAuth@RequestMapping("/detail/{id}")publicRdetail(@PathVariable("id")Longid){AboutusEntityaboutus=aboutusService.selectById(id);returnR.ok().put("data",aboutus);}航班信息模块航班信息列表展示用户点击系统导航栏的航班信息下拉，网站呈现航班信息列表。如图6-8所示。预订机票页面展示用户点击系统导航栏的航班信息模块中的一种航班，网站显示该航班信息预订展示页面（包含收藏航班、评论航班、赞一下、踩一下功能页面展示）。航班信息预订展示页面如图6-9所示。图6-8航班信息列表展示页面核心代码部分如下：/***前端列表*/@IgnoreAuth@RequestMapping("/list")publicRlist(@RequestParamMap<String,Object>params,HangbanxinxiEntityhangbanxinxi,@RequestParam(required=false)Doublepricestart,@RequestParam(required=false)Doublepriceend,HttpServletRequestrequest){EntityWrapper<HangbanxinxiEntity>ew=newEntityWrapper<HangbanxinxiEntity>();if(pricestart!=null)ew.ge("price",pricestart);if(priceend!=null)ew.le("price",priceend);PageUtilspage=hangbanxinxiService.queryPage(params,MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew,hangbanxinxi),params),params));returnR.ok().put("data",page);}图6-9航班信息预订展示页面核心代码部分如下：/***前端保存*/@RequestMapping("/add")publicRadd(@RequestBodyOrdersEntityorders,HttpServletRequestrequest){orders.setId(newDate().getTime()+newDouble(Math.floor(Math.random()*1000)).longValue());//ValidatorUtils.validateEntity(orders);ordersService.insert(orders);returnR.ok();}航空资讯模块航空资讯列表展示网站呈现航空资讯列表展示页面，在用户点击系统导航栏的航空资讯下拉后。如图6-10所示。图6-10航空资讯列表展示页面核心代码部分如下：@IgnoreAuth@RequestMapping("/list")publicRlist(@RequestParamMap<String,Object>params,NewsEntitynews,HttpServletRequestrequest){EntityWrapper<NewsEntity>ew=newEntityWrapper<NewsEntity>();PageUtilspage=newsService.queryPage(params,MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew,news),params),params));returnR.ok().put("data",page);}航空资讯详情展示用户点击系统导航栏的航空资讯息模块的任一资讯，网站显示该航空资讯详情展示页面。航空资讯详情展示页面如图6-11所示。图6-11航空资讯详情展示页面核心代码部分如下：/***前端详情*/@IgnoreAuth@RequestMapping("/detail/{id}")publicRdetail(@PathVariable("id")Longid){NewsEntitynews=newsService.selectById(id);returnR.ok().put("data",news);}个人中心模块个人信息列表展示网站呈现个人信息列表展示页面，在用户点击系统导航栏中的个人中心下拉后。如图6-12所示。我的订单列表展示用户只需点击系统导航栏中的“个人中心”模块，再选择“我的订单”，网站便会展示出“我的订单列表”页面。如图6-13所示。图6-12个人信息列表展示页面核心代码部分如下：（更新个人信息）/***获取用户的session用户信息*/@RequestMapping("/session")publicRgetCurrUser(HttpServletRequestrequest){Longid=(Long)request.getSession().getAttribute("userId");YonghuEntityu=yonghuService.selectById(id);returnR.ok().put("data",u);}核心代码部分如下：（充值）@RequestMapping("/update")@TransactionalpublicRupdate(@RequestBodyYonghuEntityyonghu,HttpServletRequestrequest){//ValidatorUtils.validateEntity(yonghu);yonghuService.updateById(yonghu);//全部更新returnR.ok();}图6-13我的订单列表展示页面核心代码部分如下：/***（按值统计）时间统计类型*/@RequestMapping("/value/{xColumnName}/{yColumnName}/{timeStatType}")publicRvalueDay(@PathVariable("yColumnName")StringyColumnName,@PathVariable("xColumnName")StringxColumnName,@PathVariable("timeStatType")StringtimeStatType,HttpServletRequestrequest){Map<String,Object>params=newHashMap<String,Object>();params.put("xColumn",xColumnName);params.put("yColumn",yColumnName);params.put("timeStatType",timeStatType);EntityWrapper<OrdersEntity>ew=newEntityWrapper<OrdersEntity>();ew.in("status",newString[]{"已支付","已发货","已完成"});List<Map<String,Object>>result=ordersService.selectTimeStatValue(params,ew);SimpleDateFormatsdf=newSimpleDateFormat("yyyy-MM-dd");for(Map<String,Object>m:result){for(Stringk:m.keySet()){if(m.get(k)instanceofDate){m.put(k,sdf.format((Date)m.get(k)));}}}returnR.ok().put("data",result);}我的收藏列表展示用户只需点击系统导航栏中的“个人中心”模块，再选择“我的收藏”，网站便会展示出“我的收藏列表”页面。如图6-14所示。图6-14我的收藏列表展示页面核心代码部分如下：/***前端列表*/@IgnoreAuth@RequestMapping("/list")publicRlist(@RequestParamMap<String,Object>params,StoreupEntitystoreup,HttpServletRequestrequest){EntityWrapper<StoreupEntity>ew=newEntityWrapper<StoreupEntity>();PageUtilspage=storeupService.queryPage(params,MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew,storeup),params),params));returnR.ok().put("data",page);}登录/注册模块网站会迅速跳转到登录/注册页面，在用户点击系统导航栏的登录/注册按钮后。如图6-15所示。图6-15登录/注册页面核心代码部分如下：/***登录*/@IgnoreAuth@RequestMapping(value="/login")publicRlogin(Stringusername,Stringpassword,Stringcaptcha,HttpServletRequestrequest){YonghuEntityu=yonghuService.selectOne(newEntityWrapper<YonghuEntity>().eq("yonghuzhanghao",username));if(u==null||!u.getMima().equals(password)){returnR.error("账号或密码不正确");}Stringtoken=tokenService.generateToken(u.getId(),username,"yonghu","用户");returnR.ok().put("token",token);}/***注册*/@IgnoreAuth@RequestMapping("/register")publicRregister(@RequestBodyYonghuEntityyonghu){//ValidatorUtils.validateEntity(yonghu);YonghuEntityu=yonghuService.selectOne(newEntityWrapper<YonghuEntity>().eq("yonghuzhanghao",yonghu.getYonghuzhanghao()));if(u!=null){returnR.error("注册用户已存在");}LonguId=newDate().getTime();yonghu.setId(uId);yonghuService.insert(yonghu);returnR.ok();}七、网站测试测试目的通过系统测试，我们能够验证系统是否满足用户需求和预期功能，检验它是否能够有效解决实际问题，确保它达到了我们设计的预期研究目标，从而评估该系统的质量和可靠性。测试方法该系统采用了黑盒测试，也就是功能测试、数据驱动测试，它将被测软件系统看成一个看不见里面结构的黑盒，只根据功能需求去设计测试用例，并进行测试，这样来确保系统具备需要的功能，并且每个功能都能正常运行。测试内容用户登录/注册功能设计的部分测试用例如表所示：表7-1用户登录测试用例编号用例名称测试步骤期望结果实际结果001正常登录1.进入登录页面2.输入正确的帐号及密码3.点击登录登陆成功，并跳转至登陆状态的个人中心页面正常002输入符合规范，但未注册的帐号1.进入登录页面2.输入未注册的帐号及密码3.点击登录提示账户或密码不正确正常003帐号为空1.进入登录页面2.仅输入密码3.点击登录提示输入账户正常004密码为空1.进入登录页面2.仅输入帐号3.点击登录提示输入密码正常005帐号密码都为空1.进入登录页面2.点击登录提示输入账户和密码正常006密码错误1.进入登录页面2.输入正确的帐号和错误的密码3.点击登录提示账户或密码不正确正常007立即注册按钮是否有效1.进入登录页面2.点击注册跳转至注册页面正常表7-2查看航空资讯测试用例编号用例名称测试步骤期望结果实际结果010正常查询1.进入航空资讯页面2.按页面提示输入正确的航空资讯标题3.点击查询成功查询，页面刷新为对应的航空资讯页面正常011标题输入错误1.进入航空资讯页面2.输入错误的航空资讯标题3.点击查询查询失败，页面刷新为空白页面正常012查看航空资讯详情是否正常1.进入航空资讯页面2.点击任一航空资讯内容跳转至该航空资讯详情页面正常表7-3更新个人信息测试用例编号用例名称测试步骤期望结果实际结果020正常更新1.进入个人中心页面2.按页面提示正确修改个人信息3.点击更新信息提示修改成功正常021未输入正确的11位手机号码1.进入个人中心页面2.输入9位电话号码3.更新信息提示请输入正确的手机号码正常022未输入正确的18位身份证号码1.进入个人中心页面2.输入10位身份证号码3.点击更新信息提示请输入正确的身份证正常023点我充值按钮是否有效1.进入个人中心页面2.点击点我充值页面跳转至用户充值页面正常024退出登录按钮是否有效1.进入个人中心页面2.点击退出登录提示登出成功，页面跳转至系统首页正常表7-4我的订单测试用例编号用例名称测试步骤期望结果实际结果030支付按钮是否有效1.进入我的订单页面2.在未支付列表选择航班3.点击支付提示支付成功，我的订单页面刷新正常031取消按钮是否有效1.进入我的订单页面2.在未支付列表选择航班3.点击取消提示是否取消订单正常032兑换按钮是否有效1.进入我的订单页面2.在已支付列表选择航班3.点击兑换提示是否兑换正常033退款按钮是否有效1.进入我的订单页面2.在已支付列表选择航班3.点击退款提示确定退款吗？退款金额将返回账户中。正常034改签按钮是否有效1.进入我的订单页面2.在已支付列表选择航班3.点击改签提示确定改签吗？改签前先将当前金额将返回账户中。正常035评价按钮是否有效1.进入我的订单页面2.在已完成列表选择航班3.点击评价页面跳转至该航班信息页面正常表7-5预订航班测试用例编号用例名称测试步骤期望结果实际结果040正常预订1.进入航班信息页面2.按页面提示选择正确的座位3.点击立即预订成功预订，跳转至确认下单页面正常041未选座1.进入航班信息页面2.直接点击立即预订提示请选择要预订的位置正常042点我收藏按钮是否有效1.进入航班信息页面2.点击点我收藏提示收藏成功正常043赞一下按钮是否有效1.进入航班信息页面2.点击赞一下提示操作成功正常044踩一下按钮是否有效1.进入航班信息页面2.点击踩一下提示操作成功正常测试分析软件测试在软件开发中很重要，测试分析在软件测试中更为重要。在功能测试的内容中，用户需要输入正确的网址来进入系统客户端，成功登录后，点击航班信息列表的某一个航班，对该航班进行预订，以系统客户端预订航班为代表作出如下测试分析。用户能预订航班，并点击确定，如图7-1所示。图7-1预订航班点击确定后，页面会顺利跳转至确认下单页面，表示操作已成功完成。此时，用户预订的航班将自动出现在“我的订单”中的“未支付”页面。如图7-2所示。图7-2确认下单页面新预订的航班信息在前台我的订单的未支付页面列表的显示结果如图7-3所示。图7-3新预订航班信息的显示结果对系统客户端查看航空资讯功能作出如下测试分析。用户能查看所有航空资讯。如图7-4所示。图7-4查看所有航空资讯页面用户可点击想要查看的航空资讯了解详情。如图7-5所示。图7-5查看航空资讯详情页面对系统客户端收藏航班信息功能作出如下测试分析。用户能查看航班信息，并对感兴趣的航班进行收藏。如图7-6所示。图7-6查看航空信息页面用户只需简单点击“点我收藏”按钮，即可轻松收藏心仪的航班。一旦操作成功，页面会即时显示“收藏成功”的提示。如图7-7所示。图7-7提示收藏成功页面用户还能轻松访问个人中心模块，并在“我的收藏”页面中查看自己收藏的航班信息。如图7-8所示。图7-8我的收藏页面通过上述对系统客户端预订航班、查看航空资讯详情以及收藏航班信息为代表的测试分析，展示了本系统各个功能的完整性。不仅如此，在测试内容部分的所有测试用例中，本人在网站中负责设计实现的功能整体都通过了黑盒测试，达到了预期结果，测试通过。八、总结在本次基于B/S模式的机票预订管理系统的设计与开发过程中，我主要负责系统的客户端功能模块的设计与开发。在此期间，我收获了很多宝贵的经验与知识。首先，在系统的设计阶段，我学会了如何合理地去划分和组织