基于SpringBoot+Vue+SSM的济南旅游网站设计与实现资源下载

ssm393基于html5的济南旅游网站+vue

系统包含：源码+论文+论文+说明文档

所用技术：SpringBoot+Vue+SSM+Mybatis+Mysql

获取资料请滑到底部获取联系方式

系统简述：

题目：济南旅游网站设计与实现

摘 要
互联网发展到如今也近20年之久，济南旅游网站一直作为互联网发展中的一个重要角色在不断更新进化。济南旅游网站从最初的文本显示到现在集文字、视频、音频与一体，成为一种网络多媒体浏览网站。作为一种媒体传输媒介，济南旅游网站如今也分各个类别，各种形式。本文着重对济南旅游网站进行分析和研究，浅析济南旅游网站的现状和存在的一些问题并对此进行研究，通过对问题和现状的分析研究和对用户需求的一个简单整理建模，设计并且实现一个济南旅游网站。
济南旅游网站采用的开发框架为SSM框架，也就是Spring mvc、Spring、MyBatis这三个框架，页面设计用的是jsp技术作为动态页面文件设计，jsp文件里可以对实现html等界面布局的代码，采用SpringMVC替代传统的struts2框架，主要对jsp访问的拦截和控制，Spring作为整个控制的核心，通过控制反转技术和面向切面技术，让Spring自动对使用的类文件进行调用和导入，MyBatis主要作为底层操作数据库，不牵扯业务逻辑，开发工具采用Eclipse，服务器用的是tomcat。编码语言是Java，数据库采用Mysql。

关键词：济南旅游网站；Java；MySQL；SSM框架；VUE框架

Abstract
It has been nearly 20 years since the development of the Internet, and Jinan tourism websites have been constantly updating and evolving as an important role in the development of the Internet. Jinan tourism website has integrated text, video and audio from the initial text display to now, becoming a kind of network multimedia browsing website. As a media transmission medium, Jinan tourism websites are now divided into various categories and various forms. This article focuses on the analysis and research of Jinan tourism website, analyzes the current situation and existing problems of Jinan tourism website, and conducts research on it. Through the analysis and research of the problems and current situation and a simple modeling of user needs, design and Realize a Jinan tourism website.
The development framework used by the Jinan tourism website is the SSM framework, which is Spring mvc, Spring, and MyBatis. The page design uses jsp technology as a dynamic page file design. The jsp file can be used to implement the code of the interface layout such as html. Using SpringMVC instead of the traditional struts2 framework, it mainly intercepts and controls JSP access. Spring is the core of the entire control. Through the inversion of control technology and the aspect-oriented technology, Spring can automatically call and import the used class files. MyBatis is mainly used as The underlying operation database does not involve business logic, the development tool uses Eclipse, and the server uses tomcat. The coding language is Java, and the database uses Mysql.
Key Words：Jinan Tourism Website; Java; MySQL; SSM framework; VUE framework
目 录
1 绪论 1
1.1 研究背景
1.2目的和意义
1.3 论文结构安排
2 相关技术 4
2.1 SSM框架介绍
2.2 B/S架构介绍
2.3 MySQL数据库介绍
2.4 JAVA语言介绍
2.5 VUE框架
3 系统分析 7
3.1系统可行性分析
3.1.1 技术可行性分析
3.1.2 经济可行性分析
3.1.3 运行可行性分析
3.2系统性能分析
3.2.1 系统安全性
3.2.2 数据完整性
3.2.3系统可扩展性
3.3系统流程分析
3.3.1系统登录流程
3.3.2信息添加流程
3.3.3信息删除流程
4 系统设计 13
4.1系统概要设计
4.2系统功能结构设计
4.3数据库设计
4.3.1数据库E-R图设计
4.3.2 数据库表结构设计
5 系统实现 20
5.1 用户信息管理
5.2 旅游资讯管理
5.3 景区介绍管理
5.4 首页信息
6系统测试 23
6.1 本系统测试
6.1.1登录功能测试
6.1.2修改密码功能测试
6.2测试结果分析
结 论 25
参考文献 27
致 谢 28

