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

文章仅展示部分内容，详细的毕设论文和演示视频可以私信我的扣扣，

      

    

    毕 业 设 计（论文）

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

      

摘  要

互联网发展到如今也近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.2目的和意义

1.3 论文结构安排

2 相关技术

2.1 SSM框架介绍

2.2 B/S架构介绍

2.3 MySQL数据库介绍

2.4 JAVA语言介绍

2.5 VUE框架

3 系统分析

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 系统设计

4.1系统概要设计

4.2系统功能结构设计

4.3数据库设计

4.3.1数据库E-R图设计

4.3.2 数据库表结构设计

5 系统实现

5.1 用户信息管理

5.2 旅游资讯管理

5.3 景区介绍管理

5.4 首页信息

6系统测试

6.1 本系统测试

6.1.1登录功能测试

6.1.2修改密码功能测试

6.2测试结果分析

结  论

参考文献

致  谢

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 实现响应的数据绑定和组合的视图组件。