网站设计的要素,手机微网站 模板,百度认证营销顾问,广州应用多的自助建站资讯摘 要 提起伊犁#xff0c;很多人常说#xff0c;不去新疆#xff0c;你就不知道中国有多美#xff0c;不去伊犁#xff0c;你就不知道新疆有多美。在这里你可以看到中国最美的景色。如果可可托海海是一个野性和粗犷的战士#xff0c;那么那拉提一定是一个温柔和玉般的绅… 摘 要 提起伊犁很多人常说不去新疆你就不知道中国有多美不去伊犁你就不知道新疆有多美。在这里你可以看到中国最美的景色。如果可可托海海是一个野性和粗犷的战士那么那拉提一定是一个温柔和玉般的绅士。新疆的南边给了它不同寻常的品质。赛里木湖位于新疆西部的博尔塔拉县毗邻伊犁火炬等地。赛里木湖背靠雪山湖边是广阔的草原湖水环境清澈蔚蓝风景也是绝美伊犁美景真是数不胜数。 改革开放以来我国的旅游业有了非常迅速的发展但是比较而言我国国内旅游业发展的广度深度都远远不能适应经济发展和人民生活水平提高的需要。随着市场经济的发展和人民收入水平的进一步提高人民对旅游消费的需求将进一步上升国内旅游业在国民经济中的地位和作用越来越重要。但我国旅游产业仍然基础薄弱管理手段滞后信息化程度低企业效益较差。经过本人的综合考虑设计一款“伊犁地区游客小助手小程序”采取Mysql作为后台数据的主要存储单元采用Springboot框架、B/S架构进行系统的编码及其开发实现了本系统的全部功能。该系统实现了包括关于旅游景点介绍、景点购票、酒店信息、天气提醒等模块功能。 关键词Springboot框架Mysql数据库旅游小程序 Springboot Ili Tourist Assistant Applet Abstract When it comes to Ili, many people often say that you dont know how beautiful China is without going to Xinjiang, and you dont know how beautiful Xinjiang is without going to Ili. Here you can see the most beautiful scenery in China. If Koktohai is a wild and rough soldier, Nalati must be a gentle and jade like gentleman. The south of Xinjiang has given it unusual qualities. Sayram Lake is located in Bortala County in the west of Xinjiang, adjacent to Ili Torch and other places. Sailimu Lake is backed by snow mountains. There is a vast grassland beside the lake. The lake water environment is clear and blue, and the scenery is also beautiful. The beautiful scenery of Ili is countless. Since the reform and opening up, Chinas tourism has developed very rapidly, but by comparison, the breadth and depth of Chinas domestic tourism development are far from meeting the needs of economic development and the improvement of peoples living standards. With the development of market economy and the further improvement of peoples income level, peoples demand for tourism consumption will further rise, and the status and role of domestic tourism in the national economy will become increasingly important. However, Chinas tourism industry still has a weak foundation, lagging management means, low degree of informatization, and poor corporate efficiency. After my comprehensive consideration, I designed a little assistant program for tourists in Ili region, took MySQL as the main storage unit of background data, and used Springboot framework and B/S architecture to code and develop the system, realizing all the functions of the system. The system includes the introduction of tourist attractions, scenic spot tickets, hotel information, weather forecast and other modules. Key words:Springboot framework; MySQL database; Travel applet 目 录 第1章 绪论 1.1 研究背景与意义 1.2 研究内容 第2章 相关技术介绍 2.1 Vue.js 介绍 2.2Vue.js 主要功能 2.3spring boot框架介绍 2.4 spring boot框架特点 2.5 Mysql数据库 2.6 B/S体系结构 第3章 系统分析 3.1 可行性分析 3.1.1 技术可行性 3.1.2 经济可行性 3.1.3 社会可行性 3.2 系统功能需求 3.3 系统性能需求 3.4 业务流程分析 3.5 数据流程分析 第4章 系统设计 4.1 系统架构设计 4.2 总体结构设计 4.3 功能模块设计 4.3.1 用户模块 4.3.2 管理员模块 4.4 数据库设计 4.4.1 概念设计 4.4.2 逻辑设计 第5章 系统实现 5.1 数据库连接模块的实现 5.2 登录模块的实现 5.3 用户模块的实现 5.3.1 注册模块的实现 5.3.2 景点评论模块的实现 5.3.4 景点购票模块的实现 5.4 管理员模块的实现 5.4.1 用户管理模块的实现 5.4.2 密码修改模块的实现 5.4.3 旅游景点管理模块的实现 5.4.4 酒店信息管理模块的实现 5.4.5 景点购票管理模块的实现 第6章 系统测试 6.1 测试环境 6.2 测试目标 6.3 功能测试 6.4 测试结果 第7章 总结与展望 参考文献 致谢 绪论 研究背景与意义 随着科技的迅速发展4G时代的来临Android也逐渐成为了市场占有量最大的移动平台操作系统。而现在的手机已经成为了新的网络终端在智能手机上的应用也方便和改善着人们的生活无论是工作、上班、坐车、旅游等等手机已经成为人们生活的不可或缺的工具。同时手机上的应用给人们的生活带来的极大的方便像微博、手机地图、浏览器、手机游戏等已经成为手机上的必装应用。所以我选择开发一套“伊犁地区游客小助手小程序”为外出的游客们提供便利。在这样一个日益崇尚自我个性的时代中自助旅游方式被越来越多的人所接受这也使得自助旅游在我国发展迅速已经成为一种旅游新时尚和潮流。 另一方面随着科学技术的发展二十一世纪已经迈入了一个集数字化网络化信息化的时代以网络为核心的社会。由于移动智能终端技术不断发展功能的不断细化使得智能手机已经成为人们办公、娱乐、生活上的助手。在移动智能终端的各种应用中可以随时为人们提供景点、购票、酒店、天气等信息为人们的出行提供便捷与即时的服务同时也满足了人们对旅游多元化的需求以及丰富的旅游服务项目。 研究内容 伊犁地区游客小助手小程序的开发及实现所需要的工作内容 1首先是确定选题确定好所要做的系统并对系统的背景及现在面临的一些问题等进行系统的初步确认。 2系统确认完成后结合系统开发的需求进行确认系统开发所使用的技术伊犁地区游客小助手小程序的开发使用Springboot框架数据库进行平台的搭建开发确认好使用的技术进行技术分析所使用的技术是否可以完成系统的实现。 3确定好系统使用的技术进行在线确认系统所划分的用户角色并且根据用户角色划分确定所要设计的功能模块对伊犁地区游客小助手小程序的设计主要划分别为管理员和用户角色并所使用的功能模块也相应不同但是系统的数据库实现的内容是交互的用户可以随时根据自己的需求进行信息查看对于系统工作人员可以根据自己的分管内容进行在线信息的处理及操作管理员获取到所有用户的详细数据信息并根据需求进行第一时间处理解决。 4系统的功能模块确认完成后进行程序及界面的设计设计完成后并且通过测试来判断程序是否完善对于系统测试需要不同的用户进行不同的内容编辑及提交及使用不同的测试方式找出程序中存在的漏洞并对程序出现的漏洞问题进行在线解决处理如果测试系统没有任何问题时可以将系统上传进行正式操作使用。 相关技术介绍 Vue.js 介绍 Vue (读音 /vjuː/类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是Vue被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层不仅易于上手还便于与第三方库或既有项目整合。另一方面当与现代化的工具链以及各种支持类库结合使用时Vue 也完全能够为复杂的单页应用SPA提供驱动。 Vue.js 主要功能 Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是Vue采用自底向上增量开发的设计。Vue 的核心库只关注视图层并且非常容易学习非常容易与其它库或已有项目整合。另一方面Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。 Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习非常容易与其它库或已有项目整合。另一方面在与相关工具和支持库一起使用时Vue.js 也能驱动复杂的单页应用。 spring boot框架介绍 Spring框架是Java平台上的一种开源应用框架提供具有控制反转特性的容器。尽管Spring框架自身对编程模型没有限制但其在Java应用中的频繁使用让它备受青睐以至于后来让它作为EJBEnterpriseJavaBeans模型的补充甚至是替补。Spring框架为开发提供了一系列的解决方案比如利用控制反转的核心特性并通过依赖注入实现控制反转来实现管理对象生命周期容器化利用面向切面编程进行声明式的事务管理整合多种持久化技术管理数据访问提供大量优秀的Web框架方便开发等等。Spring框架具有控制反转IOC特性IOC旨在方便项目维护和测试它提供了一种通过Java的反射机制对Java对象进行统一的配置和管理的方法。Spring框架利用容器管理对象的生命周期容器可以通过扫描XML文件或类上特定Java注解来配置对象开发者可以通过依赖查找或依赖注入来获得对象。Spring框架具有面向切面编程AOP框架SpringAOP框架基于代理模式同时运行时可配置AOP框架主要针对模块之间的交叉关注点进行模块化。Spring框架的AOP框架仅提供基本的AOP特性虽无法与AspectJ框架相比但通过与AspectJ的集成也可以满足基本需求。Spring框架下的事务管理、远程访问等功能均可以通过使用SpringAOP技术实现。Spring的事务管理框架为Java平台带来了一种抽象机制使本地和全局事务以及嵌套事务能够与保存点一起工作并且几乎可以在Java平台的任何环境中工作。Spring集成多种事务模板系统可以通过事务模板、XML或Java注解进行事务配置并且事务框架集成了消息传递和缓存等功能。Spring的数据访问框架解决了开发人员在应用程序中使用数据库时遇到的常见困难。它不仅对Java:JDBC、iBATS/MyBATIs、Hibernate、Java数据对象JDO、ApacheOJB和ApacheCayne等所有流行的数据访问框架中提供支持同时还可以与Spring的事务管理一起使用为数据访问提供了灵活的抽象。Spring框架最初是没有打算构建一个自己的WebMVC框架其开发人员在开发过程中认为现有的StrutsWeb框架的呈现层和请求处理层之间以及请求处理层和模型之间的分离不够于是创建了SpringMVC。 spring boot框架特点 SpringBoot基于Spring4.0设计不仅继承了Spring框架原有的优秀特性而且还通过简化配置来进一步简化了Spring应用的整个搭建和开发过程。另外SpringBoot通过集成大量的框架使得依赖包的版本冲突以及引用的不稳定性等问题得到了很好的解决。 SpringBoot所具备的特征有 1.7.1可以创建独立的Spring应用程序并且基于其Maven或Gradle插件可以创建可执行的JARs和WARs 1.7.2内嵌Tomcat或Jetty等Servlet容器 1.7.3提供自动配置的“starter”项目对象模型POMS以简化Maven配置 1.7.4尽可能自动配置Spring容器 1.7.5提供准备好的特性如指标、健康检查和外部化配置 1.7.6绝对没有代码生成不需要XML配置。 Mysql数据库 Mysql 经过多次的更新功能层面已经非常的丰富和完善了从Mysql4版本到5版本进行了比较大的更新在商业的实际使用中取得了很好的实际应用效果。最新版本的Mysql支持对信息的压缩同时还能进行加密能更好的满足对信息安全性的需求。同时经过系统的多次更新数据库自身的镜像功能也得到了很大的增强运行的流畅度和易用性方面有了不小的进步驱动的使用和创建也更加的高效快捷。最大的变动还是进行了空间信息的显示优化能更加方便的在应用地图上进行坐标的标注和运算。强大的备份功能也保证了用户使用的过程会更加安心同时支持的Office特性还支持用户的自行安装和使用。在信息的显示形式上也进行了不小的更新增加了两个非常使用的显示区一个是信息区对表格和文字进行了分类处理界面的显示更加清爽和具体。第二是仪表的信息控件能在仪表信息区进行信息的显示同时还能进行多个信息的比对为用户的实际使用带来了很大的便捷[8][9]。 针对本文中设计的伊犁地区游客小助手小程序在实际的实现过程中最终选择Mysql数据库的主要原因在于在企业的应用系统应用及开发的过程中会存在大量的数据库比较频繁的操作而且数据的安全性要求也是非常的高。综合这些因素最终选择安全性系数比较高的Mysql来对伊犁地区游客小助手小程序后台数据进行存储操作。 B/S体系结构 B/S结构Browser/Server浏览器/服务器模式是WEB兴起后的一种网络结构模式WEB浏览器是客户端最主要的应用软件。这种模式统一了客户端将系统功能实现的核心部分集中到服务器上简化了系统的开发、维护和使用。客户机上只要安装一个浏览器如Chrome、Safari、Microsoft Edge、Netscape Navigator或Internet Explorer服务器安装SQL Server、Oracle、MYSQL等数据库。浏览器通过Web Server同数据库进行数据交互。 系统分析 可行性分析 开发任何一个系统都要对其可行性进行分析对其时间和资源上的限制进行考虑这样可以减少系统开发的风险。同时分析之后不仅能够合理的运用人力还能在各方面资源的消耗上得到节省。下面就对技术、经济和社会三个方面来介绍。 技术可行性 技术可行性主要考虑当前项目所用的技术是否能够符合在设备上是否能够满足及各种辅助工具是否提供帮助。本系统调试相对简单当前的计算机硬件配置也完全能满足开发的需求因此在技术上是绝对可行的。软件方面由于软件的开发平台成熟可行,它们速度快、容量大、可靠性能高、价格低完全能满足系统的需求。采用PHP编程语言已无技术上的问题。 经济可行性 系统所采用的Springboot框架和Mysql后端数据库均为免费开发工具。故开发成本主要集中在后期的推广及系统维护上。相对于成本较高的C/S模式也是选用了成本较低的B/S模式所以经济上几乎没任何问题。 社会可行性 本系统是自行开发的系统以方便高效推荐各地旅游特色景点为出发点是具有实际意义的系统开发的环境软件和用到的数据库也都是开源代码不存在侵权等问题所以在社会方面也是可行的。 系统功能需求 用户用例图如下所示。 图3-1 用户用例图 管理员用例图如下所示。 图3-1 管理员用例图 通过对用例图的分析和调查根据本系统的实际需要从用户角度提出需求功能如下 1.管理员功能需求 用户管理模块管理员查看用户基本信息并实现对用户信息的增加、删除、修改等功能。 修改登录密码模块修改管理员用户的登录密码。 景点信息管理模块管理员发布景点信息景点名、景点简介、路线图搜索等可对其删除、修改。 景点购票管理模块管理员发布景点购票信息并且添加数据也能够删除数据。用户可以选择购票。 酒店信息管理模块管理员对酒店信息的发布等操作。 天气提醒管理模块管理员对景点天气信息进行发布等操作。 2.用户功能需求 用户注册模块将用户信息录入数据库用户利用注册的账号以及密码登录系统浏览查看各种信息添加部分信息 评论模块用户评论景点查看其他对该景点的评论内容。 个人信息模块修改信息功能用户修改个人资料信息但不能修改账号密码修改功能修改登录密码。 旅游景点搜索模块从管理员发布的旅游景点数据中选择想要搜索查询的旅游景点信息。 景点购票模块从管理员发布的旅游景点信息数据中选择自己需要购买的景点门票进行添加购买操作。 天气提醒模块查找景点天气信息等。 酒店信息模块可以搜索景点附近的酒店信息。 系统性能需求 评判一个系统好坏的一项重要指标就是性能下面是对此系统的一些性能进行阐述。 1.系统的安全性和稳定性: 伊犁地区游客小助手小程序在管理权限上有着严格的控制即想登录此平台进行操作则必须要有操作权限没有权限的用户是不可能登录平台查看任何的信息和数据从而确保了系统的安全性。 2.数据的完整性和准确性第一个是各项记录信息的完整性信息记录的内容可以为空第二个是各项信息数据之间相互联系的准确性第三个是数据在不同记录信息的一致性 3用户操作系统简单方便 在系统开发中按照“简单易用”的原则能够使用户对系统的使用一目了然既能保证用户使用同时又能保证维护人员方便维护。 业务流程分析 业务流程图不仅能反映出内部业务之间的关系而且能体现出作业顺序及信息的流动。伊犁地区游客小助手小程序必须支持整个组织在不同层次上的各种功能各个功能模块之间又有各种不同相关的信息进行联系构成了一个有机的整体根据伊犁地区游客小助手小程序的特点以及结合所面临的实际情况设计出了系统的业务流程图。 系统的业务流程如下图所示。 图3-1系统业务流程图 数据流程分析 在分析了系统的业务流程之后就要分析系统的数据流为后面设计系统的数据库做好基础。这里主要利用数据流程图来说明数据流程。数据流程图是一个图示工具容易理解容易在开发和用户方之间进行交流以及在开发组织内部交流。因此数据流程图作为一种模型工具已经广泛使用在软件工程的实践中。 系统的顶层数据流图如下图所示。 图3-2系统数据流图顶层 根据系统的业务流程用户浏览所使用到的数据归纳为输出信息。而用户提交的数据则作为系统的输入数据。相应的根据系统管理员业务流程管理员对系统内容的添加、更新和删除等所操作的数据定义为输入信息。 系统的底层数据流图如下图所示。 图3-3系统数据流图底层 系统设计 系统架构设计 主要架构设计主要分为可以3层主要有Web层业务层Model层。其中web层还包括View层和Controller层Model层包括元数据扩展层和数据访问层。 图4-1系统架构图 视图层视图是指被用户所看到的并且能够与之进行交互的界面。视图可以向用户展示相关的数据并接收用户输入的数据但对用户数据不进行任何实际业务操作处理。 模型层通过控制层来处理视图层传递的数据同一个模型可以给不同的视图提供数据也可以被不同的视图重复使用。控制层主要负责视图层和模型层之间的数据传输和处理请求操作。当用户通过视图发送数据和请求时控制层可以接收请求和数据并决定调用哪些模型、通过模型的哪些操作来处理数据和请求处理完成后控制层再将数据返回给相应的视图。 总体结构设计 根据对系统的功能进行分析可以总结伊犁地区游客小助手小程序的具体功能模块包括下面的几个主要的功能模块该系统主要从两大模块进行设计的首先就是用户参与操作需要的模块此外还需要有管理员用到的模块两者之间不是互相独立的他们之间有着密切的联系同数据库表中的数据连接起来进行操作。每个模块访问相同的数据库但访问的表不同。系统的各个功能模块是根据所收集的资料研究得到的。在以上分析功能的基础上系统模块分为多个模块。用户含有的功能有注册登录景点信息搜索天气提醒、景点购票、酒店搜索、景点评论提交等退出登录等功能管理员含有的功能有修改密码用户管理、景点信息管理、购票管理、天气提醒管理、公告管理、酒店信息管理等功能。 系统的功能结构图如下图所示。 图4-2系统功能结构图 功能模块设计 用户模块 用户模块主要实现用户的注册、登录、在线评论、景点浏览、景点购票、酒店搜索和个人资料修改、登录密码修改、天气提醒查看等功能。 用户注册用户通过账号注册得到用户名和密码。 用户登录用户在被管理员添加成功后通过管理员提供的用户名、密码和输入验证码进行登录操作非常简单。 个人资料管理用户根据用户ID修改当前ID的一些属性的值。 修改个人登录密码用户登录伊犁地区游客小助手小程序后可以自己修改自己的密码。 景点评论在景点的基础上对景点的评论按时间形成评论列表个人对其评论进行维护和整理。 旅游景点列表可以点击列表查看旅游景点的具体信息。 酒店信息可以查看搜索酒店信息。 景点购票用户根据自己的需求选中某个景点门票进行购买操作。 天气提醒用户可以查看景点的天气信息。 管理员模块 管理员模块是本系统重要开发部分它的使用对象是系统管理员在进入管理员模块前需要输入正确的用户姓名、密码和验证码才能进入管理员模块。界面右上方有退出系统按钮点击可退出管理员模块界面。 系统用户管理管理员添加、管理、查询管理员信息并有修改他们密码的权限。 注册用户管理管理员管理已注册的用户审核刚注册的用户修改用户的基本信息。 旅游景点管理管理员录入旅游景点信息跳转至添旅游景点页面填写旅游景点信息提交后旅游景点信息存储数据库的旅游景点信息表中。 购票管理管理员管理用户的景点购票订单。 数据库设计 概念设计 E-R图一般是由实体、实体的属性与联系三个要素组成的。在规划系统中所使用的数据库实体对象及实体E-R图则需要通过对系统的需求分析、业务流程设计和系统功能结构来确定的。 总体ER图如下图所示。 图4-3总体ER图 逻辑设计 将实体属性模型转换为关系数据库应该遵循以下几个原则 1.一个实体转换后要对应一个关系。 2.所有的主键必须要定义为非空not null。 3.针对二元联系也应该按照一对多、弱对实、一对一和多对多等联系来定义外键。 得到数据库的关系后设计如下表结构。 ordinary_users表: 名称 类型 长度 不是null 主键 注释 ordinary_users_id int 11 是 是 普通用户ID full_name varchar 64 否 否 姓名 gender varchar 64 否 否 性别 id_number varchar 255 否 否 身份证号 examine_state varchar 16 是 否 审核状态 recommend int 11 是 否 智能推荐 user_id int 11 是 否 用户ID create_time datetime 0 是 否 创建时间 update_time timestamp 0 是 否 更新时间 hotel_information表: 名称 类型 长度 不是null 主键 注释 hotel_information_id int 11 是 是 酒店信息ID hotel_name varchar 64 否 否 酒店名称 hotel_star varchar 64 否 否 酒店星级 hotel_type varchar 64 否 否 酒店类型 hotel_facilities text 0 否 否 酒店设施 hotels_address text 0 否 否 酒店地址 price_range varchar 64 否 否 价格范围 hotel_telephone varchar 64 否 否 酒店电话 hotel_introduction text 0 否 否 酒店介绍 hotel_pictures varchar 255 否 否 酒店图片 hits int 11 是 否 点击数 praise_len int 11 是 否 点赞数 recommend int 11 是 否 智能推荐 create_time datetime 0 是 否 创建时间 update_time timestamp 0 是 否 更新时间 scenic_spot_information表: 名称 类型 长度 不是null 主键 注释 scenic_spot_information_id int 11 是 是 景点信息ID name_of_scenic_spot varchar 64 否 否 景点名称 scenic_spot_features text 0 否 否 景点特色 tickets_for_tourist_attractions int 11 否 否 景点票价 opening_hours varchar 64 否 否 开放时间 scenic_spot_route text 0 否 否 景点线路 introduction_to_scenic_spots text 0 否 否 景点介绍 pictures_of_scenic_spots varchar 255 否 否 景点图片 hotel_information varchar 64 否 否 酒店信息 hotel_pictures varchar 255 否 否 酒店图片 price_range varchar 64 否 否 价格范围 hits int 11 是 否 点击数 praise_len int 11 是 否 点赞数 recommend int 11 是 否 智能推荐 create_time datetime 0 是 否 创建时间 update_time timestamp 0 是 否 更新时间 tickets_for_tourist_attractions表: 名称 类型 长度 不是null 主键 注释 tickets_for_tourist_attractions_id int 11 是 是 景点购票ID name_of_scenic_spot varchar 64 否 否 景点名称 opening_hours varchar 64 否 否 开放时间 introduction_to_scenic_spots text 0 否 否 景点介绍 tickets_for_tourist_attractions varchar 64 否 否 景点票价 purchase_quantity int 11 否 否 购买数量 total_amount varchar 64 否 否 总金额 user_no int 11 否 否 用户编号 user_name varchar 64 否 否 用户姓名 recommend int 11 是 否 智能推荐 create_time datetime 0 是 否 创建时间 update_time timestamp 0 是 否 更新时间 weather_reminder表: 名称 类型 长度 不是null 主键 注释 weather_reminder_id int 11 是 是 天气提醒ID todays_date date 0 否 否 今日日期 todays_weather varchar 64 否 否 今日天气 todays_temperature varchar 64 否 否 今日温度 wind_power varchar 64 否 否 风力 air_quality varchar 64 否 否 空气质量 dressing_type varchar 64 否 否 穿衣类型 ultraviolet_rays varchar 64 否 否 紫外线 recommend int 11 是 否 智能推荐 create_time datetime 0 是 否 创建时间 update_time timestamp 0 是 否 更新时间 系统实现 数据库连接模块的实现 从web系统查询数据的根本的查询步骤 Step1: 进行检查并且过滤来自用户的系统数据 Step2: 成立起一个合适的数据库进行连接 Step3: 进行查询系统数据库 Step4: 获得查询的结构 Step5: 把查询的结果展示给用户。 Step6: 数据库连接断开释放资源。 数据库连接原理如下图所示。 图5-1数据库连接原理 登录模块的实现 为确保系统安全性系统操作员只有在登录界面输入正确的用户名、密码、权限以及验证码单击“登录”按钮后才能够进入本系统的主界面。 用户登录流程图如下所示。 图5-2用户登录流程图 登录界面如下图所示。 图5-3登录界面 用户登录的关键代码如下。 /** * 注册 * param user * return */ PostMapping(register) public MapString, Object signUp(RequestBody User user) { // 查询用户 MapString, String query new HashMap(); query.put(username,user.getUsername()); List list service.select(query, new HashMap()).getResultList(); if (list.size()0){ return error(30000, 用户已存在); } user.setUserId(null); user.setPassword(service.encryption(user.getPassword())); service.save(user); return success(1); } /** * 用户ID[0,8388607]用户获取其他与用户相关的数据 */ Id GeneratedValue(strategy GenerationType.IDENTITY) Column(name user_id) private Integer userId; /** * 账户状态[0,10](1可用|2异常|3已冻结|4已注销) */ Basic Column(name state) private Integer state; /** * 所在用户组[0,32767]决定用户身份和权限 */ Basic Column(name user_group) private String userGroup; /** * 上次登录时间 */ Basic Column(name login_time) private Timestamp loginTime; /** * 手机号码[0,11]用户的手机号码用于找回密码时或登录时 */ Basic Column(name phone) private String phone; /** * 手机认证[0,1](0未认证|1审核中|2已认证) */ Basic Column(name phone_state) private Integer phoneState; /** * 用户名[0,16]用户登录时所用的账户名称 */ Basic Column(name username) private String username; /** * 昵称[0,16] */ Basic Column(name nickname) private String nickname; /** * 密码[0,32]用户登录所需的密码由6-16位数字或英文组成 */ Basic Column(name password) private String password; /** * 邮箱[0,64]用户的邮箱用于找回密码时或登录时 */ Basic Column(name email) private String email; /** * 邮箱认证[0,1](0未认证|1审核中|2已认证) */ Basic Column(name email_state) private Integer emailState; /** * 头像地址[0,255] */ Basic Column(name avatar) private String avatar; /** * 创建时间 */ Basic Column(name create_time) JsonFormat(pattern yyyy-MM-dd HH:mm:ss) private Timestamp createTime; Basic Transient private String code; } 用户模块的实现 注册模块的实现 用户输入用户名、密码、电话、姓名等必填信息后点击注册按钮完成用户的注册。 用户注册流程图如下所示。 图5-4用户注册流程图 用户注册界面如下图所示。 图5-5用户注册界面 用户注册的关键代码如下。 * 注册 * param user * return */ PostMapping(register) public MapString, Object signUp(RequestBody User user) { // 查询用户 MapString, String query new HashMap(); query.put(username,user.getUsername()); List list service.select(query, new HashMap()).getResultList(); if (list.size()0){ return error(30000, 用户已存在); } user.setUserId(null); user.setPassword(service.encryption(user.getPassword())); service.save(user); return success(1); } /** * 用户ID[0,8388607]用户获取其他与用户相关的数据 */ Id GeneratedValue(strategy GenerationType.IDENTITY) Column(name user_id) private Integer userId; /** * 账户状态[0,10](1可用|2异常|3已冻结|4已注销) */ Basic Column(name state) private Integer state; /** * 所在用户组[0,32767]决定用户身份和权限 */ Basic Column(name user_group) private String userGroup; /** * 上次登录时间 */ Basic Column(name login_time) private Timestamp loginTime; /** * 手机号码[0,11]用户的手机号码用于找回密码时或登录时 */ Basic Column(name phone) private String phone; /** * 手机认证[0,1](0未认证|1审核中|2已认证) */ Basic Column(name phone_state) private Integer phoneState; /** * 用户名[0,16]用户登录时所用的账户名称 */ Basic Column(name username) private String username; /** * 昵称[0,16] */ Basic Column(name nickname) private String nickname; /** * 密码[0,32]用户登录所需的密码由6-16位数字或英文组成 */ Basic Column(name password) private String password; /** * 邮箱[0,64]用户的邮箱用于找回密码时或登录时 */ Basic Column(name email) private String email; /** * 邮箱认证[0,1](0未认证|1审核中|2已认证) */ Basic Column(name email_state) private Integer emailState; /** * 头像地址[0,255] */ Basic Column(name avatar) private String avatar; /** * 创建时间 */ Basic Column(name create_time) JsonFormat(pattern yyyy-MM-dd HH:mm:ss) private Timestamp createTime; Basic Transient private String code; } 景点评论模块的实现 用户点击景点评论按钮进入景点评论板点击景点评论发布跳转至景点评论发布页面提交景点评论信息成功发布景点评论管理员管理用户的景点评论信息。 发表景点评论流程图如下所示。 图5-6景点评论流程图 景点评论界面如图所示。 图5-7发表景点评论界面 发表景点评论界面的关键代码如下。 RestController RequestMapping(auth) public class AuthController extends BaseControllerAuth, AuthService { /** * 服务对象 */ Autowired public AuthController(AuthService service) { setService(service); } } 景点购票模块的实现 用户点击某个景点进入信息详细页点击预订按钮进入景点购买页提交购票信息成功购票后管理员管理用户的购票信息。 景点购票流程图如下所示。 图5-8景点购票流程图 景点购票界面如图所示。 图5-9景点购票界面 景点购票界面的关键代码如下。 PostMapping(/add) Transactional public MapString, Object add(HttpServletRequest request) throws IOException { service.insert(service.readBody(request.getReader())); return success(1); } Transactional public MapString, Object addMap(MapString,Object map){ service.insert(map); return success(1); } public MapString,Object readBody(BufferedReader reader){ BufferedReader br null; StringBuilder sb new StringBuilder(); try{ br reader; String str; while ((str br.readLine()) ! null){ sb.append(str); } br.close(); String json sb.toString(); return JSONObject.parseObject(json, Map.class); }catch (IOException e){ e.printStackTrace(); }finally{ if (null ! br){ try{ br.close(); }catch (IOException e){ e.printStackTrace(); } } } return null; } public void insert(MapString,Object body){ StringBuffer sql new StringBuffer(INSERT INTO ); sql.append().append(table).append().append( (); for (Map.EntryString,Object entry:body.entrySet()){ sql.append(humpToLine(entry.getKey())).append(,); } sql.deleteCharAt(sql.length()-1); sql.append() VALUES (); for (Map.EntryString,Object entry:body.entrySet()){ Object value entry.getValue(); if (value instanceof String){ sql.append().append(entry.getValue()).append().append(,); }else { sql.append(entry.getValue()).append(,); } } sql.deleteCharAt(sql.length() - 1); sql.append()); log.info([{}] - 插入操作{},table,sql); Query query runCountSql(sql.toString()); query.executeUpdate(); } 管理员模块的实现 用户管理模块的实现 系统用户管理主要是对新用户的添加和旧用户的删除。新用户的添加主要是指添加用户名称并确定其密码旧用户的删除也是从下拉菜单中找到对应的用户名称将其删除。不论是新用户添加还是旧用户的删除这个权限只有管理员具有。 用户管理流程图如下所示。 图5-10用户管理流程图 用户管理界面如下图所示。 图5-11用户管理界面 用户管理界面的关键代码如下。 RequestMapping(/get_list) public MapString, Object getList(HttpServletRequest request) { MapString, Object map service.selectToPage(service.readQuery(request), service.readConfig(request)); return success(map); } 密码修改模块的实现 密码修改是对当前登录用户的密码进行修改在管理员登录页面后右上方也能进行密码修改。 密码修改流程图如下所示。 图5-12密码修改流程图 旅游景点管理模块的实现 如果旅游景点的信息需要修改管理员可以通过查询旅游景点的基本信息来查询旅游景点查询旅游景点是通过ajax技术来进行查询的需要传递旅游景点的标题、编号等参数然后在返回到该页面中,可以选中要修改或删除的那条信息如果选中了超过一条数据页面会挑一个窗口提醒只能选择一条数如果没有选中数据会挑一个窗口题型必须选择一条数据。当选择确认修改的时候后台会根据传过来的id到数据库查询并将结果返回到修改页面中可以在修改页面中修改刚刚选中的信息当点击确认的时候from表单会将修改的数据提交到后台并保存到数据库中就是说如果提交的数据在数据库中存在就修改否则就保存。 旅游景点展示界面如下图所示。 图5-13旅游景点展示界面 旅游景点界面的关键代码如下。 PostMapping(/add) Transactional public MapString, Object add(HttpServletRequest request) throws IOException { service.insert(service.readBody(request.getReader())); return success(1); } Transactional public MapString, Object addMap(MapString,Object map){ service.insert(map); return success(1); } public MapString,Object readBody(BufferedReader reader){ BufferedReader br null; StringBuilder sb new StringBuilder(); try{ br reader; String str; while ((str br.readLine()) ! null){ sb.append(str); } br.close(); String json sb.toString(); return JSONObject.parseObject(json, Map.class); }catch (IOException e){ e.printStackTrace(); }finally{ if (null ! br){ try{ br.close(); }catch (IOException e){ e.printStackTrace(); } } } return null; } public void insert(MapString,Object body){ StringBuffer sql new StringBuffer(INSERT INTO ); sql.append().append(table).append().append( (); for (Map.EntryString,Object entry:body.entrySet()){ sql.append(humpToLine(entry.getKey())).append(,); } sql.deleteCharAt(sql.length()-1); sql.append() VALUES (); for (Map.EntryString,Object entry:body.entrySet()){ Object value entry.getValue(); if (value instanceof String){ sql.append().append(entry.getValue()).append().append(,); }else { sql.append(entry.getValue()).append(,); } } sql.deleteCharAt(sql.length() - 1); sql.append()); log.info([{}] - 插入操作{},table,sql); Query query runCountSql(sql.toString()); query.executeUpdate(); } 酒店信息管理模块的实现 酒店信息添加功能主要指对其名称、类型、地址详情等一些基本信息的添加、删除和修改。酒店信息查询能根据酒店名称、星级等多种条件对其信息进行查询。 酒店信息流程图如下所示。 图5-14酒店信息流程图 酒店信息列表如下图所示。 图5-15酒店信息列表界面 酒店信息管理界面如下所示。 图5-16酒店信息管理界面 酒店信息管理界面关键代码如下。 RequestMapping(/get_list) public MapString, Object getList(HttpServletRequest request) { MapString, Object map service.selectToPage(service.readQuery(request), service.readConfig(request)); return success(map); } 景点购票管理模块的实现 用户选择景点添加购票操作管理员审核购票信息管理所有用户的购票记录。 景点购票管理流程图如下所示。 图5-17景点购票管理流程图 景点购票管理界面如下所示。 图5-18景点购票管理界面 景点购票管理界面关键代码如下。 RequestMapping(value {/avg_group, /avg}) public MapString, Object avg(HttpServletRequest request) { Query count service.avg(service.readQuery(request), service.readConfig(request)); return success(count.getResultList()); } 系统测试 测试目标 系统测试是用于检查软件的质量、性能、可靠性等是否符合用户需求。一套严谨的、规范的、完善的测试过程将大大提高软件的质量、可信度、可靠性降低软件的出错率降低用户风险系数。通过在计算机上对系统进行测试试验并从中发现此系统中存在的问题和错误然后加以修改使之更加符合用户需求。 1.测试的目的是通过测试来发现程序在执行过程中的错误的过程。 2.好的测试方案是可以检验出还未被发现的错误的方案。 3.好的测试是发现了到目前为止还未被发现的错误的测试。 4.该系统能够完成旅游景点信息、天气提醒、景点购票、酒店信息、发表评论等功能做到所开发的系统操作简单尽量使系统操作不受用户对电脑知识水平的限制。 功能测试 下表是系统登录功能测试用例检测了用户名和密码的不同的输入情况观察系统的响应情况。得出该功能达到了设计目标。 表6-1 系统登录功能测试用例 功能描述 用于系统登录 测试目的 检测登录时的合法性检查 测试数据以及操作 预期结果 实际结果 输入的用户名和密码带有非法字符 提示用户名或者密码错误 与预期结果一致 输入的用户名或者密码为空 提示用户名或者密码错误 与预期结果一致 输入的用户名和密码不存在 提示用户名或者密码错误 与预期结果一致 输入正确的用户名和密码 登录成功 与预期结果一致 下表是注册功能测试用例检测了各种数据的输入情况观察系统的响应情况。得出该功能达到了设计目标。 表6-2 注册功能测试用例 功能描述 用于用户注册 测试目的 检测用户注册时的合法性检查 测试数据以及操作 预期结果 实际结果 输入的手机号不合法 提示请输入正确的手机号码 与预期结果一致 输入的字段为空 提示必填项不能为空 与预期结果一致 输入的密码少于6位 提示密码必须为6-12位 与预期结果一致 输入的密码大于12位 提示密码必须为6-12位 与预期结果一致 下表是景点信息管理功能的测试用例检测了景点信息管理中对景点信息的增加删除修改查询操作是否成功运行。观察系统的响应情况得出该功能也达到了设计目标系统运行正确。 前置条件用户登录系统。 表6-3 景点信息管理的测试用例 功能描述 用于景点信息管理 测试目的 检测景点信息管理时的各种操作的运行情况 测试数据以及操作 预期结果 实际结果 点击添加景点必填项合法输入点击保存 提示添加成功 与预期结果一致 点击添加景点必填项输入不合法点击保存 提示必填项不能为空 与预期结果一致 点击修改景点必填项修改为空点击保存 提示必填项不能为空 与预期结果一致 点击修改景点必填项输入不合法点击保存 提示必填项不能为空 与预期结果一致 点击删除景点选择景点删除 提示删除成功 与预期结果一致 点击搜索景点输入存在的景点名 查找出景点 与预期结果一致 点击搜索景点输入不存在的景点名 不显示景点 与预期结果一致 下表是景点购票管理功能的测试用例检测了景点购票管理中购票功能的操作是否成功运行。观察系统的响应情况得出该功能也达到了设计目标系统运行正确。 前置条件用户登录系统。 表6-4 景点购票管理的测试用例 功能描述 用于景点景点购票管理 测试目的 检测景点景点购票管理时各种操作的情况 测试数据以及操作 预期结果 实际结果 未选择景点点击提交 提示请选择景点 与预期结果一致 未上传图片点击提交 提示请选择图片 与预期结果一致 未选择时间点击提交 提示请选择时间 与预期结果一致 测试结果 根据以上测试情况测试结果如下表所示。 表6-1测试结果表 测试项目 测试结果 登录测试 成功 修改密码测试 成功 旅游景点测试 成功 景点购票测试 成功 天气提醒测试 成功 用户管理测试 成功 酒店信息管理测试 成功 公告信息管理测试 成功 总结与展望 本研究针对伊犁地区游客小助手小程序地需求建模数据建模及过程建模分析设计并实现伊犁地区游客小助手小程序的过程。给出系统应用架构并分析优劣势通过功能分解图系统组件图描述功能需求。设计建立了数据库给出系统关键数据结构的定义。通过类关系图描述组件间的协作关系给出各个类的定义方法。通过描述每一个类的字段属性及方法实现小程序的前后端代码。最终给出系统集成整合方法完成伊犁地区游客小助手小程序地设计与实现。 在这个项目实现中不光明白了前端开发和后台在整个系统中起到了什么作用因为前后台的连接用户可以对系统进行操作可以在输入自己的相关信息后通过后台加工完成对数据库的查找、修改、添加而理解了这些关系与实现的方法后。再去完善整个系统的功能就更加清晰与简单了。此次的项目它涉及了前台与后台系统的搭建在学校所学的知识基础上此次的项目让我对于一个系统的前端开发以及后台的作用都有了一个更深切的认知。 参考文献
房歌菲,曹洁,张志鹏.旅游养老视角下在线旅游平台优化路径研究[J].科技与创新,2021(15):108-109111.
[2]王娜,董焕晴.用户参与的在线旅游网站信息本体构建研究——以马蜂窝在线旅游网站为例[J].现代情报,2021,41(06):64-75.
[3]韦金运,龙健.数字化环境下旅游类网站的交互性设计分析[J].艺术大观,2021(15):49-50.
[4]刘艳玲,姚建盛.智慧旅游专业网站设计课程评价方案探索[J].电脑与电信,2021(05):8-10.
[5]李睿. 基于用户感知的在线旅游网站信息服务质量评价研究[D].吉林大学,2021.
[6]孙岩,李晶.基于SpringBoot的旅游资源管理网站的设计与实现[J].信息技术与信息化,2021(01):37-39.
[7]王家明,李湘.基于大数据分析的新疆智慧旅游网站的设计与实现[J].电脑知识与技术,2021,17(03):129-130133.
[8]胡涛,兰全祥.基于Spring Cloud的西安旅游网站的设计与实现[J].信息技术与信息化,2020(09):65-67.
[9]吴凡. 在线旅游网站互动体验对消费者价值共创意愿的影响研究[D].南京财经大学,2020.
[10]黄涓,鲍正德,李晨曦.旅游网站的建构与设计——以国内六大旅游网站为例[J].信息与电脑(理论版),2019,31(22):52-54.
[11]张海燕,鹿梦思.基于HOE-ELM模型的旅游网站信息对游客行为意向的影响研究[J].商学研究,2019,26(05):27-40.
[12]王永芳,张秀英.旅游电商网站评价体系构建及实例分析[J].商业经济,2019(06):133-136.
[13]吴贤贤.全域旅游背景下海南省县级旅游目的地网站主题模式探究[J].南方农机,2019,50(11):12-13.
[14]林佳青. 基于技术接受模型的用户对交易型旅游网站的持续使用意愿研究[D].华侨大学,2019.
[15] Smartsave Has Become One Of The Most Recommended Travel Sites For Big Discounts On Attractions[J]. M2 Presswire,2018:
[16]栗璞. 基于云计算平台智能旅游导览系统的研究与实现[D].北京工业大学,2018.
致谢
在此论文完成之际感谢我的指导老师。在指导老师的网页设计课上当时我学到了很多东西这对于我实习过程中也打了一定的基础而且指导老师对于我的设计也提出许多建议并予以悉心的指导对于一些细小的问题都耐心的指导我去完善授予我写论文的交流消息时常的鼓励我另外感谢教导我完善此项目的前端同学对于这个项目我是边学习边实现完成的有许多东西开始并不是很明白但前端开发的同学非常耐心的引导我去将这个项目完成在系统的后端开发中所用到的后台开发技术也时常会给我讲解助于我更好的将论文完成在此对帮助到我的同学和一直予以教导的指导老师致以衷心的感谢祝事业有成。 免费领取项目源码请关注❤点赞收藏并私信博主谢谢-