1 绪论
1.1 研究背景
信息化的世界，对于互联网就是一个无国界的传播过程。济南旅游网站也像其他很多网络交流工具一样，时刻在给每一个人带来信息全球化的过程中自由发布个性化信息平台，这就是互联网给人们带来的革命性变革力量。互动的网络社会突破了地域之间人们的阻碍，它给人们带来了更多的机会和把握未来的机遇。
随着济南旅游网站的发展，济南旅游网站越来越深刻的影响着我们的生活。说起影响，我们就不能不提起木子美，通过济南旅游网站把木子美的形象送到千家万户，同时也将千家万户吸引到济南旅游网站上来。这样的互动每天都在发生，越来越多，越来越频繁。但是济南旅游网站毕竟属于非主流媒体，而且主要以个人济南旅游网站形式出现的济南旅游网站很难带给社会多么大的变化。但是正是由于济南旅游网站的这种大众性，也就决定了它与生俱来的独立性和人文精神。另外作为济南旅游网站的基本功能之一，它提供给我们一个自我表现的舞台，这里真正的体现了：平等，开放，自由，共享的互联网的精神。
1.2目的和意义
现今济南旅游网站还存一些问题：首先，济南旅游网站开发者或者拥有着，为了吸引更多客户盲目定义了济南旅游网站外观以及内容。济南旅游网站页面颜色搭配太多使整个页面失去了一目了然效果，令人看的眼花缭乱。页面布局划分不规范，没整体的观念，盲目划分模块只为填充更多信息量。在内容上收入太杂，图片搭配不合理等原因，导致济南旅游网站宗旨及传播的信息没能有效传播出去。动态效果运用太多当鼠标经过时，容易产生不好感觉。垃圾链接太多，容易产生反感。其次，目前的济南旅游网站网站大都属于综合性的济南旅游网站，上面各个方面的内容混合在一起，济南旅游网站用户也各式各样。这样是达到了济南旅游网站网站开放性的原则但是要在上面找到专业的，有价值的东西就会显得很困难，属于杂货铺式的公共场合。未来的济南旅游网站网站将会走向专业化的道路，专业化的济南旅游网站网站将更有利于向专业化的出版，咨询，软件方面扩展，也将更有利于有关专业人士采用专业的网络信息资源。它将为专业人士提供一个专业资源，专业知识交流，信息发布的既综合又专业的交流平台。
此系统的操作界面是可视化的界面，管理人员无需付费培训就能尽快上手。济南旅游网站的开发意义如下：
1、管理人员再也不用在查询信息上花费大量宝贵的时间了，通过信息关键词字段就可以在几秒内获取需要的信息，在各种突发事件面前管理人员也不用慌张，可以从容淡定地处理各种相关信息。
2、该系统在每天的24小时期间都是不会停止服务的，只要有信息操作的需要，管理人员都能使用常用的360浏览器，或者百度浏览器，2345浏览器等大众浏览器都能登录系统，然后操作对应的功能。
3、有了这款信息管理类操作软件，所有需要进行处理的数据不用在纸质版本的文档上进行记载，而是基于电脑进行信息录入。
4、济南旅游网站信息都是通过网站进行显示，其实质是这些信息都保存在网站对应的数据库里面。只要操作员不去恶意删除信息，那么这些信息将会永久保存。
1.3 论文结构安排
编写济南旅游网站相对应的论文，其实就是对开发完成的程序进行再次解读的过程。本论文从七个方面的内容讲解了开发的程序，具体内容如下：
第一个部分：就是论文的绪论，这个部分就是介绍在什么样的背景下开发的程序，以及这个程序开发出来具有什么意义等内容。
第二个部分：就是介绍开发这个程序使用了什么技术，使用什么数据库保存程序的数据信息，程序开发的语言是使用的什么语言等内容。
第三个部分：就是介绍这个程序开发在现实生活的可行性问题，也讲述了程序开发需要设置什么功能等内容。
第四个部分：就是已经知晓程序的大致功能，需要对程序的功能进行更为严格的细分，也需要出具相应的功能结构图，同时，也要设计程序对应的数据库，包括数据库里面的数据表的设计等内容。
第五个部分：就是在系统的编码阶段，需要使用编程语言完成程序的功能，完成程序的界面设计，最终以界面实现的效果图展示设计成果等内容。
第六个部分：就是程序已经完成了开发的前提之下，需要检测程序的各个模块是否衔接正常，程序各个功能能否在网络等一切外部条件正常的情况下运行，这期间要是出现任何错误都需要及时记录并在后期进行修补完善。
第七个部分：就是论文最后的总结部分，描述遇到的问题，采用的解决思路等内容。
2 相关技术
2.1 SSM框架介绍
SSM框架是有Spring+SpringMVC+MyBatis组成。
Spring
Spring是一个开源框架，Spring是于2003年兴起的一个轻量级的Java开发框架，由Rod Johnson在其著作Expert One-On-One J2EE Development and Design中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。Spring使用基本的JavaBean来完成以前只可能由EJB完成的事情。然而，Spring的用途不仅限于服务器端的开发。从简单性、可测试性和松耦合的角度而言，任何Java应用都可以从Spring中受益。简单来说，Spring是一个轻量级的控制反转(IoC)和面向切面(AOP)的容器框架。
SpringMVC
Spring MVC属于SpringFrameWork的后续产品，已经融合在Spring Web Flow里面。Spring MVC分离了控制器、模型对象、分派器以及处理程序对象的角色，这种分离让它们更容易进行定制。
MyBatis
MyBatis本是apache的一个开源项目iBatis,2010年这个项目由apache software foundation迁移到了google code，并且改名为MyBatis。MyBatis是一个基于Java的持久层框架。iBATIS提供的持久层框架包括SQL Maps和Data Access Objects(DAO)MyBatis消除了几乎所有的JDBC代码和参数的手工设置以及结果集的检索。MyBatis使用简单的XML或注解用于配置和原始映射，将接口和Java的POJOs(Plain Old Java Objects，普通的Java对象)映射成数据库中的记录。
2.2 B/S架构介绍
在早期的程序开发中，使用得最多的莫过于C/S架构了，现在的生活中软件在生活的各个方面落地，使用了C/S架构开发出来的软件也是不在少数的，比如企业日常办公使用到的微软的OFFICE软件，我国自己研发的文档处理软件WPS，还有娱乐软件腾讯的QQ，腾讯的微信，以及电脑上安装的杀毒软件金山杀毒软件，瑞金杀毒软件等都是C/S架构。但是在Internet网络盛行之后，鉴于大家对数据信息共享的需求，在原来的C/S架构上进行了升级改进之后，有了现在的主流架构B/S架构，B/S架构就是在C/S架构上多了一个浏览器，让原来的直接访问服务器的方式，变成了通过浏览器去访问服务器。充分运用到了当下不断成熟的浏览器技术。也让软件的开发成本以及维护成本降低了。可以说B/S这种新型的架构模式让软件的开发变得便利化。
2.3 MySQL数据库介绍
有了程序功能的操作，也需要对程序操作的各个功能所产生的数据信息存放在一个固定的仓库里面，这个所谓的仓库就是大家最熟悉的程序开发需要使用的数据库了，数据库能够发展到至今的模样，其实也是经历了很多的变化历程的，在最开始由于数据信息处理的需要开始推出最低级的数据管理，这个阶段也是数据库早期的人工管理的阶段，后来也经历了文件管理的阶段，这个阶段的数据管理因为信息不能够进行共享，加上管理的数据对配套的程序产生了较强的依赖性，在数据信息管理上也存在很多数据的重复记载造成数据冗余等问题。所以为了解决上述一系列文件管理阶段所产生的数据管理的问题，对数据管理方式进行了全方位的升级改造，也就让数据管理进入了一个全新的阶段——数据库系统的阶段。这个阶段也是数据库管理数据的一个全新的相当高级的阶段。
说到数据库，也不得不说数据库的模型，数据库拥有的数据模型有网状，还有层次，以及关系型这三样数据库模型。网状的结构就是把记录的每条信息都比喻成一个点，点跟点之间也有联系，最终就形成了一个像网一样的结构，就是所谓的网状数据模型。也有对数据记录使用树状结构的方式进行数据保存，这个就是层次数据模型，关系数据库模型运用在现在市面上常见的数据库当中了，像本系统开发使用的MySQL数据库，还有安装过程比较复杂的Sqlserver数据库，也有一些比较小巧的关系型数据库，像Access数据库，FoxPro数据库等数据库。这样的关系型数据库将数据表里面的行还有列进行相互关联形成一个二维矩阵的方式来保存程序所产生的数据信息。
本次之所以选择MySQL数据库来当程序数据存放的仓库，则是因为此数据库安装不用费时，也不需要各种百度信息去解决安装过程中出现的任何问题，而且由于自己的电脑内存比较小，才4个G，为了更好的开发项目程序，针对低配置的电脑选择MySQL数据库也是情理之中。
2.4 JAVA语言介绍
在1995年这一年的5月份，著名的Sun Microsystems公司在程序开发设计上面郑重推出一种面向对象开发的程序设计语言——Java，最开始的时候Java是由詹姆斯.高斯林这位伟大的JAVA之父来进行主导，但是在后来由于各种原因，让甲骨文公司这个针对商业程序创建了oracle大型数据库的公司收购了Java。Java的平台总共算下来有3个，分别为javaME和javaSE以及javaEE这3个java平台。下面将对其进行分别介绍。
1.在电脑桌面程序的开发上面需要选择JavaME，这个用得也比较多。
2.企业也会根据工作以及业务需要开发各种软件，那么就会选用JavcEE这个支持企业版软件的开发的Java平台，JavcEE主攻运用在企业领域上面的web应用，JavcEE也在javaSE的基础上获得了比如jsp技术 ，Servlet技术等程序开发技术的支持。
3.现在生活中手机的普及化，也使得手机端这样的移动设备的软件的兴起，JavaME这个迷你版java平台就能运用于移动端的软件开发操作。
2.5 VUE框架
Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。
Vue 只关注视图层， 采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

