基于Java Web的旅游信息网站


    


    基Java Web旅游信息网站

    Tourism information website based on Java Web









    容摘

    次开发网站基JSPServlet WEB旅游应网站该网站互联网传播媒介实现旅游信息发布享台网站次文述网站整开发设计程开发程中运java程序设计语言数库MySQLRedis缓存思想ajaxjson等相关知识技术根java面象开发原理采基BS结构开发模式MVC软件架构模式系统灵活利互联网信息交换具时性传播范围广受空间限制等相关特性该网站热爱旅游麻友门提供方面旅游景点信息设计包含旅游线路查询展示旅游景点景点图片商家信息价格信息收藏线路功户信息理理维护等基模块通模块实现旅游信息数享麻友提供时高效详细准确旅游景点信息文中重点旅游网站开发原理网站设计方案功特点全面介绍

    关键词:旅游网站 Java web 数库



















    Abstract

    The website developed this time is a WEB tourism application website based on JSPServlet The website is a platform website that realizes the publishing and sharing of tourism information through Internet communicationThis paper mainly discusses the whole process of website development and designIn the development process we mainly used Java programming language database MySQL Redis cache ideas ajax json and other relevant knowledge and technologyAccording to the principle of Java objectoriented development the system adopts the BS structurebased development pattern and MVC software architecture patternFlexible use of the Internet information exchange has timeliness wide range of dissemination free of space restrictions and other related characteristicsThe website can provide all aspects of the tourist attraction information for the love of tourism mayoumen the main design includes the tourist route inquiry showing the major tourist attractions scenic pictures business information price information and collection line function user information management management and maintenance of these basic modulesThrough these modules the sharing of tourism information data can be realized so as to provide timely efficient detailed and accurate information of tourist attractions for ma youThis paper will focus on the tourism website development principle website design and functional features of the comprehensive introduction

    Key words Tourism website Java web database






    目录
    第章 绪 1
    11 系统开发背景 1
    12 系统开发目意义 1
    13系统国外发展概况 2
    第二章 行性分析 3
    21 社会行性分析 3
    22 技术行性分析 3
    23 操作行性分析 3
    24 济行性分析 4
    25 系统技术介绍 4
    26 系统开发台工具运行环境 6
    第三章 需求分析 6
    31 系统功概况 6
    32 系统架构分析 7
    33 系统功模块设计 8
    34 系统例分析 9
    第四章 数库设计 12
    41 概念模型设计 12
    42 数库表设计 15
    第五章 前台功设计实现 18
    51 户状态图活动图设计 18
    52 旅游信息网首页设计 20
    53 户功模块 22
    531户注册 22
    532户登录 24
    533户退出 27
    54线路信息浏览功模块 28
    541分类数展示 28
    542线路分页展示 30
    543景点信息查询 34
    55线路详情展示功模块 37
    551线路详情展示 37
    56旅游收藏功模块 41
    561旅游线路收藏 41
    第六章 台功设计实现 47
    61 台系统活动图设计 47
    62 理员登录 48
    63 台首页设计 48
    64 台理设计 49
    641 台理类图设计 49
    642 查户资料 49
    653 条件查户 50
    654 删户 51
    655 修改户信息 52
    第七章 系统测试 53
    71 系统测试目 53
    72 测试准 53
    73 测试方法 54
    74 测试例 54
    75 测试结 57
    第八章 结 58
    参考文献 60
    致谢 59

    第章 绪
    11 系统开发背景
    世界旅游行业蓬勃发展国旅游产物走出国门时着国互联网众化计算机网络技术日俱进步入离开互联网时代层出穷企业利互联网技术断发展进步通互联网外宣传企业特色互联网信息需求百姓提供便捷服务开始利闲钱旅游旅游渐渐成消费热点互联网旅游热点题开发者纷纷开发设计出优秀旅游网站旅游业成作济发展重支柱旅游胜旅行社利旅游网站外宣传许旅游网站仅限简简单单旅游信息发布介绍互联网旅游业发展根应局限通浏览器静态页面户满足户更希根喜生成更加丰富灵活动态页面动态旅游网站数库技术基础开发者采动态网页技术实现更模块功例户理员注册登录邮箱手机激活通搜索框搜索线路台理等功旅游网仅仅独立存服务器网页文件户请求服务器时通发送请求回响数显示完整信息页面出利传递发送数信息更展现页面

    12 系统开发目意义
    次开发目提高热爱旅游旅游景点认知热爱旅游麻游言相关旅游信息享十分重网价格图片收藏次数景区景点位置营商家联系方式等信息吸收更旅游者前参观旅游效开发推广旅游资源热爱旅游麻友旅游企业相关部门提供全面详细旅游信息根改革开放中国旅游区断扩国际旅客断增长中国目前旅游行业越约样化科技进步旅游行业成长空间更提升未20年间相信旅游高消费活动产品作日常生活方式进入家家户户单纯观山水更满足求知欲生活体验
    13 系统国外发展概况
    中国旅游业发展日新月异具潜力中国旅游市场逐渐引起全球瞩目断涌入外流量世界旅游区域重心正东方转移中国旅游行业外断推广越越外国朋友纷纷中国根世界旅游组织统计显示2010 年中国超西班牙成位居法国美国全球第三旅游目数国旅游市场出入境游客数量分布均匀入境旅游市场处低迷状态利互联网推广国景点加快国旅游行业发展着旅客精神文化需求断升旅游闲暇时间佳选择旅游业跨国性行业国旅游行业国际贸易量达旅游国水质方面世界典型旅游强国相言存着差距必须重视国旅游发展引进互联网高端技术提升国旅游业发展水 2018年2019年中国旅游业现状旅游业正迎黄金发展期市场断扩目前低端旅游产品供已没办法满足高品质需求





















    第二章 行性分析
    21 社会行性分析
    旅游行业高消费行业推动着社会进步发展国旅游行业发展国际起步较晚改革开放国民济发展旅游行业渐渐成消费热点时互联网新兴旅游信息网站日益缺次开发网站世界知名旅游胜进行宣传网络旅游推动国民济迅速发旅游业界带新生机互联网旅游行业社会行性
    疑带动社会发展
    22 技术行性分析
    单网络浏览模式造成变次开发包括台数库连接前台页面台进行异步交互形式展示页面两方面台数库需MYSQL数库建立数保持致性完整性数安全性采BS结构开发模式MVC软件架构模式基Java Web麻游网前台页面JQuery框架技术AjaxJson数交互数库Dao连接采SpringJDBC方式Redis(keyvalue存储系统)缓存思想完成数增删查改等功工具采IntelliJ IDEA款工具编程员具备心应手集成开发环境运JSP + Servlet + MySQL开发灵活便捷维护较容易技术行性说行

    23 操作行性分析
    该网站认导页面简洁法简单操作容易适合群:具普通网力网站进行操作户开网站根需求进行操作提供服务功模块齐全户开页面根需系统出提示信息步骤进行操作次网站包含层次方面利信息基满足旅客需求

    24 济行性分析
    网站基开发工具IntelliJ IDEASQLyog(数库软件)火狐谷歌等浏览器网络提供软件收费系统投入需操作者通浏览器浏览页面SQLyog进行操作:网站信息数更新修改删完成网站系统维护理网站进行相应推广宣传提高网站知名度越越互联网更加容易通搜索引擎搜索旅游网站样会商家带立竿见影效果程度提升旅游社业务量旅游社获更丰富利润

    25 系统技术介绍
    (1) JavaScript
    JavaScript根面象功程序设计进行更直白重复性进行开发JS门具独特性丰富性语言种脚语言仅应网页设计应移动开发HTML创建静态页面JS网页变动态页面麻游网通JavaScript技术达页面动态效果麻游网户注册登录模块通JavaScript进行前期验证工作跳台校验节约系统反应时间增强户体验感外核心组件覆盖许构建客户端常组件开发程中利

    (2) MySQL
    MySQLOracle公司旗关系型数库理系统法简单操作容易性高成低现中型公司然着断完善成熟渐渐开始规模网站应开发数库开发部署理方面降低风险成减少复杂性

    (3) jQuery
    jQueryJavaScript库具独特语法开发程中减少JS代码运行需条件非常简单台运行现代浏览器设备浏览器求前数浏览器支持次开发程中利AJAX异步请求灵活刷新网页页面提供动态效果处理事件中消种浏览器兼容性问题

    (4) Redis
    RedisKeyvalue非关系型数库存储类型包括list(链表)string(字符串)zset(sorted set 序集合)set(集合)hash(哈希类型)ANSIC语言编写基存持久化日志型提供种语言API麻游网采javaredis客户端Jedis线路分类缓存进行操作

    (5) JDBC
    JDBC中执行SQL语句java接口通接口连接MYSQL数库数库进行增删查改操作次开发麻游网中利SpringJDBC TemplateSpring MVC置JDBC种封装简单提供静态方法

    (6) MVC
    MVC麻游网开发中种通常开发户界面体系结构模式麻游网划分模型视图控制器三组成部分M代表业务模型V代表户界面C代表控制器利种模式信息部情况呈现户改进户交互 模式复杂度简化麻游网变更加直观MVC设计模式利组件分离实现高效代码重行开发



    26 系统开发台工具运行环境
    系统开发台工具
    麻游网开发Apache旗核心项目 Tomcat运行Tomcat服务器Java语言进行编写运行环境需JDK支持次开发麻游网JDK19版IntelliJ IDEA开发员利Tomcat够快速部署Web程序次项目开发程中IntelliJ IDEA 201816 x64作开发工具ServletJSP容器
    运行环境
    运行操作系统:Windows 10
    需JDK版:19
    户浏览器:谷歌火狐浏览器IE搜狗浏览器等
    服务器软件: Tomcat70

    第三章 需求分析
    31 系统功概况
    麻游网旨游客时准确完整发布游客需相关旅游信息时旅游公司创造利益相应功:
    登陆页面:通登陆进入旅游信息网进行浏览根登陆者身份进入户理员页面
    注册页面:注册户注册程中户通邮箱验证码进行注册需户信息填写正确通邮箱进行激活
    页页面:介绍该旅游网站旅游线路提供登陆注册退出方式
    游客页面:罗列出线路展示中全球行国游出境游抱团定制港澳游酒店门票香港车票功分页展示全部旅游信息根求搜索框写入想解旅游信息便查询该信息涵盖项旅游景点展示通列表展示景点选择查详情
    户页面:罗列出线路展示中全球行国游出境游抱团定制港澳游酒店门票香港车票功分页展示全部旅游信息根求搜索框写入想解旅游信息便查询该信息涵盖项旅游景点展示通列表展示景点选择查详情点击收藏收藏时查收藏记录信息
    理员页面:户进行分页查户信息进行条件查询修改删功户进行宏观方面关注

    32 系统架构分析
    该旅游信息网分游客端户端理员端三端口户模块面全体户游客端户端属户模块提供相应视图窗口理模块查户数接受户模块信息数接受处理结果网站系统架构图31示:


    图 31 系统架构图
    33 系统功模块设计
    根该麻游网功模块分析采Process On功模块进行绘画
    游客端模块图户端模块图图3233示:


    图32 游客端功模块图

    图33 户端功模块图

    理员端模块图图34示:

    图34 理员端功模块图

    34 系统例分析
    麻游网划分游客户台理员三角色次开发中三者角色权限
    游客端功分类数展示线路分页展示旅游线路条件查询针线路点击查详情
    户端功模块:户登录注册退出登录邮箱激活收藏分类数展示线路分页展示旅游线路条件查询针线路点击查详情 点击收藏钮点击收藏时查收藏线路信息分页展示出
    理员端功:户进行信息理
    系统总体例图图35图36图37示:


    图35游客端户例图

    图36户端例图


    图37理员端例图


    第四章 数库设计
    数库麻游网开发中缺部分次利MySQL种轻量关系行数库MySQL前流行数库次开发程中利减少开发成适型网站开发选择MySQL数库

    41概念模型设计
    概念模型网站中象描述概念模型相独立帮助解理解模拟象模型表示开发程中实体关系模型(ERM)数抽象概念表示实体关系建模生成种系统数库建模方法ER方法设计概念模型常方法次开发中全局ER模型图41示:

    图41 全局ER模型
    根设计规划实体:理员户旅游线路收藏线路线路详情卖家信息线路图片实体里部分描述属性图:
    户实体图42示

    图42户实体图
    旅游线路实体图43示:

    图43旅游线路实体图
    理员实体图44示:

    图44理员实体图
    收藏线路实体图45示:

    图45收藏线路实体图
    卖家实体图46示:

    图46卖家实体图
    线路图片实体图47示:

    图47线路图片实体图

    42 数库表设计
    数库表设计麻游网开发程中十分重数库表仅求储存完整数模型存数库复杂数冗余情况根需求合理设计麻游网功需数库表麻游网功功间联系理解掌握确定户数库求种约束条件形成户需求规约
    麻游网数库表:
    表41 tab_user 户表
    字段名称
    数类型

    否空
    说明
    uid
    Int
    Y
    N

    username
    varchar
    N
    N
    户名
    password
    varchar
    N
    N
    密码
    name
    varchar
    N

    姓名
    birthday
    date
    N

    生日
    sex
    char
    N


    telephone
    varchar
    N

    电话
    email
    varchar
    N

    邮箱
    status
    char
    N

    激活状态
    code
    varchar
    N

    激活码



    表42tab_seller卖家表
    字段名称
    数类型

    否空
    说明
    sid
    int
    Y
    N

    sname
    varchar
    N
    N
    卖家名
    consphone
    varchar
    N
    N
    卖家电话
    address
    varchar
    N

    卖家址

    表43 tab_route_img 线路图片表
    字段名称
    数类型

    否空
    说明
    rgid
    int
    Y
    N

    rid
    int
    N
    N
    线路id
    bigPic
    varchar
    N
    N
    详情商品图
    smallPic
    varchar
    N

    详情商品图


    表44 tab_rout 线路表
    字段名称
    数类型

    否空
    说明
    rid
    int
    Y
    N

    rname
    varchar
    N
    N
    线路名称
    price
    double
    N
    N
    价格
    routeIntroduce
    varchar
    N

    线路介绍
    rflag
    char
    N
    N
    否架
    rdate
    varchar
    N

    架时间
    isThemeTour
    char
    N
    N
    否题旅游
    count
    int
    N

    收藏数量
    cid
    int
    N

    属分类
    rimage
    varchar
    N

    缩量图
    sid
    int
    N

    属商家
    sourceId
    varchar
    N

    商品详情图片列表

    表45 tab_favorite 收藏表
    字段名称
    数类型

    否空
    说明
    rid
    int
    Y
    N

    date
    date
    N
    N
    收藏时间
    uid
    varchar
    N
    N
    属户id

    表46 tab_category 线路分类表
    字段名称
    数类型

    否空
    说明
    cid
    int
    Y
    N

    cname
    varchar
    N
    N
    分类名称



    表48 tab_admin 理员表
    字段名称
    数类型

    否空
    说明
    id
    int
    Y
    N

    adminname
    varchar
    N
    N
    理员名
    password
    varchar
    N
    N
    密码









    第五章 前台功设计实现

    麻游网功模块设计实现低耦合高聚原划分功模块:户功模块线路信息浏览功模块景点信息查询功模块线路收藏功模块
    51 户状态图活动图设计
    麻游网户状态图分注册状态图登录状态图利Process On分画出图511512示
    注册状态图呈现户注册时状态转换游客首次进入麻游网没户存档需进行户注册注册时利JS进行输入格式校验验证码校验果输入信息格式符合验证者验证码错误时会提出错误信息户需输入正确格式验证码方注册注册完需登录邮箱进行邮箱激活方真正注册成功
    登录状态图呈现户登录时状态转换游客进入首页时想进行点击户权限功模块时游客需进行户登录登录时会进行JS校验需输入正确格式方登录成功果输入信息时错提出错误信息需重新输入

    图511 注册状态图

    图512登录状态图
    户活动图呈现户麻游网中活动状态开始结束整程中需户开网站会进入麻游网页页查登录户状态分类旅游线路列表线路商品列表展示页登录注册退出收藏钮游客根否注册选择注册者登录页面登录程中系统会动查询数库判断登录者否已注册激活果注册成功激活进入户界面位户查询收藏线路详情中景点收藏中查询收藏线路展示点击查线路详情果登录成功查询线路详情中景点法进行收藏需登录户状态方收藏

    图513户活动图

    52 旅游信息网首页设计
    首页模块布局分三部分分中采嵌框架技术
    首页图521示

    图521旅游信息网首页图
    l 端部分实现
    部分两部分容分:
    广告栏
    网站功钮线路搜索栏
    导航栏菜单
    网站端部分面网站广告栏中间理员登录户登录户注册退出收藏功钮紧接着面:左边该旅游信息网站logo中间搜索输入框搜索钮右边客服热线端部分面导航栏菜单里包含超链接首页门票酒店香港车票处境游国游港澳游抱团定制全球行收藏排行版十钮分应页面处应首页国游收藏排行版收藏页面
    l 中间部分实现
    面部分宣传位(插入轮播图广告)中间线路精选分气旅游新旅游题旅游面国游境外游商品列表展示宣传
    l 端部分实现
    网站端部分服务介绍组成里面包含服务介绍旅游信息网站联系方式

    53 户功模块
    531户注册
    1 户注册操作设计描述:
    新户首次访问站必须注册点击注册钮跳转注册页面注册页面通JS表单验证输入正确格式户信息已户账号需注册点击立登录进入登录页面注册完需通邮箱进行激活方注册户成功
    2 户注册模块图:

    图531户模块图

    3 类说明:
    1户模块纳User类里
    2方法:
    boolean regist(User user) 注册户
    boolean active(String code) 激活户
    3算法:
    获取激活码判断激活否成功成功跳转登录页面失败联系台
    String code requestgetParameter(code)
    if(code null){
    boolean flag serviceactive(code)
    String msg null
    if(flag){
    msg 激活成功请登录
    }else{
    msg 激活失败请联系理员
    }

    4 户注册实现:

    图532户注册图
    户输入户注册信息时需进行JS表单校验容:
    l 户名校验:
    单词字符长度820位
    l 登录密码校验:
    单词字符长度820位
    l Email校验:
    邮箱格式
    l 姓名校验:
    Email空
    l 手机号校验:
    手机号格式
    l 出生日期校验:
    出生日期空
    l 验证码校验:
    验证码图片码致

    户注册激活代码实现:
    if(checkcode_server null || checkcode_serverequalsIgnoreCase(check)){
    ResultInfo info new ResultInfo()
    infosetFlag(false)
    infosetErrorMsg(验证码错误)
    responsesetContentType(applicationjsoncharsetutf8)
    responsegetWriter()write(writeValueAsString(info))
    return
    }


    if(flag){
    infosetFlag(true)
    }else{
    infosetFlag(false)
    infosetErrorMsg(注册失败)
    }

    532户登录
    1户登录操作设计描述:
    户注册完成需登录邮箱进行邮箱激活算注册成功注册成功会动跳转登录页面进行户登录果前户注册存档直接首页点击登录链接进入登录页面户输入表单时会进行校验提交户户名者密码输入错误时会登录失败返回登录页面提示信息:户名密码错误需重新进行输入登录信息
    2户登录模块图:

    图531户登录图
    3类说明:
    1户模块纳User类里
    2方法:
    User login(User user) 登录户
    3算法:
    判断户否存户存判断否已激活激活登录成功
    if(u null){
    户名密码错误
    infosetFlag(false)
    infosetErrorMsg(户名密码错误)
    }
    5判断户否激活
    if(u null && Yequals(ugetStatus())){
    infosetFlag(false)
    infosetErrorMsg(您尚未激活请激活)
    }
    6判断登录成功
    if(u null && Yequals(ugetStatus())){
    infosetFlag(true)
    }
    4户登录实现:

    图532户登录图
    户输入表单时会进行校验需提交台进行验证户户名者密码输入错误时会登录失败响应错误信息登录页面提示错误信息:户名密码错误
    登录成功:
    户点击登录链接输入正确存户账号密码登录成功系统会户信息存Session里面进入首页页面中户姓名提示信息功
    户登录成功点击收藏链接查相关旅游线路景点收藏信息点击收藏线路线路详情点击跳转前点击线路详情页面

    户登录代码实现:
    if(u null){
    infosetFlag(false)
    infosetErrorMsg(户名密码错误)
    }
    if(u null && Yequals(ugetStatus())){
    infosetFlag(false)
    infosetErrorMsg(您尚未激活请激活)
    }
    if(u null && Yequals(ugetStatus())){
    requestgetSession()setAttribute(useru)
    infosetFlag(true)
    }

    533户退出
    1户退出操作设计描述:
    登录成功index页面中户姓名提示功点击页面退出钮返回游客页面index页面没户姓名提示
    2户退出模块图:

    图531退出模块图

    3类说明:
    1户模块纳User类里
    2方法:
    void findOne() 获取登录户
    void exit() 退出户
    3算法:
    session中获取登录户user写回客户端点击退出销毁session跳转登录页面
    Object user requestgetSession()getAttribute(user)
    requestgetSession()invalidate()
    responsesendRedirect(requestgetContextPath()+loginhtml)
    4户退出实现:


    图532户退出图

    登录成功session中user象index页面中会户提示功点击退出钮时访问serletsession销毁跳转登录界面
    户退出实现:
    Headerhtml
    (function () {
    get(userfindOne{}function (data) {
    var msg 欢迎回+dataname
    })



    收藏
    退出

    Servlet
    Object user requestgetSession()getAttribute(user)
    writeValue(userresponse)

    requestgetSession()invalidate()
    responsesendRedirect(requestgetContextPath()+loginhtml)

    54 线路信息浏览功模块
    541分类数展示
    1分类数展示操作设计描述:
    页导航栏菜单点击分类会旅游线路样分类数次页面加载会进行次请求数库加载信息数库压力较分类数会常性产生变化redis分类数进行缓存优化
    2分类数展示模块图:

    图541分类数模块图

    3类说明:
    1分类模块纳Category类里
    2方法:
    List findAll() 获取分类数
    3算法:
    判断查询集合否空空话需数库查询存入redis空话直接redis中查询
    if (categorys null || categoryssize() 0) {
    Systemoutprintln(数库查询)
    cs categoryDaofindAll()
    for (int i 0 i < cssize() i++) {
    jediszadd(category csget(i)getCid() csget(i)getCname())
    }
    } else {
    Systemoutprintln(redis中查询)
    4分类数展示实现:

    图542 分类数图
    开Redis服务器开页面redissortedset导航栏分类会存储序展示第次访问会数库tab_category表查询出分类数存入redis开页面直接redis缓存里边查询
    分类数展示代码:
    Headerhtml
    get(categoryfindAll{}function (data) {
    var lis '
  • 首页

  • for (var i 0 i < datalength i++) {
    var li '
  • '+data[i]cname+'

  • lis + li
    }
    CategoryService
    Jedis jedis JedisUtilgetJedis()
    Set categorys jediszrangeWithScores(category 0 1)
    List cs null
    if (categorys null || categoryssize() 0) {
    cs categoryDaofindAll()
    for (int i 0 i < cssize() i++) {
    jediszadd(category csget(i)getCid() csget(i)getCname())
    }
    } else {
    cs new ArrayList()
    for (Tuple tuple categorys) {
    Category category new Category()
    categorysetCname(tuplegetElement())
    categorysetCid((int)tuplegetScore())
    csadd(category)}}
    return cs
    542线路分页展示
    1线路分页展示操作设计描述:
    根分页模块数库表分析结构旅游线路表tab_route分类表tab_category关系分类数cid查询旅游线路页面显示出信息分类钮点击分类页面方分页工具条数展示中展示总页码总记录数页页首页尾页10页码展示
    2线路分页展示模块图:

    图543分页展示模块图

    3类说明:
    1分页模块纳PageBean类里
    2方法:
    int findTotalCount1(int cid) 根分类数cid查询总记录数
    List findByPage1(int cid int start int pageSize) 根cidstart pageSize查询前页面数集合
    3算法:
    分页工具条展示10页码够达前54效果果前面够5边补齐10果边足4前边补齐10
    var begin 开始位置
    var end 结束位置
    1显示10页码
    if(pbtotalPage < 10){
    总页码够10页
    begin 1
    end pbtotalPage
    }else{
    总页码超10页
    begin pbcurrentPage 5
    end pbcurrentPage + 4
    2果前边够5边补齐10
    if(begin < 1){
    begin 1
    end begin + 9
    }
    3果边足4前边补齐10
    if(end > pbtotalPage){
    end pbtotalPage
    begin end 9
    }
    }
    4线路分页展示实现:

    图544分页效果图
    页面加载完成调load方法发送ajax请求加载数传递cidcurrentPage服务器端服务器解析pagebean数页面展示总页码总记录数计算页页码分页页码(前54效果)定义开始位置结束位置数库查询数通页显示5条数展示出
    线路分页展示代码:
    前端route_listhtml:
    function load(cid currentPagername){
    get(routepageQuery2{cidcidcurrentPagecurrentPagernamername}function (pb) {
    (#totalPage)html(pbtotalPage)
    (#totalCount)html(pbtotalCount)
    var lis
    var fristPage '
  • 首页

  • var beforeNum pbcurrentPage 1
    if(beforeNum < 0){
    beforeNum 1
    }
    var beforePage '

  • lis + fristPage
    lis + beforePage
    var begin
    var end
    if(pbtotalPage < 10){
    begin 1
    end pbtotalPage
    }else{
    begin pbcurrentPage 5
    end pbcurrentPage + 4
    if(begin < 1){
    begin 1
    end begin + 9
    }
    if(end > pbtotalPage){
    end pbtotalPage
    begin end 9
    }
    }
    for (var i begin i < end i++) {
    var li
    if(pbcurrentPage i){
    li '
  • '+i+'

  • }else{
    li '
  • '+i+'

  • }
    lis + li
    }
    var lastPage '
  • 末页

  • var nextNum pbcurrentPage + 1
    if(nextNum > pbtotalPage){
    nextNum pbtotalPage
    }
    var nextPage '

  • lis + nextPage
    lis + lastPage
    Servlet
    int cid 0
    if(cidStr null && cidStrlength() > 0 && nullequals(cidStr)){
    cid IntegerparseInt(cidStr)
    }
    int currentPage 0
    if(currentPageStr null && currentPageStrlength() > 0){
    currentPage IntegerparseInt(currentPageStr)
    }else{
    currentPage 1
    }
    int pageSize 0
    if(pageSizeStr null && pageSizeStrlength() > 0){
    pageSize IntegerparseInt(pageSizeStr)
    }else{
    pageSize 5
    }
    PageBean pb routeServicepageQuery1(cid currentPage pageSize)
    writeValue(pbresponse)
    }

    543景点信息查询
    1景点信息查询操作设计描述:
    线路搜索框里输入想搜索线路名称服务器端获取客户端输入名称查询数库线路名称里包含输入容线路分页客户端展示出
    2景点信息查询模块图:

    图545景点查询模块图

    3类说明:
    1景点查询模块纳Route类
    2方法:
    int findTotalCount2(int cidString rname) 根分类数cid查询总记录数
    List findByPage2(int cid int start int pageSize String rname)根 cidstartpageSizername查询前页面数集合
    3算法:
    根输入线路名称数库查询应线路
    select * from tab_route where cid and rname like limit
    4景点信息查询实现:

    图546景点查询图

    导航栏跳转国游时根搜索栏输入搜索线路名称查询想线路分页方式展示出
    户查询线路代码实现:
    Headerhtml
    (#searchbutton)click(function () {
    var rname (#search_input)val()
    var cid getParameter(cid)
    locationhrefhttplocalhosttravelroute_listhtmlcid+cid+&rname+rname
    })
    })
    Servlet
    int cid 0
    if(cidStr null && cidStrlength() > 0 && nullequals(cidStr)){
    cid IntegerparseInt(cidStr)
    }
    int currentPage 0
    if(currentPageStr null && currentPageStrlength() > 0){
    currentPage IntegerparseInt(currentPageStr)
    }else{
    currentPage 1
    }
    int pageSize 0
    if(pageSizeStr null && pageSizeStrlength() > 0){
    pageSize IntegerparseInt(pageSizeStr)
    }else{
    pageSize 5
    }
    PageBean pb routeServicepageQuery2(cid currentPage pageSizername)
    writeValue(pbresponse)
    }
    55 线路详情展示功模块
    551线路详情展示
    1线路详情展示操作设计描述:
    点击线路详情跳转线路详情页面页面轮播图动播放张景点图点击切换详情页面景点介绍活动营商信息价格点击收藏旅客须知
    2线路详情展示模块图:

    图551线路详情模块图

    3类说明:
    1线路详情模块纳RouteSellerRouteImg类
    2方法:
    Route findRouteByRid(int rid) 根线路商品rid查询商品信息
    Seller findById(int id) 根商家id查询运营商信息
    List findByRid(int rid) 根routeid查询图片
    3算法:
    图片动轮播方法:
    ar cur_index ('prosum_left dd')find('acur_img')index()
    cur_index cur_index 1
    var num ('little_img')length
    var max_index 3
    if ((num 1) < 3) {
    max_index num 1
    }
    if (cur_index < max_index) {
    var next_index cur_index + 1
    var big_pic ('little_imgeq(' + next_index + ')')data('bigpic')
    ('little_img')removeClass('cur_img')
    ('little_imgeq(' + next_index + ')')addClass('cur_img')
    ('big_img')attr('src' big_pic)
    } else {
    var big_pic ('little_imgeq(0)')data('bigpic')
    ('little_img')removeClass('cur_img')
    ('little_imgeq(0)')addClass('cur_img')
    ('big_img')attr('src' big_pic)
    }
    4线路详情展示实现:

    图552线路详情页面图

    线路列表线路点击线路详情查询线路信息线路信息里面包含图片切换活动介绍价格商家信息点赞功
    线路详情展示代码实现:
    route_detailhtml
    (function () {
    var rid getParameter(rid)
    get(routefindOne{ridrid}function (route) {
    (#rname)html(routername)
    (#routeIntroduce)html(routerouteIntroduce)
    (#price)html(¥+routeprice)
    (#sname)html(routesellersname)
    (#consphone)html(routesellerconsphone)
    (#address)html(routeselleraddress)
    (#favoriteCount)html(已收藏+routecount+次)
    var ddstr '

    for (var i 0 i < routerouteImgListlength i++) {
    var astr
    if(i > 4){
    astr '
    \n' +
    \n' +

    }else{
    astr '
    \n' +
    \n' +

    }
    ddstr + astr
    }
    ddstr+'

    (#dd)html(ddstr)
    goImg()
    })
    })
    Servlet
    public void findOne(HttpServletRequest request HttpServletResponse response) throws ServletException IOException {
    String rid requestgetParameter(rid)
    Route route routeServicefindOne(rid)
    writeValue(routeresponse)
    }

    56旅游收藏功模块
    561旅游线路收藏
    1旅游线路收藏操作设计描述:
    线路详情页面点击收藏假户没登录需登录点赞页点击收藏跳转收藏页面该户收藏线路列表分页展示
    2旅游线路收藏模块图:

    图561线路收藏模块图
    3类说明:
    1线路收藏模块纳Favorite类
    2方法:
    boolean isFavorite(String rid int uid) 判断该户否收藏该线路
    void add(String rid int uid) 户添加收藏线路
    PageBean myFavorite(User user int currentPage int pageSize) 收藏页面分页展示收藏列表
    3算法:
    详情页面点击收藏钮判断前前否登录户判断前户否收藏该线路
    1 获取线路id
    String rid requestgetParameter(rid)
    2 获取前登录户 user
    User user (User) requestgetSession()getAttribute(user)
    int uid户id
    if(user null){
    户尚未登录
    uid 0
    }else{
    户已登录
    uid usergetUid()
    }
    3 调FavoriteService查询否收藏
    boolean flag favoriteServiceisFavorite(rid uid)
    4 写回客户端
    writeValue(flagresponse)
    4旅游线路收藏实现:

    图562户收藏页面图


    图563收藏图

    详情页面旅客身份法收藏点击收藏会跳出信息提醒登录户点击确认跳转登陆页面登录完收藏线路点击收藏链接先逻辑进行判断登录详情页面果户前已收藏该线路点击收藏钮会变灰色法进行点击钮旁边会显示少户收藏该线路登录户点击收藏分页展示线路列表页面
    户收藏代码实现:
    Route_detailhtml
    判断户已收藏代码
    (function () {
    var rid getParameter(rid)
    get(routeisFavorite{ridrid}function (flag) {
    if(flag){
    (#favorite)addClass(already)
    (#favorite)attr(disableddisabled)
    (#favorite)removeAttr(onclick)

    点击收藏钮触发方法
    function addFavorite(){
    var rid getParameter(rid)
    get(userfindOne{}function (user) {
    if(user){
    get(routeaddFavorite{ridrid}function () {
    locationreload()
    })
    }else{
    alert(您尚未登录请登录)
    locationhrefhttplocalhosttravelloginhtml
    }
    })

    myfavoritehtml
    function load(currentPage) {
    get(usermyFavorite{currentPagecurrentPage}function (pageBean) {
    var routes pageBeanlist
    (#totalCount)html(pageBeantotalCount)
    (#totalPage)html(pageBeantotalPage)
    var rou_str
    for (var i 0 i < routeslength i++) {
    var div '
    \n' +
    \n' +
    \n' +
    \n' +

    '+routes[i]routername+'

    \n' +
    网付价'+routes[i]routeprice+'
    \n' +
    \n' +
    \n' +

    rou_str + div
    }
    (#route)html(rou_str)
    var beforeNum pageBeancurrentPage 1
    if(beforeNum < 0){
    beforeNum 1
    }
    var lis '
  • 首页
  • \n' +

  • var beginNum
    var endNum
    if(pageBeantotalPage < 10){
    beginNum 1
    endNum pageBeantotalPage
    }else{
    beginNum pageBeancurrentPage 5
    endNum pageBeancurrentPage + 4
    if(beginNum < 1){
    beginNum 1
    endNum beginNum + 9
    }
    if(endNum > pageBeantotalPage){
    endNum pageBeantotalPage
    beginNum endNum 9
    }
    }
    for (var i beginNum i < endNum i++) {
    var li '
  • '+i+'

  • lis + li
    }
    var nextNum pageBeancurrentPage + 1
    if(nextNum > pageBeantotalPage){
    nextNum pageBeantotalPage
    }
    lis + '
  • \n' +
  • 末页

  • (#pageNum)html(lis)

    })
    Servlet
    String rid requestgetParameter(rid)
    User user (User) requestgetSession()getAttribute(user)
    int uid
    if(user null){
    uid 0
    }else{
    uid usergetUid()
    }
    boolean flag favoriteServiceisFavorite(rid uid)
    writeValue(flagresponse)

    String rid requestgetParameter(rid)
    User user (User) requestgetSession()getAttribute(user)
    int uid户id
    if(user null){
    return
    }else{
    uid usergetUid()
    }
    favoriteServiceadd(riduid)

    第六章 台功设计实现

    台功模块方便理员理户进行宏观监控设计时理户信息

    61 台系统活动图设计
    台系统活动图出台理操作流程台理员登录进入户资料理页面然户信息进行种操作图61示


    图61台系统理活动图
    62 理员登录
    麻游网理员开发者户身设置麻游网台理拥者理员账户没注册功开发者数库已提前设计理员账户输入正确账号密码登录图82示:

    图62登录员登录图
    理员输入开发者提前数库设计理员账号密码进入台理
    附登录模块图图83示:

    图63登录员登录图
    63 台首页设计
    理员登录成功进入台系统页次麻游网功完善开发查询户资料功前做简单设计
    图84示

    图64台首页图

    64 台理设计
    641 台理类图设计
    台理类图图85示台理类中户资料类户类中包含户信息操作

    图65 台系统理类图
    642 查户资料
    理员通点击 查户资料进入列表页面列表查户资料分页形式展示出图66示

    图66户资料列表图
    653 条件查户
    理员通户列表三搜索栏(姓名性邮箱)分输入查询资料信息点击查询查该户列表图87示




    图67条件查询户图
    654 删户
    操作栏中删修改两钮理员点击删删该户图88示


    图68删户图
    655 修改户信息
    操作栏中删修改两钮理员点击修改跳转修改信息页面页面会回响该户信息修改提交返回户列表页面图图89示

    图69答题成绩图

    第七章 系统测试
    71 系统测试目
    系统测试开发者运测试工具进行系统测试次系统开发伴着系统缺陷错误系统更完善系统测试查找出网站系统错误验证否满足客户规定需求次网站系统测试点目标:
    l 根客户需求设计开发进行测试
    l 根户输入信息进行校验作出正确响应
    l 时间限定功时执行出
    l 检查网站系统具实际价值
    l 检查环境中安装运行实现运行出结果否符合设计需求
    麻游网言系统测试缺部分需开发者基点目标进行测试目检查网站报错障时发现缺陷纠正预期安装运行网站够正常运作

    72 测试准
    想设计出网站效方案必须确定测试基准前麻游网系统测试准:
    l 次系统受众目标游客根游客需求进行测试
    l 建立完善西测试缺陷记录踪库
    l 测试应该精心设计测试计划包括户界面测试压力测试性测试等
    l 开发者法测试全部容利组合测试方式确定需测试点进行测试降低测试量
    l 开发中测试作测试员务开发员进行开发务次网站系统测试开发皆解决



    73 测试方法
    系统测试方法非常次测试方法根网资料书记常方法出测试目前数黑盒测试极少白盒测试白盒测试需编程力强根目前测试方法实现需懂JAVA代码该网站功模块清楚明白次系统测试黑盒测试
    74 测试例
    开发麻游网程中需测试模块功测试容篇幅较厂仅举例户注册模块户登录模块测试例分表62表62
    表61 户登录功测试例
    例编号
    测试项
    操作步骤

    预期结果
    实际结果
    1
    户名
    点击户名输入框
    输入
    提示户名密码错误
    预期结果相
    2
    户名
    点击户名输入框
    输入1
    提示户名密码错误
    预期结果相
    3
    户名
    点击户名输入框
    输入123456789
    提示户名密码错误
    预期结果相
    4
    户名
    点击户名输入框
    输入abcdefg
    提示户名密码错误
    预期结果相
    5
    户名
    点击户名输入框
    输入@#
    提示户名密码错误
    预期结果相
    6
    密码
    点击密码输入框
    输入
    提示户名密码错误
    预期结果相
    7
    密码
    点击密码输入框
    输入1
    提示户名密码错误
    预期结果相
    8
    密码
    点击密码输入框
    输入123456789
    提示户名密码错误
    预期结果相
    9
    密码
    点击密码输入框
    输入@#
    提示户名密码错误
    预期结果相
    10
    密码
    点击密码输入框
    输入123456
    提示户名密码错误
    预期结果相

    表62 户注册功测试例
    例编号
    测试项
    操作步骤

    预期结果
    实际结果
    1
    户名
    点击户名输入框
    输入
    户名表单边框显示红色
    预期结果相
    2
    户名
    点击户名输入框
    输入kakakaka
    户名合法
    预期结果相
    3
    密码
    点击密码输入框
    输入
    密码表单边框显示红色
    预期结果相
    4
    密码
    点击户名输入框
    输入111
    密码表单边框显示红色
    预期结果相
    5
    户名
    点击户名输入框
    输入张三
    户名表单边框显示红色

    预期结果相
    6
    密码
    点击密码输入框
    输入abcdefg
    密码表单边框显示红色
    预期结果相
    7
    密码
    点击密码输入框
    输入123456789
    密码合法
    预期结果相
    8
    邮箱
    点击邮箱输入框
    输入
    邮箱表单边框显示红色
    预期结果相
    9
    邮箱
    点击邮箱输入框
    输入123456
    邮箱表单边框显示红色
    预期结果相
    10
    邮箱
    点击邮箱输入框
    输入qq584915643@163com
    邮箱合法
    预期结果相
    11
    姓名
    点击姓名输入框
    输入
    姓名合法
    预期结果相
    12
    姓名
    点击姓名输入框
    输入张三
    姓名合法
    预期结果相
    13
    手机号码
    点击手机号码输入框
    输入
    手机号码合法
    预期结果相
    14

    点击性选择钮
    选择男
    性合法
    预期结果相
    15
    生日
    点击生日选择框
    选择2020323
    生日合法
    预期结果相
    17
    验证码
    点击验证码输入框
    输入错误验证码
    提示请输入正确验证码
    预期结果相

    75 测试结
    实际工作中需系统模块解越越次测试完成发现错误错误需功完善慢慢进行修复测试程中发现问题断出现解决非常烦躁乏味做出功完善网站出必须克服必缺陷会排掉会户造成阻碍缺陷解决问题时时挖掘解决想网站功模块更加完善户更加体验感必须提前系统功模块摸清清楚
    测试整麻游网开发中段重阶段相开发言实觉测试开发轻松会费脑子测试样门深学问针模块功需测试技术样

    第八章 结

    次麻游网开发已基完成开发需求期完成户页面理员页面开发中说遇报错缺陷利解决掉
    开发该网站开始时候计划完成程中计划赶变化开发前已功模块清晰明计划出实际开发中功难计划中次毕业设计获收获开发程中机应变学会应种突变化缺陷懂问老师百度开发程中没办法做帆风总许问题摆面前力限法解决问题做出相应妥协户游客两角色权限开发程中页面较单户游客界面应起然计划利钮点击区分底前户游客游客点击户权限功时User Servlet进行类型判断首页点击收藏钮先进入判断户登录没登录需登录进入收藏页面根判断结果跳转页面种方式解决问题体验够分明开发技术思路限制功完善度利巧妙方式达预期功实现效果样功实现方式开发程中异已开发程中重收获
    麻游网开发java知识点巩固开发网站思想进步理解整开发程中MVC框架进步学理解理解梳理中获更未知知识开发程中次重收获毕业设计掌握java门语言更深种检验学程通次开发认识网站开发需方面密切配合图片素材数库表设计前台开发台开发需提前分析制作程中断完善知识局限功做预期效果出需适度妥协者重新Java Web理解网搜索解答次毕业设计收获







    参考文献
    [1] TomcatJava Web开发技术详解(第2版)孙卫琴电子工业出版社2009
    [2] Web前端开发技术——HTMLCSSJavaScript(第2版) 民邮电出版社 2016年08月
    [3] Web前端开发精品课 JavaScript基础教程民邮电出版社 2017年07月
    [4] MySQL数库应入门精通 王飞飞崔洋等中国铁道出版社2014
    [5] Web前端开发应教程(HTML5+CSS3+JavaScript) 机械工业出版社 2016年09月
    [6] 高性MySQL东南学出版社 2012年06月
    [7] ES6标准入门(第3版) 电子工业出版社 2017年09月
    [8] 深入分析 Java Web 技术幕(修订版)电子工业出版社 2018年01月
    [9] JSP程序设计 清华学出版社 2009年
    [10]Java Web程序设计务教程民邮电出版社 2017年1月


    文档香网(httpswwwxiangdangnet)户传

    《香当网》用户分享的内容,不代表《香当网》观点或立场,请自行判断内容的真实性和可靠性!
    该内容是文档的文本内容,更好的格式请下载文档
  • 相关文档

    基于web的旅游网站设计与实现

    随着经济和交通的快速发展,人们对于生活的追求不再停留在物质层面,而是开始了娱乐和精神层面的追求。旅游是现在大多数人在长假期选择的度过方式。如何快速获取各地最新的旅游信息以获得更好的旅游体验便成为旅游者的需求。

    3年前   
    1769    0

    基于java Web的房屋租售网站

    基于java Web的房屋租售网站House rental and sale website based on Java web内容摘要本毕业设计题目为《基于Java Web的网上房屋租售网站...

    10个月前   
    220    0

    基于JAVA WEB的考勤系统设计与实现

    基于 JAVA WEB 的考勤系统设计和实现Design and Implementation of Attendance System Based on JAVA WEB摘要科技的发展,带动...

    10个月前   
    362    0

    基于Web的学生信息管理系统

    在现如今这个网络技术高度普及和信息全球化的年代,信息化的程度和互联网技术在国际竞争中充当着重要的角色,华为5G的实例告诉我们,谁先掌握技术谁就有话语权。

    3年前   
    737    0

    基于web的易销售网站的设计与实现

    摘要本文设计并实现了基于Web的销售管理系统,从前景的介绍,到各个模块的介绍,再到系统的设计,最后到系统的测试。简述系统的业务和设计的实现。易销售系统属于后台管理系统,而后台管理系统有不同的侧...

    2年前   
    537    0

    基于web的驴友社交网站设计与实现

    近十年来,随着科技地发展进步,各方面都取得了排山倒海的变化。互联网的七通八达,可以让五湖四海的人们在任何时间和地点进行交流,互联网上的社交似乎成为了主流。所以,以前以实体店为主的旅游社似乎也逐渐...

    3年前   
    809    0

    基于java的学生信息管理系统

    科技带动计算机行业不断地发展,计算机行业的发展也给每个行业带来了巨大的收益,使其工作效率得到提高,同时方便了人们的生活。本系统使用SSM框架,主要采用自顶向下的相关研究的方法。

    3年前   
    791    0

    基于Java技术的Web应用设计模型的比较研究

     中文翻译 基于Java技术的Web应用设计模型的比较研究 来源:School of Computer Science and Engineering University of New So...

    5年前   
    1429    0

    基于java的宠物销售网站的设计与实现

    基于Java 的宠物销售网站的设计与实现Design and implementation of java-based pet sales website 日内容摘要本科设计《基于Java ...

    10个月前   
    233    0

    基于java开发的一个网站购物系统

    摘 要 随着21世纪的到来,计算机技术向着集成化和网络化的方向发展。单一计算机应用软件正在逐渐的淘汰,新一代的支持多种数据信息的网络版本应用软件正逐渐取而代之。信息化社会高效的办公方式正在对落...

    7个月前   
    166    0

    Java web期末考试题

    姓名:刘晓钰 学号:1330090110 班级:计算机1304 XX大学期末考核2015—2016 学年第2学期 期末考核试卷科目:J...

    3年前   
    1001    0

    基于web的图书管理系统

    基于Web的图书管理系统目前,信息时代是这个社会的主旋律,社会的各个区域和领域都因为信息的技术改革而发生了新的变化。跟上时代的步伐,因为整个科技社会的变化和发展很快,增强信息化公司的竞争能力,...

    3年前   
    795    0

    深思网站信息WEB发布与管理平台应用方案-MIS解决方案

    深思网站信息WEB发布与管理平台应用方案-MIS解决方案1.系统简介     深思WEB信息发布与管理系统是为了方便企业、单位信息的发布、管理和交流,提高日常业务处理效率而开发的一套基于int...

    11年前   
    529    0

    基于JAVA的医院门诊预约

    社会医疗工作和公民的日子息息相关,跟着公民日子水平的前进以及科学技能的前进,人们对医疗条件医疗效劳质量提出了更高的要求。医疗检查是病人获得国家保健服务的第一步,由于旅客交通量迅速增加,传统医院门...

    3年前   
    650    0

    基于web学生成绩管理系统设计与实现

    随着计算机技术在各行各业的广泛应用,将计算机技术应用到学校中去,将大大提高学校管理的效率。学生成绩管理系统将在提高学校管理效率中发挥重要作用。

    3年前   
    943    0

    基于WEB的办公自动化管理系统

    本科毕业论文〔设计〕论文〔设计〕题目:基于WEB的办公自动化管理系统学  院:贵州大学职业技术学院专  业:计算机科学与技术  班  级:计算机031班   学  号:0314171104学生...

    2年前   
    362    0

    基于WEB SERVICE技术新华书店连锁系统

    分类号 …………………….. 密级……………………U D C …………………… 编号…………………… 中 南 大 学C...

    2年前   
    341    0

    基于Web的作业系统设计与开发

    基于Web的作业系统开发与设计基于Web的作业系统开发与设计摘 要本作业系统是基于原有的教学管理模式,通过构建B/S架构,使用Java Server page(简称“JSP”)为本设计的前台...

    1年前   
    283    0

    基于Java的图书馆座位管理系统的设计与实现

    目前,如何利用计算机系统来对座位进行管理是解决占座问题的关键。该图书馆座位管理系统是基于Java架构,采用Eclipse开发工具,使用SSM等前端开源框架,以MySQL为后台数据库,Tomcat...

    3年前   
    1846    0

    基于Java的网上购物系统的设计与实现

     XX 学 院 本科毕业论文(设计) 题 目 基于JAVA的网上购物 系统的设计与实现 院 系 计算机...

    5年前   
    2586    0

    文档贡献者

    平***苏

    贡献于2023-06-03

    下载需要 50 香币 [香币充值 ]
    亲,您也可以通过 分享原创文档 来获得香币奖励!

    该用户的其他文档