目 录
摘要
随着互联网的快速发展和普及,旅游业与信息技术的结合日益紧密,旅游网站作为旅游业与互联网融合的重要产物,已经成为旅游信息发布、旅游产品推广和交易的重要平台。肇庆市,作为广东省重要的旅游城市,拥有丰富的自然和人文资源,但如何在众多旅游目的地中脱颖而出,吸引更多游客的目光,成为了一个亟待解决的问题。为此,本文设计并实现了一个基于HTML5的肇庆旅游网站。HTML5在旅游网站中的应用,可以实现丰富的前端界面,提升用户。
本文首先阐述了系统的研究背景和意义;然后对系统进行了可行性分析、功能性等分析;接着详细介绍了系统的设计原理和实现细节,包括系统架构、主要功能模块、数据库设计等;最后对系统进行了测试。通过基于HTML5的肇庆旅游网站的成功实施可为肇庆旅游业的现代化发展提供了新的机遇。
关键词:旅游业;肇庆旅游网站;HTML5
Abstract
With the rapid development and popularization of the Internet, the combination of tourism and information technology is increasingly close. As an important product of the integration of tourism and the Internet, tourism websites have become an important platform for tourism information release, tourism product promotion and transaction. Zhaoqing City, as an important tourist city in Guangdong Province, has abundant natural and cultural resources. However, how to stand out among numerous tourist destinations and attract more tourists has become an urgent problem to be solved. Therefore, this article designs and implements a Zhaoqing tourism website based on HTML5. The application of HTML5 in tourism websites can achieve rich front-end interfaces and enhance user experience.
This article first elaborates on the research background and significance of the system; Then feasibility analysis and functional analysis were conducted on the system; Then, the design principles and implementation details of the system were introduced in detail, including system architecture, main functional modules, database design, etc; Finally, the system was tested. The successful implementation of the Zhaoqing tourism website based on HTML5 can provide new opportunities for the modernization of the Zhaoqing tourism industry.
Keywords: Tourism industry; Zhaoqing Tourism Website; HTML5
1 绪论
1.1 研究背景
近年来,随着人们生活水平的提高和休闲时间的增加,旅游业得到了快速发展。越来越多的人选择旅游作为休闲和娱乐的方式,这为旅游网站提供了广阔的市场和发展空间。肇庆市作为一个旅游资源丰富的地区,拥有众多自然景观和历史文化遗址。为了更好地推广肇庆的旅游资源,吸引更多的游客,开发一个功能完善、界面美观的旅游网站显得尤为重要。HTML5作为新一代的网页标准,具有许多优势,如更好的跨平台兼容性、丰富的多媒体支持、强大的交互功能等。这些特点使得HTML5成为开发旅游网站的首选技术之一。另外,PHP是一种流行的服务器端编程语言,它具有易学易用、高效稳定、与HTML兼容等特点。利用PHP可以方便地实现数据的处理和网站后台的管理功能,为用户提供更加完善的服务。将HTML5与PHP结合应用于肇庆旅游网站的开发,可以充分发挥两者的优势。HTML5负责构建网站的前端界面,提供丰富的交互体验和多媒体展示;而PHP则负责处理后端逻辑,实现数据的存储、查询和管理。这种技术结合可以为用户提供更加流畅、便捷的使用体验。
1.2 研究意义
基于HTML5的肇庆旅游网站的研究意义主要体现在以下几个方面:
首先,肇庆旅游网站的建设可以提升旅游企业的知名度和竞争力。在激烈的市场竞争中,知名度的高低直接影响到企业的发展,而旅游网站正是企业对外展示自身特点和优势的重要平台。通过网站的宣传和推广,游客可以更方便地了解肇庆的旅游资源、服务、优惠政策等,从而更加容易选择到肇庆旅游。
其次,肇庆旅游网站的建设可以提升游客的旅游体验和满意度。网站可以提供全面、详细、准确的旅游信息,还可以根据游客的需求提供个性化的推荐服务,让游客在肇庆享受到更加便捷、舒适的旅游体验。
最后,肇庆旅游网站的建设可以提升旅游行业的整体发展水平。通过数字化旅游信息服务平台的建设,可以实现旅游资源的优化配置,促进旅游市场的经济活动,提高人民的生活质量推动肇庆市旅游行业的持续健康发展。
1.3论文结构与章节安排
论文将分层次进行编排,除去论文摘要致谢文献参考部分,正文部分主要结构如下:
第一章:绪论,主要介绍系统的研究背景和意义,同时进行了论文整体框架的结构的简要介绍。
第二章:系统分析,主要对系统进行可行性技术、系统功能分析、用例分析。
第三章:系统总体设计,主要是对系统的架构、功能结构、系统数据库进行分析。
第四章:系统详细设计与实现,根据系统功能的划分,主要对系统的部分界面进行展示。
第五章:系统测试,主要对系统的主要功能进行测试。
第六章:结论,主要对系统的开发设计工作进行总结。
2系统分析
系统分析是开发一个项目的先决条件,通过系统分析可以很好的了解系统的主体用户的基本需求情况,同时这也是项目的开发的原因。进而对系统开发进行可行性分析,通常包括技术可行性、经济可行性等,可行性分析同时也是从项目整体角度进行的分析。然后就是对项目的具体需求进行分析,分析的手段一般都是通过用户的用例图来实现。下面是详细的介绍。
2.1 可行性分析
(1)技术可行性
HTML5作为当前主流的网页开发标准,具有良好的跨平台兼容性和丰富的功能特性。其支持的视频、音频、图形渲染等多媒体元素,以及强大的交互性,使得开发具有吸引力和用户友好界面的旅游网站成为可能。此外,PHP作为一种成熟、稳定的服务器端编程语言,具有强大的数据处理能力和丰富的库资源。它支持数据库操作、表单处理、会话管理等,为旅游网站提供后端支持提供了良好的技术保障。因此,从技术层面来说是可行的。
(2)经济可行性
HTML5和PHP都是开源技术,可以免费使用。这意味着在开发肇庆旅游网站时,可以降低开发成本,减少投资。此外,由于HTML5和PHP的普及性,开发人员众多,社区活跃,遇到问题可以很容易找到解决方案。这有助于降低后期的维护成本。因此,从经济角度分析是可行的。
(3)社会可行性
随着互联网的普及和旅游业的发展,越来越多的用户倾向于通过互联网获取旅游信息。因此,开发一个基于HTML5的肇庆旅游网站符合用户的需求。
2.2 系统流程分析
系统流程是用一些特定的符合和线条来进行演示用户在使用系统时的过程,在进行系统分析的时候,业务流程可以帮助开发人员更好的理解业务,发现错误,完善系统。
2.2.1 数据新增流程
用户成功登入系统后就能够实现增加数据的操作,增加数据的编号由系统生成,用户不能随意填写,除了编号以外,其他增加信息用户自己填写,填写后的信息经过系统验证,验证通过后即可完成数据新增,数据新增的流程图如下图2-1所示。
![](https://i-blog.csdnimg.cn/direct/c7a4b8f4aff247568afbeb9ee9466c76.png)
图2-1 数据新增流程图
2.2.2 数据删除流程
如果系统里面存在一些没有用的数据,相关的管理人员还可以对这些数据进行删除,数据删除时流程图如下图2-2所示。
![](https://i-blog.csdnimg.cn/direct/6e314e4e350a4ae1ab6a1743b5af4094.png)
图2-2 数据删除流程图
2.3 系统功能分析
2.3.1 功能性分析
按照基于HTML5的肇庆旅游网站的角色,主要包括旅游用户和管理员这两大功能模块。
- 旅游用户功能
- 首页:用户可以查看首页展示的轮播图、旅游公告、景点信息推荐等信息。
- 注册登录:用户可以通过注册成为系统用户,注册后可以用账号密码登录系统。
- 旅游公告:用户点击导航栏的“旅游公告”进入页面可以查看系统发布的网站公告、关于我们、联系方式、网站介绍信息。点击网站公告进入页面可以查看该公告的详细信息。
- 景点信息:用户可以查看新景点信息列表中某一景点的详细信息并可以进行点赞、收藏和发表评论操作;点击详情下方的“下单订票”进入页面填写购买数量等信息后点击“提交”即可完成景点门票的购买。
- 旅游路线:用户可以查看旅游路线列表中某一路线的详细信息并可以进行收藏,支持通过关关键字进行搜查查询旅游路线信息。
- 酒店客房:用户可以查看酒店客房列表中某一酒店客房的详细信息并可以进行点赞、收藏和发表评论操作;点击详情下方的“下单预定”进入页面输入订房数量、入住天数等信息后点击“提交”即可完成客房预定。
- 我的:用户可以修改“我的账户”中的个人信息和登录密码;可以查看和管理“个人中心”中的个人首页、订票信息、客房预定、退房信息和收藏信息;点击“退出”即可退出系统的登录。
- 管理员功能
- 主页:管理员可以查看系统主页展示的相关内容。
- 公共管理:管理员可以查看轮播图列表中某一轮播的详情,可以对轮播图信息进行查询、重置、新增和删除操作;可以查看旅游公告列表中某一公告信息的详情,可以对旅游公告信息进行查询、重置、新增和删除操作。
- 用户管理:管理员可以查看系统用户(管理员、旅游用户)列表中某一用户的详情,可以对系统用户信息进行查询、重置、新增和删除操作。
- 景点信息:管理员可以查看景点信息列表中某一景点的详情和评论信息,可以对景点信息进行查询、重置、新增和删除操作;点击列表上方的“新增”进入页面填写景点类型、景点位置等信息后点击“提交”即可完成景点信息的添加。
- 景点类型:管理员可以查看景点类型列表中某一类型的详情,可以对景点类型进行查询、重置、新增和删除操作;点击列表上方的“新增”进入页面填写景点类型信息后点击“提交”即可完成景点类型信息的添加。
- 订票信息:管理员可以查看订票信息列表中某一用户的订单详情,可以对订票信息进行查询、重置和删除操作。
- 旅游路线:管理员可以查看旅游路线列表中某一路线的详情和评论信息,可以对旅游路线信息进行查询、重置、新增和删除操作;点击列表上方的“新增”进入页面填写路线类型、途径位置等信息后点击“提交”即可完成旅游路线信息的添加。
- 路线类型:管理员可以查看旅游类型列表中某一类型的详情,可以对路线类型信息进行查询、重置、新增和删除操作;点击列表上方的“新增”进入页面填写路线类型信息后点击“提交”即可完成路线类型信息的添加。
- 酒店客房:管理员可以查看酒店客房列表中某一客房的详情和评论信息,可以对酒店客房信息进行查询、重置、新增和删除操作;点击点击列表上方的“新增”进入页面填写酒店名称、客房名称等信息后点击“提交”即可完成酒店客房信息的添加。
- 房间类型:管理员可以查看房间类型列表中某一类型的详情,可以对房间类型信息进行查询、重置、新增和删除操作;点击点击列表上方的“新增”进入页面房间类型信息后点击“提交”即可完成房间类型的添加。
- 房间预定:管理员可以查看客房预定列表中某一订单的客房预定的详情,点击“退房”输入退房日期等信息后点击“提交即可完成该订单的退房;可以对客房预定信息进行查询、重置、新增和删除操作。
- 退房信息:管理员可以查看退房信息列表中某一订单的退房详情,可以对退房信息进行查询、重置和删除操作。
- 个人信息:管理员可以修改个人头像、昵称等信息。
- 修改密码:管理员可以修改登录密码,修改后可以用新密码登录系统。
- 网站首页:管理员可以查看网站首页的相关内容。
- 退出:管理员点击“退出”即可退出系统的登录。
2.3.2 非功能性分析
基于HTML5的肇庆旅游网站的非功能性需求比如基于HTML5的肇庆旅游网站的安全性怎么样,可靠性怎么样,性能怎么样,可拓展性怎么样等。具体可以表示在如下3-1表格中:
表2-1基于HTML5的肇庆旅游网站非功能需求表
安全性 | 主要指基于HTML5的肇庆旅游网站数据库的安装,数据库的使用和密码的设定必须合乎规范。 |
可靠性 | 可靠性是指基于HTML5的肇庆旅游网站能够安装用户的指示进行操作,经过测试,可靠性90%以上。 |
性能 | 性能是影响基于HTML5的肇庆旅游网站占据市场的必要条件,所以性能最好要佳才好。 |
可扩展性 | 比如数据库预留多个属性,比如接口的使用等确保了系统的非功能性需求。 |
易用性 | 用户只要跟着基于HTML5的肇庆旅游网站的页面展示内容进行操作,就可以了。 |
可维护性 | 基于HTML5的肇庆旅游网站开发的可维护性是非常重要的,经过测试,可维护性没有问题 |
2.4 系统用例分析
通过2.3功能的分析,得出了本系统的用例图:
旅游用户用例图如下图2-3所示。
![](https://i-blog.csdnimg.cn/direct/218d330545944ac8b0241a4492d4f100.png)
图2-3旅游用户用例图
管理员用例图如下图2-4所示。
![](https://i-blog.csdnimg.cn/direct/f28ce2f37ec848c2a274150a1b511bb8.png)
图2-4 管理员用例图
2.5本章小结
本章主要通过对基于HTML5的肇庆旅游网站的可行性分析、流程分析、功能需求分析、系统用例分析,确定整个基于HTML5的肇庆旅游网站要实现的功能。同时也为基于HTML5的肇庆旅游网站的代码实现和测试提供了标准。
3 系统总体设计
本章主要讨论的内容包括基于HTML5的肇庆旅游网站的架构设计、功能模块设计、数据库系统设计。
3.1 系统架构设计
本系统从架构上分为三层:表现层(UI)、业务逻辑层(BLL)以及数据层(DL)。
![](https://i-blog.csdnimg.cn/direct/04810a8c02014ad49801a9e1fdee5c6d.png)
图3-1系统架构设计图
表现层(UI):又称UI层,主要完成本系统的UI交互功能,一个良好的UI可以打打提高用户的用户体验,增强用户使用本系统时的舒适度。UI的界面设计也要适应不同版本的系统以及不同尺寸的分辨率,以做到良好的兼容性。UI交互功能要求合理,用户进行交互操作时必须要得到与之相符的交互结果,这就要求表现层要与业务逻辑层进行良好的对接。
业务逻辑层(BLL):主要完成本系统的数据处理功能。用户从表现层传输过来的数据经过业务逻辑层进行处理交付给数据层,系统从数据层读取的数据经过业务逻辑层进行处理交付给表现层。
数据层(DL):由于本系统的数据是放在服务端的MySQL数据库中,因此本属于服务层的部分可以直接整合在业务逻辑层中,所以数据层中只有数据库,其主要完成本系统的数据存储和管理功能。
3.2 系统功能模块设计
在上一章节中主要对系统的功能性需求和非功能性需求进行分析,并且根据需求分析了本基于HTML5的肇庆旅游网站中的用例。那么接下来就要开始对本基于HTML5的肇庆旅游网站的主要功能和数据库开始进行设计。基于HTML5的肇庆旅游网站根据前面章节的需求分析得出,其总体设计模块图如图3-1所示。
![](https://i-blog.csdnimg.cn/direct/0690be318fe046078fd8bb21b795b8b9.png)
图3-2 系统功能模块图
3.3 数据库设计
数据库设计一般包括需求分析、概念模型设计、数据库表建立三大过程,其中需求分析前面章节已经阐述,概念模型设计有概念模型和逻辑结构设计两部分。
3.3.1 数据库概念结构设计
下面是整个基于HTML5的肇庆旅游网站中主要的数据库表总E-R实体关系图。
![](https://i-blog.csdnimg.cn/direct/45f83e32716143c79410f2c7062541d4.png)
图3-3 系统总E-R关系图
3.3.2 数据库逻辑结构设计
通过上一小节中基于HTML5的肇庆旅游网站中总E-R关系图上得出一共需要创建很多个数据表。在此主要罗列几个主要的数据库表结构设计。
表access_token (登陆访问时长)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | token_id | int | 10 | 0 | N | Y | 临时访问牌ID | |
2 | token | varchar | 64 | 0 | Y | N | 临时访问牌 | |
3 | info | text | 65535 | 0 | Y | N | ||
4 | maxage | int | 10 | 0 | N | N | 2 | 最大寿命:默认2小时 |
5 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
6 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
7 | user_id | int | 10 | 0 | N | N | 0 | 用户编号: |
表attraction_information (景点信息)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | attraction_information_id | int | 10 | 0 | N | Y | 景点信息ID | |
2 | attraction_name | varchar | 64 | 0 | Y | N | 景点名称 | |
3 | types_of_attractions | varchar | 64 | 0 | Y | N | 景点类型 | |
4 | cover | varchar | 255 | 0 | Y | N | 封面 | |
5 | ticketing_unit_price | int | 10 | 0 | Y | N | 0 | 售票单价 |
6 | tourist_attraction_phone_number | varchar | 64 | 0 | Y | N | 景点电话 | |
7 | attraction_address | varchar | 64 | 0 | Y | N | 景点地址 | |
8 | hotel_link | varchar | 255 | 0 | Y | N | 酒店链接 | |
9 | introduction_to_scenic_spots | longtext | 2147483647 | 0 | Y | N | 景点介绍 | |
10 | hits | int | 10 | 0 | N | N | 0 | 点击数 |
11 | praise_len | int | 10 | 0 | N | N | 0 | 点赞数 |
12 | recommend | int | 10 | 0 | N | N | 0 | 智能推荐 |
13 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
14 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表auth (用户权限管理)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | auth_id | int | 10 | 0 | N | Y | 授权ID: | |
2 | user_group | varchar | 64 | 0 | Y | N | 用户组: | |
3 | mod_name | varchar | 64 | 0 | Y | N | 模块名: | |
4 | table_name | varchar | 64 | 0 | Y | N | 表名: | |
5 | page_title | varchar | 255 | 0 | Y | N | 页面标题: | |
6 | path | varchar | 255 | 0 | Y | N | 路由路径: | |
7 | position | varchar | 32 | 0 | Y | N | 位置: | |
8 | mode | varchar | 32 | 0 | N | N | _blank | 跳转方式: |
9 | add | tinyint | 3 | 0 | N | N | 1 | 是否可增加: |
10 | del | tinyint | 3 | 0 | N | N | 1 | 是否可删除: |
11 | set | tinyint | 3 | 0 | N | N | 1 | 是否可修改: |
12 | get | tinyint | 3 | 0 | N | N | 1 | 是否可查看: |
13 | field_add | text | 65535 | 0 | Y | N | 添加字段: | |
14 | field_set | text | 65535 | 0 | Y | N | 修改字段: | |
15 | field_get | text | 65535 | 0 | Y | N | 查询字段: | |
16 | table_nav_name | varchar | 500 | 0 | Y | N | 跨表导航名称: | |
17 | table_nav | varchar | 500 | 0 | Y | N | 跨表导航: | |
18 | option | text | 65535 | 0 | Y | N | 配置: | |
19 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
20 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
表booking_information (订票信息)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | booking_information_id | int | 10 | 0 | N | Y | 订票信息ID | |
2 | order_number | varchar | 64 | 0 | Y | N | 订单号 | |
3 | attraction_name | varchar | 64 | 0 | Y | N | 景点名称 | |
4 | types_of_attractions | varchar | 64 | 0 | Y | N | 景点类型 | |
5 | cover | varchar | 255 | 0 | Y | N | 封面 | |
6 | ticketing_unit_price | int | 10 | 0 | Y | N | 0 | 售票单价 |
7 | tourist_attraction_phone_number | varchar | 64 | 0 | Y | N | 景点电话 | |
8 | attraction_address | varchar | 64 | 0 | Y | N | 景点地址 | |
9 | booking_users | int | 10 | 0 | Y | N | 0 | 订票用户 |
10 | order_date | date | 10 | 0 | Y | N | 订单日期 | |
11 | purchase_quantity | int | 10 | 0 | Y | N | 0 | 购买数量 |
12 | payment_amount | varchar | 64 | 0 | N | N | 支付金额 | |
13 | pay_state | varchar | 16 | 0 | N | N | 未支付 | 支付状态 |
14 | pay_type | varchar | 16 | 0 | Y | N | 支付类型: 微信、支付宝、网银 | |
15 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
16 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表check_out_information (退房信息)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | check_out_information_id | int | 10 | 0 | N | Y | 退房信息ID | |
2 | order_number | varchar | 64 | 0 | N | N | 订单号 | |
3 | display_number | varchar | 64 | 0 | Y | N | 展现编号 | |
4 | hotel_name | varchar | 64 | 0 | Y | N | 酒店名称 | |
5 | room_name | varchar | 64 | 0 | Y | N | 客房名称 | |
6 | room_type | varchar | 64 | 0 | Y | N | 房间类型 | |
7 | room_unit_price | int | 10 | 0 | Y | N | 0 | 房间单价 |
8 | hotel_address | varchar | 64 | 0 | Y | N | 酒店地址 | |
9 | booking_users | int | 10 | 0 | Y | N | 0 | 订房用户 |
10 | user_name | varchar | 64 | 0 | Y | N | 用户姓名 | |
11 | mobile_phone_number | varchar | 64 | 0 | Y | N | 手机号码 | |
12 | number_of_room_reservations | int | 10 | 0 | Y | N | 0 | 订房数量 |
13 | stay_days | int | 10 | 0 | Y | N | 0 | 入住天数 |
14 | payment_amount | varchar | 64 | 0 | Y | N | 支付金额 | |
15 | check_out | date | 10 | 0 | Y | N | 退房日期 | |
16 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
17 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表collect (收藏)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | collect_id | int | 10 | 0 | N | Y | 收藏ID: | |
2 | user_id | int | 10 | 0 | N | N | 0 | 收藏人ID: |
3 | source_table | varchar | 255 | 0 | Y | N | 来源表: | |
4 | source_field | varchar | 255 | 0 | Y | N | 来源字段: | |
5 | source_id | int | 10 | 0 | N | N | 0 | 来源ID: |
6 | title | varchar | 255 | 0 | Y | N | 标题: | |
7 | img | varchar | 255 | 0 | Y | N | 封面: | |
8 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
9 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
表comment (评论)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | comment_id | int | 10 | 0 | N | Y | 评论ID: | |
2 | user_id | int | 10 | 0 | N | N | 0 | 评论人ID: |
3 | reply_to_id | int | 10 | 0 | N | N | 0 | 回复评论ID:空为0 |
4 | content | longtext | 2147483647 | 0 | Y | N | 内容: | |
5 | nickname | varchar | 255 | 0 | Y | N | 昵称: | |
6 | avatar | varchar | 255 | 0 | Y | N | 头像地址:[0,255] | |
7 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
8 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
9 | source_table | varchar | 255 | 0 | Y | N | 来源表: | |
10 | source_field | varchar | 255 | 0 | Y | N | 来源字段: | |
11 | source_id | int | 10 | 0 | N | N | 0 | 来源ID: |
表hits (用户点击)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | hits_id | int | 10 | 0 | N | Y | 点赞ID: | |
2 | user_id | int | 10 | 0 | N | N | 0 | 点赞人: |
3 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
4 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
5 | source_table | varchar | 255 | 0 | Y | N | 来源表: | |
6 | source_field | varchar | 255 | 0 | Y | N | 来源字段: | |
7 | source_id | int | 10 | 0 | N | N | 0 | 来源ID: |
表hotel_rooms (酒店客房)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | hotel_rooms_id | int | 10 | 0 | N | Y | 酒店客房ID | |
2 | display_number | varchar | 64 | 0 | Y | N | 展现编号 | |
3 | hotel_name | varchar | 64 | 0 | Y | N | 酒店名称 | |
4 | room_name | varchar | 64 | 0 | Y | N | 客房名称 | |
5 | room_type | varchar | 64 | 0 | Y | N | 房间类型 | |
6 | cover | varchar | 255 | 0 | Y | N | 封面 | |
7 | room_unit_price | int | 10 | 0 | Y | N | 0 | 房间单价 |
8 | number_of_rooms | int | 10 | 0 | Y | N | 0 | 房间数量 |
9 | surrounding_attractions | varchar | 64 | 0 | Y | N | 周边景点 | |
10 | hotel_address | varchar | 64 | 0 | Y | N | 酒店地址 | |
11 | details_introduction | longtext | 2147483647 | 0 | Y | N | 详情介绍 | |
12 | hits | int | 10 | 0 | N | N | 0 | 点击数 |
13 | praise_len | int | 10 | 0 | N | N | 0 | 点赞数 |
14 | recommend | int | 10 | 0 | N | N | 0 | 智能推荐 |
15 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
16 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表notice (公告)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | notice_id | mediumint | 8 | 0 | N | Y | 公告id: | |
2 | title | varchar | 125 | 0 | N | N | 标题: | |
3 | content | longtext | 2147483647 | 0 | Y | N | 正文: | |
4 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
5 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
表praise (点赞)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | praise_id | int | 10 | 0 | N | Y | 点赞ID: | |
2 | user_id | int | 10 | 0 | N | N | 0 | 点赞人: |
3 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
4 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
5 | source_table | varchar | 255 | 0 | Y | N | 来源表: | |
6 | source_field | varchar | 255 | 0 | Y | N | 来源字段: | |
7 | source_id | int | 10 | 0 | N | N | 0 | 来源ID: |
8 | status | bit | 1 | 0 | N | N | 1 | 点赞状态:1为点赞,0已取消 |
表room_reservation (客房预定)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | room_reservation_id | int | 10 | 0 | N | Y | 客房预定ID | |
2 | order_number | varchar | 64 | 0 | Y | N | 订单号 | |
3 | display_number | varchar | 64 | 0 | Y | N | 展现编号 | |
4 | hotel_name | varchar | 64 | 0 | Y | N | 酒店名称 | |
5 | room_name | varchar | 64 | 0 | Y | N | 客房名称 | |
6 | room_type | varchar | 64 | 0 | Y | N | 房间类型 | |
7 | room_unit_price | int | 10 | 0 | Y | N | 0 | 房间单价 |
8 | hotel_address | varchar | 64 | 0 | Y | N | 酒店地址 | |
9 | booking_date | date | 10 | 0 | Y | N | 订房日期 | |
10 | booking_users | int | 10 | 0 | Y | N | 0 | 订房用户 |
11 | user_name | varchar | 64 | 0 | Y | N | 用户姓名 | |
12 | mobile_phone_number | varchar | 64 | 0 | Y | N | 手机号码 | |
13 | number_of_room_reservations | int | 10 | 0 | Y | N | 0 | 订房数量 |
14 | stay_days | int | 10 | 0 | Y | N | 0 | 入住天数 |
15 | payment_amount | varchar | 64 | 0 | N | N | 支付金额 | |
16 | examine_state | varchar | 16 | 0 | N | N | 未审核 | 审核状态 |
17 | examine_reply | varchar | 16 | 0 | Y | N | 审核回复 | |
18 | pay_state | varchar | 16 | 0 | N | N | 未支付 | 支付状态 |
19 | pay_type | varchar | 16 | 0 | Y | N | 支付类型: 微信、支付宝、网银 | |
20 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
21 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表room_type (房间类型)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | room_type_id | int | 10 | 0 | N | Y | 房间类型ID | |
2 | room_type | varchar | 64 | 0 | Y | N | 房间类型 | |
3 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
4 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表route_type (路线类型)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | route_type_id | int | 10 | 0 | N | Y | 路线类型ID | |
2 | route_type | varchar | 64 | 0 | Y | N | 路线类型 | |
3 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
4 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表slides (轮播图)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | slides_id | int | 10 | 0 | N | Y | 轮播图ID: | |
2 | title | varchar | 64 | 0 | Y | N | 标题: | |
3 | content | varchar | 255 | 0 | Y | N | 内容: | |
4 | url | varchar | 255 | 0 | Y | N | 链接: | |
5 | img | varchar | 255 | 0 | Y | N | 轮播图: | |
6 | hits | int | 10 | 0 | N | N | 0 | 点击量: |
7 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
8 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
表tourism_users (旅游用户)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | tourism_users_id | int | 10 | 0 | N | Y | 旅游用户ID | |
2 | user_name | varchar | 64 | 0 | Y | N | 用户姓名 | |
3 | mobile_phone_number | varchar | 64 | 0 | Y | N | 手机号码 | |
4 | examine_state | varchar | 16 | 0 | N | N | 已通过 | 审核状态 |
5 | user_id | int | 10 | 0 | N | N | 0 | 用户ID |
6 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
7 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表tourist_routes (旅游路线)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | tourist_routes_id | int | 10 | 0 | N | Y | 旅游路线ID | |
2 | line_name | varchar | 64 | 0 | Y | N | 线路名称 | |
3 | cover | varchar | 255 | 0 | Y | N | 封面 | |
4 | route_type | varchar | 64 | 0 | Y | N | 路线类型 | |
5 | emergency_phone_number | varchar | 64 | 0 | Y | N | 紧急电话 | |
6 | route_location | text | 65535 | 0 | Y | N | 途径位置 | |
7 | route_introduction | text | 65535 | 0 | Y | N | 路线介绍 | |
8 | hits | int | 10 | 0 | N | N | 0 | 点击数 |
9 | recommend | int | 10 | 0 | N | N | 0 | 智能推荐 |
10 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
11 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表types_of_attractions (景点类型)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | types_of_attractions_id | int | 10 | 0 | N | Y | 景点类型ID | |
2 | types_of_attractions | varchar | 64 | 0 | Y | N | 景点类型 | |
3 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
4 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表upload (文件上传)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | upload_id | int | 10 | 0 | N | Y | 上传ID | |
2 | name | varchar | 64 | 0 | Y | N | 文件名 | |
3 | path | varchar | 255 | 0 | Y | N | 访问路径 | |
4 | file | varchar | 255 | 0 | Y | N | 文件路径 | |
5 | display | varchar | 255 | 0 | Y | N | 显示顺序 | |
6 | father_id | int | 10 | 0 | Y | N | 0 | 父级ID |
7 | dir | varchar | 255 | 0 | Y | N | 文件夹 | |
8 | type | varchar | 32 | 0 | Y | N | 文件类型 |
表user (用户账户:用于保存用户登录信息)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | user_id | mediumint | 8 | 0 | N | Y | 用户ID:[0,8388607]用户获取其他与用户相关的数据 | |
2 | state | smallint | 5 | 0 | N | N | 1 | 账户状态:[0,10](1可用|2异常|3已冻结|4已注销) |
3 | user_group | varchar | 32 | 0 | Y | N | 所在用户组:[0,32767]决定用户身份和权限 | |
4 | login_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 上次登录时间: |
5 | phone | varchar | 11 | 0 | Y | N | 手机号码:[0,11]用户的手机号码,用于找回密码时或登录时 | |
6 | phone_state | smallint | 5 | 0 | N | N | 0 | 手机认证:[0,1](0未认证|1审核中|2已认证) |
7 | username | varchar | 16 | 0 | N | N | 用户名:[0,16]用户登录时所用的账户名称 | |
8 | nickname | varchar | 16 | 0 | Y | N | 昵称:[0,16] | |
9 | password | varchar | 64 | 0 | N | N | 密码:[0,32]用户登录所需的密码,由6-16位数字或英文组成 | |
10 | | varchar | 64 | 0 | Y | N | 邮箱:[0,64]用户的邮箱,用于找回密码时或登录时 | |
11 | email_state | smallint | 5 | 0 | N | N | 0 | 邮箱认证:[0,1](0未认证|1审核中|2已认证) |
12 | avatar | varchar | 255 | 0 | Y | N | 头像地址:[0,255] | |
13 | open_id | varchar | 255 | 0 | Y | N | 针对获取用户信息字段 | |
14 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
15 | vip_level | varchar | 255 | 0 | Y | N | 会员等级 | |
16 | vip_discount | double | 11 | 2 | Y | N | 0.00 | 会员折扣 |
表user_group (用户组:用于用户前端身份和鉴权)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | group_id | mediumint | 8 | 0 | N | Y | 用户组ID:[0,8388607] | |
2 | display | smallint | 5 | 0 | N | N | 100 | 显示顺序:[0,1000] |
3 | name | varchar | 16 | 0 | N | N | 名称:[0,16] | |
4 | description | varchar | 255 | 0 | Y | N | 描述:[0,255]描述该用户组的特点或权限范围 | |
5 | source_table | varchar | 255 | 0 | Y | N | 来源表: | |
6 | source_field | varchar | 255 | 0 | Y | N | 来源字段: | |
7 | source_id | int | 10 | 0 | N | N | 0 | 来源ID: |
8 | register | smallint | 5 | 0 | Y | N | 0 | 注册位置: |
9 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
10 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
3.4本章小结
整个基于HTML5的肇庆旅游网站的需求分析主要对系统总体架构以及功能模块的设计,通过建立E-R模型和数据库逻辑系统设计完成了数据库系统设计。
4 系统详细设计与实现
基于HTML5的肇庆旅游网站的详细设计与实现主要是根据前面的基于HTML5的肇庆旅游网站的需求分析和基于HTML5的肇庆旅游网站的总体设计来设计页面并实现业务逻辑。主要从基于HTML5的肇庆旅游网站界面实现、业务逻辑实现这两部分进行介绍。
4.1游客用户功能模块
4.1.1 前台首页界面
系统首页以上中下的布局进行展示,正上方是系统的导航栏,中间是轮播图,下面是旅游公告、景点信息推荐等信息。其界面展示如下图4-1所示。
![](https://i-blog.csdnimg.cn/direct/ac15a508776b4b918eca4f16124d0595.png)
图4-1 前台首页界面图
4.1.2用户注册界面
用户点击首页右上角“注册”进入注册页面填写账号、密码、确认密码、昵称、邮箱、身份等信息后点击“注册”按钮,系统会对输入的信息进行验证,验证通过后即可完成注册。其界面展示如下图4-2所示。
![](https://i-blog.csdnimg.cn/direct/4ec27eb880864b4a98c0352157ebb236.png)
图4-2用户注册界面图
注册代码如下:
public function register()
{
if (Request::isPost()) {
$request = Request::param();
$request['create_time'] = isset($request['create_time']) ? $request['create_time'] : date('Y-m-d H:i:s');
$request['update_time'] = isset($request['update_time']) ? $request['update_time'] : date('Y-m-d H:i:s');
$result = $this->validate($request, $this->validate);
if (true !== $result) {
$data['error'] = 30000;
$data['message'] = $result;
} else {
$request['password'] = md5($request['password']);
$result = $this->model->register($request, $this->table);
$data = $result;
}
} else {
$data['error'] = 30000;
$data['message'] = "field的值不能为空!";
}
return json_encode($data);
}
public function register($request=[],$table_name = ''){
$username = $request['username'];
$bol = $this->where(['username'=>$username])->find();
if (!$bol){
$result = self::allowField(true)->save($request);
if ($result) {
return ['result' => 1];
} else {
return ['error' => ['code' => 3000, 'message' => '注册失败']];
}
}else{
return ['error' => ['code' => 3000, 'message' => '注册失败,账号已存在']];
}
}
用户注册后可以通过自己的账户名和密码进行登录。用户点击首页右上角的“登录”进入输入完整的自己的账户名和密码信息并点击“登录”按钮后,系统会对输入的信息进行验证,验证通过后即可完成登录,其界面如下图4-3所示。
![](https://i-blog.csdnimg.cn/direct/741ba408b9fb42b7ad765e8f374e0d3e.png)
图4-3用户登录界面图
登录代码如下:
public function login()
{
if (Request::isPost()) {
$request = Request::param();
$result = $this->validate($request, $this->validate);
if (true !== $result) {
$data['error'] = 30000;
$data['message'] = $result;
} else {
$request['password'] = md5($request['password']);
$result = $this->model->login($request, $this->table);
$data = $result;
}
} else {
$data['error'] = 30000;
$data['message'] = "field的值不能为空!";
}
return json_encode($data);
}
public function login($request=[],$table_name = ''){
$username = $request['username'];
$password = $request['password'];
$bol = $this->where(['username'=>$username])->find();
if ($bol){
$password = md5($password);
if ($request['password']==$bol['password']) {
//添加token信息
$access_token['create_time'] = date('Y-m-d H:i:s');
$access_token['update_time'] = date('Y-m-d H:i:s');
$access_token['info'] = json_encode($bol);
// $access_token['info'] = $bol;
$access_token['token'] = md5(date('Y-m-d H:i:s'));
$bol_token = Db::name('AccessToken')->insert($access_token);
if ($bol_token){
$data['obj'] = $bol;
$data['obj']['token'] = $access_token['token'];
return ['result' => $data];
}else{
return ['error' => ['code' => 5000, 'message' => '登录失败,token生成失败']];
}
} else {
return ['error' => ['code' => 5000, 'message' => '登录失败,密码不正确']];
}
}else{
return ['error' => ['code' => 5000, 'message' => '登录失败,账号不存在']];
}
}
用户点击导航栏的“旅游公告”进入页面可以查看系统发布的网站公告、关于我们、联系方式、网站介绍信息。点击网站公告进入页面可以查看该公告的详细信息。其界面展示如下图4-4所示。
![](https://i-blog.csdnimg.cn/direct/39b38149936c4dbf8da12558f5a38416.png)
图4-4旅游公告界面图
4.1.5 景点信息界面
用户可以查看新景点信息列表中某一景点的详细信息并可以进行点赞、收藏和发表评论操作;点击详情下方的“下单订票”进入页面填写购买数量等信息后点击“提交”即可完成景点门票的购买。其界面如下图4-5所示。
![](https://i-blog.csdnimg.cn/direct/047ab7d8ba7a4de395b8b3f31bb5c0c9.png)
图4-5 景点信息界面图
用户可以查看旅游路线列表中某一路线的详细信息并可以进行收藏,支持通过关关键字进行搜查查询旅游路线信息。其界面如下图4-6所示。
![](https://i-blog.csdnimg.cn/direct/d81630ed478e43a8aaa60dde7ed306fa.png)
图4-6 旅游路线界面图
用户可以查看酒店客房列表中某一酒店客房的详细信息并可以进行点赞、收藏和发表评论操作;点击详情下方的“下单预定”进入页面输入订房数量、入住天数等信息后点击“提交”即可完成客房预定。其界面如下图4-7所示。
![](https://i-blog.csdnimg.cn/direct/4c972c2312ae4d479f775aa76610517a.png)
图4-7 酒店客房界面图
用户点击我的头像下方的“个人中心”进入页面可以查看和管理个人中心中的个人首页、订票信息、客房预定、退房信息和收藏信息。点击“订票信息/客房预定”进入页面可以查看列表中某一订单的详情并完成在线支付,可以对订票信息/客房预定信息进行查询和重置操作;可以查看或删除收藏列表信息。其界面如下图4-8所示。
![](https://i-blog.csdnimg.cn/direct/3e6e6616af9149e48cb43724928384bd.png)
图4-8 个人中心界面图
4.2管理员功能模块
管理员可以查看轮播图列表中某一轮播的详情,可以对轮播图信息进行查询、重置、新增和删除操作;可以查看旅游公告列表中某一公告信息的详情,可以对旅游公告信息进行查询、重置、新增和删除操作。其界面如下图4-9所示。
![](https://i-blog.csdnimg.cn/direct/30d3991c684a4225babac221879f6099.png)
图4-9公共管理界面图
新增的代码如下:
public function add()
{
if (Request::isPost()) {
$request = Request::param();
$request['create_time'] = isset($request['create_time']) ? $request['create_time'] : date('Y-m-d H:i:s');
$request['update_time'] = isset($request['update_time']) ? $request['update_time'] : date('Y-m-d H:i:s');
$result = $this->validate($request, $this->validate);
if (true !== $result) {
// 验证失败 输出错误信息
$data['error'] = 30000;
$data['message'] = $result;
} else {
if($this->table == 'user'){
$request['password'] = md5($request['password']);
}
$res = $this->add_before($request, $this->table, $this->table_id);
if($res['code'] == 200){
$result = $this->model->add($request, $this->table, $this->table_id);
$this->add_after($this->table);
$data = $result;
}else{
$data['error'] = $res;
}
}
} else {
$data['error']['code'] = 30000;
$data['error']['message'] = "field的值不能为空!";
}
return json_encode($data);
}
删除的代码如下:
public function del()
{
$request = Request::param();
$result = $this->model->del_data($request, $this->table, $this->table_id);
$data = $result;
return json_encode($data);
}
管理员可以查看系统用户(管理员、旅游用户)列表中某一用户的详情,可以对系统用户信息进行查询、重置、新增和删除操作。其界面如下图4-10所示。
![](https://i-blog.csdnimg.cn/direct/a19033995b324658be44c1f3639385b5.png)
图4-10用户管理界面图
管理员可以查看景点信息列表中某一景点的详情和评论信息,可以对景点信息进行查询、重置、新增和删除操作;点击列表上方的“新增”进入页面填写景点类型、景点位置等信息后点击“提交”即可完成景点信息的添加。其界面如下图4-11所示。
![](https://i-blog.csdnimg.cn/direct/db6852fb1769439fb413c2ce9b4695fb.png)
图4-11景点信息界面图
图片上传的代码如下:
public function upload()
{
$month = date('Ym', time());
$data = 'file';
$path = 'upload/file/' . $month . "/";//上传文件保存位置
$allow_ext = explode(",", "jpg,jpeg,png,jfif,bmp,gif,ico,xls,xlsx,AVI,mov,rmvb,rm,FLV,mp4,3GP");
if ($_FILES) {
$file = $_FILES[$data];
$rst = [];
if (!empty($file['name'])) {
$file_type = explode('.', $file['name']);
$ext = end($file_type); //获取文件的格式
$ext = strtolower($ext);
if (!in_array($ext, $allow_ext)) {
$rst['error']['code'] = 30000;
$rst['message'] = '只能上传jpg,jpeg,png,jfif,bmp,gif,ico,xls,xlsx,AVI,mov,rmvb,rm,FLV,mp4,3GP类型文件';
} else {
if (!is_dir($path))
{
mkdir($path, 0777, true);
};
$name = date('YmdHis') . '_' . rand(10000, 99999) . '.' . $ext;
$save_rst = move_uploaded_file($file['tmp_name'], $path . $name);
if ($save_rst !== false) {
$rst['result']['url'] = 'http://'.$_SERVER['HTTP_HOST'].'/'.$path . $name;
} else {
$rst['error']['code'] = 30000;
$rst['error']['message'] = '文件上传失败';
}
}
} else {
$rst['error']['code'] = 30000;
$rst['error']['message'] = '未选择文件';
}
} else {
$rst['error']['code'] = 30000;
$rst['error']['message'] = '未获取到文件';
}
return json_encode($rst);
}
管理员可以查看旅游路线列表中某一路线的详情和评论信息,可以对旅游路线信息进行查询、重置、新增和删除操作;点击列表上方的“新增”进入页面填写路线类型、途径位置等信息后点击“提交”即可完成旅游路线信息的添加。其界面如下图4-12所示。
![](https://i-blog.csdnimg.cn/direct/c74dd03c83224429b17873ae0dcbad9d.png)
图4-12旅游路线界面图
管理员可以查看酒店客房列表中某一客房的详情和评论信息,可以对酒店客房信息进行查询、重置、新增和删除操作;点击点击列表上方的“新增”进入页面填写酒店名称、客房名称等信息后点击“提交”即可完成酒店客房信息的添加。其界面如下图4-13所示。
![](https://i-blog.csdnimg.cn/direct/ca77ddd5b8204600859d6376767538cf.png)
图4-13酒店客房界面图
管理员可以查看房间类型列表中某一类型的详情,可以对房间类型信息进行查询、重置、新增和删除操作;点击点击列表上方的“新增”进入页面房间类型信息后点击“提交”即可完成房间类型的添加。其界面如下图4-14所示。
![](https://i-blog.csdnimg.cn/direct/d4a6ef0013d74bf09e1068357d43f370.png)
图4-14房间类型界面图
管理员可以查看客房预定列表中某一订单的客房预定的详情,点击“退房”输入退房日期等信息后点击“提交即可完成该订单的退房;可以对客房预定信息进行查询、重置、新增和删除操作。其界面如下图4-15所示。
![](https://i-blog.csdnimg.cn/direct/95a12b7a7eb544748e51944471f34da9.png)
图4-5客房预定界面图
5系统测试
5.1 系统测试目的
无论什么样的系统,测试都至关重要,通过测试可以检查出潜藏的缺陷,从而确保系统的性能和稳定性,避免Bug的出现,并确保系统的功能和性价比达到预期的要求。
5.2系统测试用例
系统测试包括:用户登录功能测试、旅游公告查看功能、轮播图信息添加功能、密码修改功能测试,如表5-1、5-2、5-3、5-4所示:
表5-1 用户登录功能测试表
用例名称 | 用户登录系统 |
目的 | 测试用户通过正确的用户名和密码可否登录功能 |
前提 | 未登录的情况下 |
测试流程 | 1) 进入登录页面 2) 输入正确的用户名和密码 |
预期结果 | 用户名和密码正确的时候,跳转到登录成功界面,反之则显示错误信息,提示重新输入 |
实际结果 | 实际结果与预期结果一致 |
旅游公告查看功能测试:
表5-2 旅游公告查看功能测试表
用例名称 | 旅游公告查看 |
目的 | 测试旅游公告查看功能 |
前提 | 旅游用户登录 |
测试流程 | 点击旅游公告 |
预期结果 | 可以查看到所有旅游公告信息 |
实际结果 | 实际结果与预期结果一致 |
轮播图信息添加界面测试:
表5-3 轮播图信息添加界面测试表
用例名称 | 轮播图信息新增测试用例 |
目的 | 测试轮播图信息新增功能 |
前提 | 管理员用户正常登录情况下 |
测试流程 | 1)管理员点击公共管理下方的轮播图,然后点击添加进入新增页面填写信息。 2)填写完毕后点击提交。 |
预期结果 | 提交以后,页面首页会显示新的轮播图信息 |
实际结果 | 实际结果与预期结果一致 |
密码修改功能测试:
表5-4 密码修改功能测试表
用例名称 | 密码修改测试用例 |
目的 | 测试管理员密码修改功能 |
前提 | 管理员用户正常登录情况下 |
测试流程 | 1)管理员点击“修改密码”进入页面填写修改信息。 2)修改后点击“确认修改”。 |
预期结果 | 可以使用新的密码登录系统 |
实际结果 | 实际结果与预期结果一致 |
5.3 系统测试结果
通过编写基于HTML5的肇庆旅游网站的测试用例,已经检测完毕用户登录功能测试、旅游公告查看功能、轮播图信息添加功能、密码修改功能测试,通过这四大模块的测试为基于HTML5的肇庆旅游网站的后期推广运营提供了强力的技术支撑。
6 结论
在基于HTML5的肇庆旅游网站开发之前,需要先对用户的具体需求进行分析。包括系统的可行性分析、功能需求分析以及其他需求等。在可行性分析过程中,对系统实现的技术性、经济性等方面进行了分析。总体上证明了系统实施的可行性。
本文总结了基于HTML5的肇庆旅游网站开发背景与意义,然后阐述了系统的具体业务需求,并根据系统需求对系统结构以及功能模块等进行了详细地设计,将整个系统划分为多个不同的功能模块。在分析系统功能需求时,对整个系统的总体架构以及功能模块等进行了分析,并选择合适的系统开发技术完成了对各个模块的开发工作。系统开发完成之后进行了部署,同时进行了系统的测试过程,通过测试证明了系统在功能以及性能等方面都达到了预期的要求,具有较高的稳定性与可靠性。通过不断优化和创新,肇庆旅游网站有望成为推广当地旅游资源、提升旅游服务质量和促进旅游业繁荣的重要工具。
参考文献
[1]杨子骥.基于PHP的在线学习系统设计与实现[J].科技与创新,2024,(04):17-21+26.
[2]莫婧雯.接受美学视角下旅游网站英译策略研究[J].今古文创,2024,(05):99-101.
[3]张曰花,陈红娟,刘婷婷.基于HTML5+PHP技术的化妆品网站设计与实现[J].现代信息科技,2023,7(24):33-36+40.
[4]付何彤.基于MVC与HTML5的学习管理系统设计[J].电子技术,2023,52(12):20-21.
[5]赵朝进.基于PHP技术的动态网页设计和实现[J].电脑知识与技术,2023,19(33):21-23.
[6]李建森,董宝兰.旅游服务网站的设计与实现[J].电子技术,2023,52(09):54-55.
[7]张鹤.广东省肇庆市民宿发展现状及优化策略研究[J].商展经济,2023,(15):72-75.
[8]张日花.基于HTML5的响应式环保网站设计与实现[J].现代信息科技,2023,7(13):88-91.
[9]杨波,刘海粟,焦健华.全域旅游视域下肇庆体育旅游定位与发展路径[J].体育科技,2022,43(05):78-80.
[10]欧丹丽.肇庆全域旅游示范区建设困境与优化路径研究[J].北方经贸,2022,(07):147-152.
[11]王莹莹.智慧城市背景下智慧旅游建设策略分析——以肇庆市为例[J].西部旅游,2022,(10):50-52.
[12]林绮琪.肇庆市发展新型旅游产业的路径探讨[J].现代商贸工业,2022,43(09):45-47.
[13]陈骏洪.肇庆自然生态旅游业发展策略探讨[J].旅游与摄影,2021,(16):80-81.
[14]梁曦.肇庆市全域旅游发展研究[D].广西师范大学,2021.
[15]杨文.肇庆市智慧旅游发展路径研究[J].北方经贸,2021,(04):158-160.
[16]区穗玲,林静,谢梓红.数字化时代下的肇庆旅游景区发展策略探析[J].旅游与摄影,2021,(06):41-42.
[17]杨文.肇庆智慧旅游发展现状及影响因素研究[J].对外经贸,2020,(12):89-91.
[18] Daiwen W . The Application and Management System of Scientific Research Projects Based on PHP and MySQL [J]. Journal of Interconnection Networks, 2022, 22 (Supp02):
[19]Fang G ,Gao J ,Liu L .Design and Implementation of Home Online Store System Based on PHP Framework[J].Engineering Advances,2023,3(2):
[20] Sunday O B ,Nduka O S . MySQL Database Server: Deploying Software Application to Enhance Visibility and Accountability [J]. Current Journal of Applied Science and Technology, 2023, 42 (4): 16-23.
致 谢
首先,我要感谢我的论文指导老师。在论文完成的整个过程中,指导老师始终给予我无微不至的关爱与指导。在论文写作的过程中,导师那耐心细致的指导,以及提出的具有建设性的意见,都给予了我极大的帮助,让我受益匪浅。导师严谨的治学态度、敬业精神以及高水平的教学能力,都给我树立了追求卓越的典范,这对我以后的人生道路和学业成就都产生了极大的积极影响。
此外,我还要感谢我班的同学们,他们既是我的同窗好友,又是我的良师益友。正是由于你们的支持和关怀,使得我在大学期间的学习和生活都变得异常充实。感谢那些在大学期间给予我帮助的所有老师和同学们,是你们给予了我在学业道路上的前进动力。
当然,我也不能忘记我的父母,是他们用无私的爱抚养我成人。你们的养育之恩我将永生难忘,将来我一定会用我的成绩回报你们。在成长的道路上,我会不断努力,不负众望,用实际行动来回报你们对我的期望。