3 系统分析
3.1系统可行性分析
需要使用大部分精力开发的济南旅游网站为了充分降低开发风险，特意在开发之前进行可行性分析这个验证系统开发是否可行的步骤。本文就会从技术角度，经济角度，还有用户使用的程序的运行角度进行综合阐述。
3.1.1 技术可行性分析
开发程序选择的是面向对象的，功能强大的，简单易用的Java程序设计语言，数据库的开发工具使用到了MySQL数据库，由于自己之前接触过一些简单的程序开发方面的设计作品，所以对Eclipse工具的使用比较熟练，对于数据库的操作技巧也有一定的积累。另外，程序开发需要在自己电脑上安装的软件并不多，在win7操作系统的大环境下，能够完全搭建好程序开发的操作环境，比如Eclipse工具，MySQL数据库工具，以及处理程序图片的Photoshop工具等都能安装在自己的电脑上。总的说来，开发这个程序在技术上是可以实现的。
3.1.2 经济可行性分析
开发出来的程序并不是朝着商业程序的方向进行设计开发的，它只是作为一个毕业设计项目进行开发，主要用于检验学生在学校所学知识的一个检验，也锻炼学生运用网络，图书等工具进行自学的能力。所以开发这个程序软件并不会涉及到经济上面的开销，在开发软件的选择上也不会额外付费安装软件，在开发软件的官网上面就可以下载需要的软件，并根据提示的安装步骤安装软件到自己的电脑上面。总的说来，开发这个程序在经济上也不存在经费支出。
3.1.3 运行可行性分析
因为这个程序软件从开始开发到开发截止都是根据用户的需求进行定制，考虑到此程序软件是面向广大普通操作用户，鉴于他们的知识文化水平，特意开发出一个可操作性强的，能够很容易让使用用户上手的，具有可视化操作界面的一个程序软件。总的说来，这个程序站在用户运行程序的角度上分析，是不存在操作难的问题的。用户只要打开程序就可以免去专人培训进行程序功能操作。
经过上面从技术的角度，从经济的角度，从程序运行的角度这三个角度分析现打算开发的程序，可以得出该程序软件是可以进行开发操作的。
3.2系统性能分析
3.2.1 系统安全性
程序在使用中是不允许其他访问者随意窃取程序里面的隐秘信息，也不允许其他操作者越权操作其他管理用户操作的功能，要真正杜绝这些现象就必须在程序开发之前把程序的安全性给考虑进去。
比如现在很多程序都会把用户注册的功能给考虑进去，让用户在注册页面功能区填写自己的个人信息，这些数据信息涵盖了用户本人的姓名，用户对程序登录设置的密码，用户经常使用的邮箱，用户的常用联系方式还有用户的所住地址等信息，这些信息都是设计到用户本人的隐私，那么这些信息在传输给程序后台时，是需要进行管理并保存至对应的数据库文件里面。要是有人恶意窃取程序的数据信息，也就会让那些注册了此程序软件的用户的个人隐秘信息都会遭到泄露。这些信息落入其他不法分子手里，他们极有可能根据用户的隐私信息去骚扰用户，并把这些信息用于各种商业用途谋取其他非法的利益。所以数据安全性是一个系统能不能使用的首要标准。
3.2.2 数据完整性
数据完整性是确保数据信息是否具有可靠性，是否具有参考价值的一个重要因素，数据信息只描述一部分，或者必有的数据信息反而为空等现象都是代表着这个数据信息不完整，有数据缺陷，这是个很严肃的问题，因为这样的数据信息跟垃圾信息没什么两样。
说到数据完整性，不得不提最常用的程序表单功能。这些表单主要就是提取广大用户的数据信息的，需要广大用户根据表单上的要求，填写自己的姓名信息，以及自己的联系方式信息，有些也会有额外的信息填写要求，有必须要填的选项，也有不需要必填的选项。假如广大用户为了保护自己的隐私，或者不想受到其他人的骚扰，不填写必填项等信息，广大用户在最后提交此表单的时候，往往都是提交不了的。
数据完整性不仅仅限于登记的数据要完整，它也需要程序里面的所有数据信息之间存在关联，而且这种联系也是要求不能出差错的。
由于数据表之间也会存在一定的联系，所以同一个数据也会出现在另一个表格里面，那么这两个表格记录的同一个数据应该是一样的。不能够是同样的数据信息在不同表中不一样。
3.2.3系统可扩展性
一切事物都是一直在发展，程序员开发软件也需要带着发展的思维去进行软件开发操作，这样的话，开发出来的程序在应对管理所需时，也会相对应的进行程序升级与更新。不论是功能完善还是数据库升级都能在原来的基础上对原有程序进行迭代升级。让开发出来的程序能够走得越来越远。这也是广大用户对程序软件的使用要求。
3.3系统流程分析
管理员假如要操作系统提供的功能，那么管理员就要在系统的登录界面，填写管理员登录的账号信息，填写相应的密码信息，管理员需要保证这两者能够验证身份的账号以及密码信息的正确性，这样管理员就可以通过登录界面进入系统后台操作界面。图3.1就是开发的程序软件济南旅游网站它的操作流程图。

图3.1 系统操作流程图
3.3.1系统登录流程
济南旅游网站的登录流程，针对的角色就是操作员的操作角色。在登录界面需要的必填信息就是账号信息，配上登录的密码信息就能登录济南旅游网站，需要注意的就是必填的账号信息和登录密码信息，都需要进行验证，系统会判断账号还有填写的密码信息的正确性，只有这两者信息都正确了，就能成功登录济南旅游网站了。系统登录流程图如下图。

图3.2 系统登录流程图
3.3.2信息添加流程
用户在添加信息的界面填写的任何数据信息也是需要验证的，系统会判断用户填写信息的格式还有数据信息是不是合法信息，如果用户填写的信息是合法内容，系统就会在数据库对应的数据表里面添加信息。添加信息流程如下图。

图3.3 添加信息流程图
3.3.3信息删除流程
对于那些已经失效的信息，需要用户及时进行删除，这样有利于腾出空间存放其他信息。删除信息也是先从数据库对应数据表里面删除数据，接着就是更新数据表的信息。这样删除的数据，在用户操作界面就查看不到了。信息删除流程如下图所示。

系统图片：

基于html5的济南旅游网站+vue的设计与实现资源下载01.jpg：

基于html5的济南旅游网站+vue的设计与实现资源下载02.jpg：

基于html5的济南旅游网站+vue的设计与实现资源下载03.jpg：

基于html5的济南旅游网站+vue的设计与实现资源下载04.jpg：

基于html5的济南旅游网站+vue的设计与实现资源下载05.jpg：

基于html5的济南旅游网站+vue的设计与实现资源下载06.jpg：

基于html5的济南旅游网站+vue的设计与实现资源下载07.jpg：

基于html5的济南旅游网站+vue的设计与实现资源下载08.jpg：

基于html5的济南旅游网站+vue的设计与实现资源下载09.jpg：

基于html5的济南旅游网站+vue的设计与实现资源下载10.jpg：

联系方式：