如何使用ssm实现农家乐信息平台的设计与实现+vue

@TOC

ssm066农家乐信息平台的设计与实现+vue

第1章 绪论

1.1 课题背景

互联网发展至今,无论是其理论还是技术都已经成熟,而且它广泛参与在社会中的方方面面。它让信息都可以通过网络传播,搭配信息管理工具可以很好地为人们提供服务。所以各行业,尤其是规模较大的企业和学校等都开始借助互联网和软件工具管理信息,传播信息,共享信息等等,以此可以增强自身实力,提高在同行业当中的竞争能力,并从各种激烈的竞争中获取发展的机会。针对农家乐信息管理混乱,出错率高,信息安全性差,劳动强度大,费时费力等问题,经过分析和考虑,在目前的情况下,可以引进一款农家乐信息平台这样的现代化管理工具,这个工具就是解决上述问题的最好的解决方案。它不仅可以实时完成信息处理,还缩短农家乐信息管理流程,使其系统化和规范化。同时还可以减少工作量,节约农家乐信息管理需要的人力和资金。所以农家乐信息平台是信息管理环节中不可缺少的工具,它对管理者来说非常重要。

1.2 课题意义

现如今,信息种类变得越来越多,信息的容量也变得越来越大,这就是信息时代的标志。近些年,计算机科学发展得也越来越快,而且软件开发技术也越来越成熟,因此,在生活中的各个领域,只要存在信息管理,几乎都有计算机的影子,可以说很多行业都采用计算机的方式管理信息。信息计算机化处理相比手工操作,有着保密性强,效率高,存储空间大,成本低等诸多优点。针对农家乐信息管理,采用农家乐信息平台可以有效管理,使信息管理能够更加科学和规范。

总之,在实际中使用农家乐信息平台,其意义如下:

第一点:农家乐信息平台的实际运用,可以帮助管理人员在短时间内完成信息处理工作;

第二点:通过系统页面的合理排版布局,可以更加直观的展示系统的内容,并且使用者可以随时阅读页面信息,随时操作系统提供的功能;

第三点:可以实现信息管理计算机化;

第四点:可以降低信息管理成本;

1.3 研究内容

对农家乐信息平台设计制作,不仅需要技术支撑,也需要大量的理论研究。本文在对农家乐信息平台进行介绍时,将按照如下内容进行。

第一部分:介绍农家乐信息平台研究的背景意义,便于用户了解系统;

第二部分:介绍开发农家乐信息平台需要搭建的环境,包括技术和工具;

第三部分:介绍用户对农家乐信息平台的功能要求,以及对农家乐信息平台的性能要求等;

第四部分:介绍数据库的设计方案,以及根据功能要求设计的功能结构;

第五部分:介绍通过编码最终实现的系统功能运行效果;

第六部分:介绍系统的功能测试,对系统进行综合检测,并及时解决系统出现的问题,直至系统运行正常。

第2章 开发环境与技术

农家乐信息平台的编码实现需要搭建一定的环境和使用相应的技术,接下来的内容就是对农家乐信息平台用到的技术和工具进行介绍。

2.1 MYSQL数据库

本课题所开发的应用程序在数据操作方面是不可预知的,是经常变动的,没有办法直接把数据写在文档里,这样不仅仅不安全,也不能实现应用程序的功能。如果要能实现应用程序所需要的数据存储功能,就避免不了要进行专业数据库存储软件的选择。基本上应用程序实现的功能不算太复杂,市面上任何一个关系型数据库软件都可以实现。参考自己的学习进度和操作习惯来讲,Oracle数据库是适合的,但是所需要的的安装软件很大,并且有好多不需要的功能都是开启的状态,十分消耗电脑资源,所以没有选择Oracle数据库,而SQL Server数据库虽然学过,但是安装的时候因为电脑上可能有其他的软件存在,经常性的出问题,而安装问题不好解决就需要重新安装操作系统,这样对已经存在的软件来讲又是一种时间上的浪费。只有MySQL数据库,安装包小,安装速度快,操作简单,哪怕安装出问题也好解决,不用重装操作系统,也不影响电脑上运行的其他软件,消耗资源也少,最重要的是在功能方面完全的符合设计需要,所以最后选择了MySQL数据库作为应用软件开发需要的数据库。

2.2 JSP技术

在动态网站的兴起之初,作为高级编程语言的Java自然不会放弃这个领域的蛋糕。Sun公司推出了Servlet作为输出动态网站的一种技术标准,虽然不怎么受当时程序员的喜爱,但是当初也没有太多的选择,随后几个月PHP语言问世,不考虑性能和效率如何,起码在书写网页所需要的动态代码块和静态代码块方面进行了区分,让书写效率和可读效率大大的提升,所以很多Java程序员以及刚入行的初级程序员都选择了PHP语言作为自己职业的发展方向,Sun公司为了维护Java语言在高级编程语言上的江湖地位,防止PHP继续抢走市场份额占有率,Sun公司联合Apache基金会研发了一个关于Java动态网页的一个新型的技术标准,这就是JSP技术。JSP吸取了PHP语言在页面书写上面的所有优点,但是又背靠Java EE的庞大后台,又能实现很多通过Java组件就能实现的功能,在JSP页面上可以直接引用那些组件,让JSP更加的强壮丰富。保证了Java技术纵向的可持续发展,并且在动态网站开发领域终于站稳了脚跟,其他PHP开发人员可以很快的转移到JSP进行开发,不考虑一些特殊组件或者功能的开发,只从动态页面的开发上来讲,完全实现了PHP程序和JSP程序的几乎无成本的转换,JSP技术就这样的发展了起来。

2.3 SSM框架

SSM框架不是一个框架的名称,而是三个框架的首字母缩写,分别是Spring框架、SpringMVC框架、MyBatis框架。是目前Java开发者中学习的首选框架。

Spring框架继承了JavaEE和EJB框架的优点,在依赖注入方面去掉了臃肿的配置,在面向切面方面也简化了代码数量,提高了代码品质。依赖注解进行配置,让所有的依赖都可以通过程序的自动配置和寻找,减少了代码写作数量,提高了代码阅读性。

SpringMVC框架与Spring只是一个公司的,在底层代码结构上可以复用,但是最主要的功能是对数据提交请求进行过滤,并且对数据的返回进行过滤,不限于页面是JSP技术,也可以是其他的技术,更容易大型开发的集合技术。

MyBatis框架摒弃了Hibernate框架的配置臃肿方面,有时候Hibernate框架业务比较复杂的时候,代码量反而增加,性能下降,无法对底层的数据库语句优化,而MyBatis框架则有效的解决了这个方面,可以通过Java语句,对数据库操作语句进行优化,代码更简洁,执行效率更高,并且可以生产一些模块化代码,解决了开发过程中容易出现的实体映射方面的操作。

第3章 系统分析

面对即将开发的系统,进行提前的分析是必要的。这也是开发流程中必须有的环节。通常分析系统期间,主要涉及的内容包括系统开发可行性问题,对系统功能和性能的分析等问题。

3.1 可行性分析

在正式对需要建设的项目进行投资前,有一个比较关键的步骤是不能缺少的,那就是可行性分析。它主要从当前技术,经济等角度去评估系统的可行性,在投资决策中常常采用这种科学的方法来论证项目。

3.1.1 技术可行性

当前,系统开发的技术已经发展成熟,而且通过计算机网络可以获取开发工具的使用方法,以及规范化编写的模块化代码,这些知识可以帮助开发者顺利完成本系统的编码工作。

3.1.2 经济可行性

本系统开发期间需要配置的软件环境,可以免费通过开发类官网下载安装,需要配置的硬件设备也不需要具备很高的性能,通常网吧电脑,或学校计算机机房的电脑都符合要求。因此,从经济方面考虑,农家乐信息平台开发可行。

3.1.3 操作可行性

农家乐信息平台根据用户使用习惯进行开发,设计的界面具有统一性,并具备优秀的导航功能。所以,只要会简单操作电脑的人员,可以无压力操作农家乐信息平台。

总之,从上述的论证来看,本系统可以开发。

3.2 系统流程

流程图这样的工具可以直观反映出系统内部的操作逻辑,可以帮助用户更好的理解系统。

3.2.1 操作流程

进入本系统需要访问者提供验证信息。验证合格的访问者才能获取访问资格。其具体的操作流程见下图。访问者根据登录界面设置的信息项如实填写,待信息通过验证后,访问者可以进入指定的页面享受本系统提供的服务和阅读本系统的相关信息。

图3.1 操作流程图

3.2.2 登录流程

本系统的登录模块,其内部的流程见下图。主要对访问本系统的人员提供的验证信息进行逐个判断,系统面对录入错误的信息会给出提示,比如,提示账号不对,或提示密码不匹配等提示信息。总之,在登录页面填写的所有信息都符合要求,访问者就登录成功了。

图3.2 登录流程图

3.2.3 删除信息流程

本系统在经常性的使用后,会产生很多失去价值的信息,因此就需要及时清理数据,腾出系统的空间。对这些数据进行清理时,其对应的流程见下图。先选中要清理的数据,通过反复确认需要清理的数据,避免操作人员误删。已经删除的数据就不会出现在系统里面。

图3.3 删除信息流程图

3.2.4 添加信息流程

本系统主要用于显示信息,提供服务,其中,数据添加功能就是其中的服务之一,具体流程见下图。让操作者在信息添加的页面录入数据,待这些数据被提交检验合格后,就会在系统指定页面显示出来。

图3.4 添加信息流程图

3.3 性能需求

进行需求分析,包括了根据用户实际需求制定功能,也涵盖了对即将设计的系统进行性能上的需求分析。所以一般分析系统时,一方面要分析系统功能,另一方面也要分析系统的性能。毕竟设计开发出一个好性能的系统可以确保系统的质量可靠。

接下来分析系统的性能,还要从界面友好性,系统的时间特性,系统的可靠性等方面来分析说明。

(1)时间特性要求:系统处理数据都有时间要求,这也是系统的时间特性。通常都会把数据处理的时间进行分析,也会设置用户请求的响应时间,还有系统在满负荷运行时可以偏离的范围数值等都需要提前分析确定。

(2)界面友好性:除了功能上需要考虑用户需求外,在人机交互界面的设计上,也需要考虑用户的使用习惯,包括界面的布局,界面基调选择以及颜色搭配等。尽量做到用户在接受简单的培训之后,可以对系统进行独立操作。

(3)系统可靠性:对于初学者而言,很容易出现一个问题,就是设计开发的系统,因为人为的误操作出现崩溃,有些也会导致电脑死机。这样的现象也说明这种容错能力低下的系统是不可靠的。完全不能作为生活中处理信息的系统。当下,系统开发要保证可靠性,设计时,把模块化和结构化的设计理念也考虑进来。如果遇到对时效性要求比较严格的系统,也需要采取其它的措施,比如双机系统,还有磁盘阵列等方式。还有就是一个可靠性的系统,对设备的供电能力也有要求。

3.4 功能需求

不同的系统提供的服务也不相同,其对应的功能也不相同,所以,系统开工前,需要明确其用途,确定其功能。由此,才可以进行各个任务的开展。

农家乐信息平台经过分析,确定了其需要设置管理员的角色,其操作的功能通过用例图展示(见下图)。管理员管理农作物,农家乐活动,周边餐饮和住宿,以及景点等资料,对景点门票购买,住宿预订,餐饮和农作物商品的购买订单等进行管理。

图3.5 管理员用例图

农家乐信息平台经过分析,确定了其需要设置用户的角色,其操作的功能通过用例图展示(见下图)。用户通过本系统购买农作物,餐饮,预订住宿,购买景点门票,查看农家乐活动,同时管理各种订单,包括景点门票购买订单,住宿预订订单,农作物和餐饮购买的订单等。

图3.6 用户用例图

第4章 系统设计

一个成功设计的系统在内容上必定是丰富的,在系统外观或系统功能上必定是对用户友好的。所以为了提升系统的价值,吸引更多的访问者访问系统,以及让来访用户可以花费更多时间停留在系统上,则表明该系统设计得比较专业。

4.1 设计原则

本系统在设计过程中需要依照一定的设计原则进行,目的就是为了让开发的系统具备高质量,齐全完备的功能,方便简单的操作,如此才可以最大限度的满足使用者的要求。系统设计原则除了基本的易操作原则外,还有安全性原则,准确性原则。

第一个设计原则:易操作原则,针对本系统设计的功能要完备齐全,编码时,设计的各个接口要具备友好性,使用者一旦使用本系统时,要能够轻松上手,操作本系统处理数据时,要具备便利性。此外,也需要设计一些必要提示,引导使用者操作系统。

第二个设计原则:安全性原则,本系统在登录模块要对各个访问者进行身份验证,系统会通过访问者输入的信息进行判断,使用提前编写的安全验证代码进行数据比对,引导匹配成功的访问者进入指定的操作界面。这样可以避免无关性访问者窃取系统的数据。

第三个设计原则:准确性原则,为了保证使用者登记的数据是正确的,需要提前设计数据纠错机制,让使用者可以通过系统的报错提示,仔细检查登记的错误信息,并及时纠正错误,填写规范正确的信息。比如设置密码时,要求密码的长度不能低于6个字符,且数据类型要求不能全部是数字等都能进行规范。

4.2 功能结构设计

在前面分析的管理员功能的基础上,进行接下来的设计工作,最终展示设计的管理员结构图(见下图)。管理员管理农作物,农家乐活动,周边餐饮和住宿,以及景点等资料,对景点门票购买,住宿预订,餐饮和农作物商品的购买订单等进行管理。

图4.1 管理员功能结构图

在前面分析的用户功能的基础上,进行接下来的设计工作,最终展示设计的用户结构图(见下图)用户通过本系统购买农作物,餐饮,预订住宿,购买景点门票,查看农家乐活动,同时管理各种订单,包括景点门票购买订单,住宿预订订单,农作物和餐饮购买的订单等。

图4.2 用户功能结构图

4.3 数据库设计

开发一个系统也需要提前设计数据库。这里的数据库是相关数据的集合,存储在一起的这些数据也是按照一定的组织方式进行的。目前,数据库能够服务于多种应用程序,则是源于它存储方式最佳,具备数据冗余率低的优势。虽然数据库为程序提供信息存储服务,但它与程序之间也可以保持较高的独立性。总而言之,数据库经历了很长一段时间的发展,从最初的不为人知,到现在的人尽皆知,其相关技术也越发成熟,同时也拥有着坚实的理论基础。

4.3.1 数据库概念设计

这部分内容需要借助数据库关系图来完成,也需要使用专门绘制数据库关系图的工具,比如Visio工具就可以设计E-R图(数据库关系图)。设计数据库,也需要按照设计的流程进行,首先还是要根据需求完成实体的确定,分析实体具有的特征,还有对实体间的关联关系进行确定。最后才是使用E-R模型的表示方法,绘制本系统的E-R图。不管是使用亿图软件,还是Visio工具,对于E-R模型的表示符号都一样,通常矩形代表实体,实体间存在的关系用菱形符号表示,实体的属性也就是实体的特征用符号椭圆表示。最后使用直线将矩形,菱形和椭圆等符号连接起来。接下来就开始对本系统的E-R图进行绘制。

(1)下图是用户实体和其具备的属性。

图4.4 用户实体属性图

(2)下图是周边住宿实体和其具备的属性。

图4.5 周边住宿实体属性图

(3)下图是住宿预订实体和其具备的属性。

图4.6 住宿预订实体属性图

  1. 下图是订单实体和其具备的属性。

图4.7 订单实体属性图

  1. 下图是农作物实体和其具备的属性。

图4.8 农作物实体属性图

  1. 下图是门票购买实体和其具备的属性。

图4.9 门票购买实体属性图

  1. 下图是景点实体和其具备的属性。

图4.10 景点实体属性图

  1. 下图为上述各实体间相互之间的关系。

图4.11 实体间关系E-R图

4.3.2 数据库物理设计

本数据库是关系型数据库,因此对二维表的结构设计也比较关键。毕竟二维表格模型就是关系型数据库中的关系模型。而一些常用的关系模型中的概念也需要了解,才可以对关系模型进行设计。下面就简单介绍关系,元组,属性,域,关键字等常用概念的含义。

关系:关系就是数据库中的一张数据表,每张数据表都有命名,也就是每个关系也有名字,那就是数据表名;

元组:元组就是数据表中的一行记录;

属性:属性就是数据表中的字段,也就是数据表中的一列;

域:域就是对数据表中属性的取值进行限定;

关键字:关键字就是数据表中的主键;

在了解了表结构设计的常用概念后,接下来就需要使用前面绘制的E-R模型完成表结构的设计工作,并在数据库中创建数据表,并为各个数据表进行命名。以下就对设计的结果通过表格形式进行展示。

表4.1 景点信息表

字段类型默认注释
id (主键)bigint(20)主键
addtimetimestampCURRENT_TIMESTAMP创建时间
jingdianmingchengvarchar(200)NULL景点名称
jingdianleixingvarchar(200)NULL景点类型
jingdiandengjivarchar(200)NULL景点等级
menpiaojiagevarchar(200)NULL门票价格
jiaotongzhuangkuangvarchar(200)NULL交通状况
jingdianfengmianvarchar(200)NULL景点封面
jingdiandizhivarchar(200)NULL景点地址
goumaishijiandatetimeNULL购买时间
kaifangshijiandatetimeNULL开放时间
jingdianxiangqinglongtextNULL景点详情
thumbsupnumint(11)0
crazilynumint(11)0

表4.2 门票购买信息表

字段类型默认注释
id (主键)bigint(20)主键
addtimetimestampCURRENT_TIMESTAMP创建时间
zhanghaovarchar(200)NULL账号
xingmingvarchar(200)NULL姓名
nianlingvarchar(200)NULL年龄
shoujivarchar(200)NULL手机
jingdianmingchengvarchar(200)NULL景点名称
jingdianfengmianvarchar(200)NULL景点封面
jingdiandizhivarchar(200)NULL景点地址
menpiaojiagevarchar(200)NULL门票价格
goumaishijiandatetimeNULL购买时间
jingdianxiangqingvarchar(200)NULL景点详情
ispayvarchar(200)未支付是否支付

表4.3 农家乐活动信息表

字段类型默认注释
id (主键)bigint(20)主键
addtimetimestampCURRENT_TIMESTAMP创建时间
huodongmingchengvarchar(200)NULL活动名称
huodongleixingvarchar(200)NULL活动类型
huodongchatuvarchar(200)NULL活动插图
huodongrenshuvarchar(200)NULL活动人数
huodongdidianvarchar(200)NULL活动地点
huodongshijiandatetimeNULL活动时间
jieshushijiandatetimeNULL结束时间
huodongjieshaolongtextNULL活动介绍
thumbsupnumint(11)0
crazilynumint(11)0

表4.4 农作物信息表

字段类型默认注释
id (主键)bigint(20)主键
addtimetimestampCURRENT_TIMESTAMP创建时间
nongzuowutupianvarchar(200)NULL农作物图片
nongzuowuleixingvarchar(200)NULL农作物类型
nongzuowumingchengvarchar(200)NULL农作物名称
nongzuowujiagevarchar(200)NULL农作物价格
nongzuowujieshaolongtextNULL农作物介绍
thumbsupnumint(11)0
crazilynumint(11)0
pricefloat价格

表4.5 订单信息表

字段类型默认注释
id (主键)bigint(20)主键
addtimetimestampCURRENT_TIMESTAMP创建时间
orderidvarchar(200)订单编号
tablenamevarchar(200)nongzuowu商品表名
useridbigint(20)用户id
goodidbigint(20)商品id
goodnamevarchar(200)NULL商品名称
picturevarchar(200)NULL商品图片
buynumberint(11)购买数量
pricefloat0价格/积分
discountpricefloat0折扣价格
totalfloat0总价格/总积分
discounttotalfloat0折扣总价格
typeint(11)1支付类型
statusvarchar(200)NULL状态
addressvarchar(200)NULL地址

表4.6 管理员信息表

字段类型默认注释
id (主键)bigint(20)主键
usernamevarchar(100)用户名
passwordvarchar(100)密码
rolevarchar(100)管理员角色
addtimetimestampCURRENT_TIMESTAMP新增时间

表4.7 用户信息表

字段类型默认注释
id (主键)bigint(20)主键
addtimetimestampCURRENT_TIMESTAMP创建时间
zhanghaovarchar(200)账号
xingmingvarchar(200)姓名
mimavarchar(200)密码
xingbievarchar(200)NULL性别
nianlingint(11)NULL年龄
shoujivarchar(200)NULL手机
youxiangvarchar(200)NULL邮箱
shenfenzhengvarchar(200)NULL身份证
moneyfloat0余额

表4.8 周边餐饮信息表

字段类型默认注释
id (主键)bigint(20)主键
addtimetimestampCURRENT_TIMESTAMP创建时间
canyinmingchengvarchar(200)NULL餐饮名称
canyinleixingvarchar(200)NULL餐饮类型
canyintupianvarchar(200)NULL餐饮图片
canyinjianjielongtextNULL餐饮简介
thumbsupnumint(11)0
crazilynumint(11)0
pricefloat价格

表4.9 周边住宿信息表

字段类型默认注释
id (主键)bigint(20)主键
addtimetimestampCURRENT_TIMESTAMP创建时间
fangzimingchengvarchar(200)NULL房子名称
fangzidizhivarchar(200)NULL房子地址
fangzidaxiaovarchar(200)NULL房子大小
fangzileixingvarchar(200)NULL房子类型
fangzijiagevarchar(200)NULL房子价格
fangzifengmianvarchar(200)NULL房子封面
fangzixiangqinglongtextNULL房子详情
yudingshijiandatetimeNULL预定时间
jiesuanshijiandatetimeNULL结算时间
thumbsupnumint(11)0
crazilynumint(11)0

表4.10 住宿预订信息表

字段类型默认注释
id (主键)bigint(20)主键
addtimetimestampCURRENT_TIMESTAMP创建时间
zhanghaovarchar(200)NULL账号
xingmingvarchar(200)NULL姓名
nianlingvarchar(200)NULL年龄
shoujivarchar(200)NULL手机
fangzimingchengvarchar(200)NULL房子名称
fangzifengmianvarchar(200)NULL房子封面
fangzidizhivarchar(200)NULL房子地址
fangzijiagevarchar(200)NULL房子价格
fangzixiangqingvarchar(200)NULL房子详情
yudingshijiandatetimeNULL预定时间
jiesuanshijiandatetimeNULL结算时间
ispayvarchar(200)未支付是否支付

第5章 系统实现

进入到这个环节,也就可以及时检查出前面设计的需求是否可靠了。一个设计良好的方案在运用于系统实现中,是会帮助系统编制人员节省时间,并提升开发效率的。所以在系统的编程阶段,也就是系统实现阶段,对于一些不合理的设计需求,也是可以及时发现。因为设计的方案是完全指导系统的编码过程的。

5.1 管理员功能实现

5.1.1 周边住宿管理

管理员进入指定功能操作区之后可以管理周边住宿。其页面见下图。管理员增删改查周边住宿的房间信息,查看用户对房间的评论。

图5.1 周边住宿管理页面

5.1.2 景点信息管理

管理员进入指定功能操作区之后可以管理景点信息。其页面见下图。管理员增删改查景点,查看用户对景点的评论。

图5.2 景点信息管理页面

5.1.3 周边餐饮管理

管理员进入指定功能操作区之后可以管理周边餐饮。其页面见下图。管理员在本页面增删改查餐饮信息,查看用户评论餐饮的信息。

图5.3 周边餐饮管理页面

5.1.4 农家乐活动管理

管理员进入指定功能操作区之后可以管理农家乐活动。其页面见下图。管理员主要对农家乐活动的地点,人数,开始和结束时间等信息管理,包括修改与删除。

图5.4 农家乐活动管理页面

5.1.5 门票购买管理

管理员进入指定功能操作区之后可以管理门票购买信息。其页面见下图。管理员查看用户购买门票是否支付,查看购买门票的详情。

图5.5 门票购买管理页面

5.1.6 已支付订单

管理员进入指定功能操作区之后可以管理已支付订单。其页面见下图。管理员对用户购买并支付的农作物和餐饮订单进行线上发货。

图5.6 已支付订单页面

5.2 用户功能实现

5.2.1 农作物

用户进入指定功能操作区之后可以查看农作物。其页面见下图。用户在查看农作物介绍后,可以评论收藏,也能直接购买或添加农作物至购物车。

图5.7 农作物页面

5.2.2 景点信息

用户进入指定功能操作区之后可以查看景点。其页面见下图。本系统实现景点的展示以及景点门票的线上销售功能。用户可以在查看景点之后,可以购买景点门票。

图5.8 景点信息页面

5.2.3 周边住宿

用户进入指定功能操作区之后可以查看周边住宿。其页面见下图。本系统让用户可以在线预订住宿房间,也能通过用户评论更加了解住宿房间,为用户选择适合自己的住宿房间提供更多参考信息。

图5.9 周边住宿页面

5.2.4 住宿预订管理

用户进入指定功能操作区之后可以管理住宿预订。其页面见下图。用户在住宿预订管理模块才可以支付预订订单。

图5.10 住宿预订管理页面

5.2.5 门票购买管理

用户进入指定功能操作区之后可以管理门票购买。其页面见下图。用户在门票购买管理模块支付购买的景点门票。

图5.11 门票购买管理页面

FileController.java
package com.controller;import java.io.File;
import java.io.IOException;
import java.util.Date;import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import org.apache.commons.io.FileUtils;
import org.apache.commons.io.IOUtils;
import org.apache.commons.lang3.StringUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;import com.annotation.IgnoreAuth;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.entity.ConfigEntity;
import com.entity.EIException;
import com.service.ConfigService;
import com.utils.R;/*** 上传文件映射表*/
@RestController
@RequestMapping("file")
@SuppressWarnings({"unchecked","rawtypes"})
public class FileController{@Autowiredprivate ConfigService configService;/*** 上传文件*/@RequestMapping("/upload")public R upload(@RequestParam("file") MultipartFile file, String type,HttpServletRequest request) throws Exception {if (file.isEmpty()) {throw new EIException("上传文件不能为空");}String fileExt = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf(".")+1);String fileName = new Date().getTime()+"."+fileExt;File dest = new File(request.getSession().getServletContext().getRealPath("/upload")+"/"+fileName);file.transferTo(dest);if(StringUtils.isNotBlank(type) && type.equals("1")) {ConfigEntity configEntity = configService.selectOne(new EntityWrapper<ConfigEntity>().eq("name", "faceFile"));if(configEntity==null) {configEntity = new ConfigEntity();configEntity.setName("faceFile");configEntity.setValue(fileName);} else {configEntity.setValue(fileName);}configService.insertOrUpdate(configEntity);}return R.ok().put("file", fileName);}/*** 下载文件*/@IgnoreAuth@RequestMapping("/download")public void download(@RequestParam String fileName, HttpServletRequest request, HttpServletResponse response) {try {File file = new File(request.getSession().getServletContext().getRealPath("/upload")+"/"+fileName);if (file.exists()) {response.reset();response.setHeader("Content-Disposition", "attachment; filename=\"" + fileName+"\"");response.setHeader("Cache-Control", "no-cache");response.setHeader("Access-Control-Allow-Credentials", "true");response.setContentType("application/octet-stream; charset=UTF-8");IOUtils.write(FileUtils.readFileToByteArray(file), response.getOutputStream());}} catch (IOException e) {e.printStackTrace();}}}
StoreupServiceImpl.java
package com.service.impl;import org.springframework.stereotype.Service;
import java.util.Map;
import java.util.List;import com.baomidou.mybatisplus.mapper.Wrapper;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.baomidou.mybatisplus.plugins.Page;
import com.baomidou.mybatisplus.service.impl.ServiceImpl;
import com.utils.PageUtils;
import com.utils.Query;import com.dao.StoreupDao;
import com.entity.StoreupEntity;
import com.service.StoreupService;
import com.entity.vo.StoreupVO;
import com.entity.view.StoreupView;@Service("storeupService")
public class StoreupServiceImpl extends ServiceImpl<StoreupDao, StoreupEntity> implements StoreupService {@Overridepublic PageUtils queryPage(Map<String, Object> params) {Page<StoreupEntity> page = this.selectPage(new Query<StoreupEntity>(params).getPage(),new EntityWrapper<StoreupEntity>());return new PageUtils(page);}@Overridepublic PageUtils queryPage(Map<String, Object> params, Wrapper<StoreupEntity> wrapper) {Page<StoreupView> page =new Query<StoreupView>(params).getPage();page.setRecords(baseMapper.selectListView(page,wrapper));PageUtils pageUtil = new PageUtils(page);return pageUtil;}@Overridepublic List<StoreupVO> selectListVO(Wrapper<StoreupEntity> wrapper) {return baseMapper.selectListVO(wrapper);}@Overridepublic StoreupVO selectVO(Wrapper<StoreupEntity> wrapper) {return baseMapper.selectVO(wrapper);}@Overridepublic List<StoreupView> selectListView(Wrapper<StoreupEntity> wrapper) {return baseMapper.selectListView(wrapper);}@Overridepublic StoreupView selectView(Wrapper<StoreupEntity> wrapper) {return baseMapper.selectView(wrapper);}}
NongzuowuleixingController.java
package com.controller;import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Arrays;
import java.util.Calendar;
import java.util.Map;
import java.util.HashMap;
import java.util.Iterator;
import java.util.Date;
import java.util.List;
import javax.servlet.http.HttpServletRequest;import com.utils.ValidatorUtils;
import org.apache.commons.lang3.StringUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.format.annotation.DateTimeFormat;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.baomidou.mybatisplus.mapper.Wrapper;
import com.annotation.IgnoreAuth;import com.entity.NongzuowuleixingEntity;
import com.entity.view.NongzuowuleixingView;import com.service.NongzuowuleixingService;
import com.service.TokenService;
import com.utils.PageUtils;
import com.utils.R;
import com.utils.MD5Util;
import com.utils.MPUtil;
import com.utils.CommonUtil;/*** 农作物类型* 后端接口* @author * @email * @date 2021-03-12 20:48:36*/
@RestController
@RequestMapping("/nongzuowuleixing")
public class NongzuowuleixingController {@Autowiredprivate NongzuowuleixingService nongzuowuleixingService;/*** 后端列表*/@RequestMapping("/page")public R page(@RequestParam Map<String, Object> params,NongzuowuleixingEntity nongzuowuleixing, HttpServletRequest request){EntityWrapper<NongzuowuleixingEntity> ew = new EntityWrapper<NongzuowuleixingEntity>();PageUtils page = nongzuowuleixingService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, nongzuowuleixing), params), params));return R.ok().put("data", page);}/*** 前端列表*/@RequestMapping("/list")public R list(@RequestParam Map<String, Object> params,NongzuowuleixingEntity nongzuowuleixing, HttpServletRequest request){EntityWrapper<NongzuowuleixingEntity> ew = new EntityWrapper<NongzuowuleixingEntity>();PageUtils page = nongzuowuleixingService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, nongzuowuleixing), params), params));return R.ok().put("data", page);}/*** 列表*/@RequestMapping("/lists")public R list( NongzuowuleixingEntity nongzuowuleixing){EntityWrapper<NongzuowuleixingEntity> ew = new EntityWrapper<NongzuowuleixingEntity>();ew.allEq(MPUtil.allEQMapPre( nongzuowuleixing, "nongzuowuleixing")); return R.ok().put("data", nongzuowuleixingService.selectListView(ew));}/*** 查询*/@RequestMapping("/query")public R query(NongzuowuleixingEntity nongzuowuleixing){EntityWrapper< NongzuowuleixingEntity> ew = new EntityWrapper< NongzuowuleixingEntity>();ew.allEq(MPUtil.allEQMapPre( nongzuowuleixing, "nongzuowuleixing")); NongzuowuleixingView nongzuowuleixingView =  nongzuowuleixingService.selectView(ew);return R.ok("查询农作物类型成功").put("data", nongzuowuleixingView);}/*** 后端详情*/@RequestMapping("/info/{id}")public R info(@PathVariable("id") Long id){NongzuowuleixingEntity nongzuowuleixing = nongzuowuleixingService.selectById(id);return R.ok().put("data", nongzuowuleixing);}/*** 前端详情*/@RequestMapping("/detail/{id}")public R detail(@PathVariable("id") Long id){NongzuowuleixingEntity nongzuowuleixing = nongzuowuleixingService.selectById(id);return R.ok().put("data", nongzuowuleixing);}/*** 后端保存*/@RequestMapping("/save")public R save(@RequestBody NongzuowuleixingEntity nongzuowuleixing, HttpServletRequest request){nongzuowuleixing.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());//ValidatorUtils.validateEntity(nongzuowuleixing);nongzuowuleixingService.insert(nongzuowuleixing);return R.ok();}/*** 前端保存*/@RequestMapping("/add")public R add(@RequestBody NongzuowuleixingEntity nongzuowuleixing, HttpServletRequest request){nongzuowuleixing.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());//ValidatorUtils.validateEntity(nongzuowuleixing);nongzuowuleixingService.insert(nongzuowuleixing);return R.ok();}/*** 修改*/@RequestMapping("/update")public R update(@RequestBody NongzuowuleixingEntity nongzuowuleixing, HttpServletRequest request){//ValidatorUtils.validateEntity(nongzuowuleixing);nongzuowuleixingService.updateById(nongzuowuleixing);//全部更新return R.ok();}/*** 删除*/@RequestMapping("/delete")public R delete(@RequestBody Long[] ids){nongzuowuleixingService.deleteBatchIds(Arrays.asList(ids));return R.ok();}/*** 提醒接口*/@RequestMapping("/remind/{columnName}/{type}")public R remindCount(@PathVariable("columnName") String columnName, HttpServletRequest request, @PathVariable("type") String type,@RequestParam Map<String, Object> map) {map.put("column", columnName);map.put("type", type);if(type.equals("2")) {SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");Calendar c = Calendar.getInstance();Date remindStartDate = null;Date remindEndDate = null;if(map.get("remindstart")!=null) {Integer remindStart = Integer.parseInt(map.get("remindstart").toString());c.setTime(new Date()); c.add(Calendar.DAY_OF_MONTH,remindStart);remindStartDate = c.getTime();map.put("remindstart", sdf.format(remindStartDate));}if(map.get("remindend")!=null) {Integer remindEnd = Integer.parseInt(map.get("remindend").toString());c.setTime(new Date());c.add(Calendar.DAY_OF_MONTH,remindEnd);remindEndDate = c.getTime();map.put("remindend", sdf.format(remindEndDate));}}Wrapper<NongzuowuleixingEntity> wrapper = new EntityWrapper<NongzuowuleixingEntity>();if(map.get("remindstart")!=null) {wrapper.ge(columnName, map.get("remindstart"));}if(map.get("remindend")!=null) {wrapper.le(columnName, map.get("remindend"));}int count = nongzuowuleixingService.selectCount(wrapper);return R.ok().put("count", count);}}
HomeChart.vue
<template><div id="home-chart" style="width:100%;height:400px;"></div>
</template>
<script>
export default {mounted() {this.homeChart();},methods: {homeChart() {// 基于准备好的dom,初始化echarts实例var myChart = this.$echarts.init(document.getElementById("home-chart"));// 指定图表的配置项和数据var option = {tooltip: {trigger: "axis"},legend: {data: ["访问量", "用户量", "收入"]},grid: {left: "3%",right: "4%",bottom: "3%",containLabel: true},xAxis: {type: "category",boundaryGap: false,data: ["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"]},yAxis: {type: "value"},series: [{name: "访问量",type: "line",stack: "总量",data: [120,132,101,134,90,230,210,120,132,101,134,90,230]},{name: "用户量",type: "line",stack: "总量",data: [220,182,191,234,290,330,310,182,191,234,290,330,310]},{name: "收入",type: "line",stack: "总量",data: [150,232,201,154,190,330,410,232,201,154,190,330,410]}]};// // 使用刚指定的配置项和数据显示图表。myChart.setOption(option);//根据窗口的大小变动图表window.onresize = function() {myChart.resize();};}}
};
</script>
<style lang="scss" scoped>
#home-chart {background: #ffffff;padding: 20px 0;
}
</style>

声明

本博客适用于广泛的学术和教育用途,包括但不限于个人学习、开发设计,产品设计。仅供学习参考,旨在为读者提供深入理解和学术研究的材料。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/407928.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

第12章 网络 (6)

12.8 网络层 12.8.4 分组转发 转发IP分组&#xff0c;根据目标地址分为&#xff1a; 1. 直接和本地相连。 2. 不直接相连&#xff0c;需要网关转发。 int ip_route_input_noref(skb, daddr, saddr, tos, net_dev)&#xff1a; //查找路由表。 如果 skb->_skb_r…

AI产品经理的35岁危机_产品经理会有35岁危机吗

01 被裁的35岁朋友 去年&#xff0c;一家知名公司大裁员&#xff0c;很多 35 岁的非高管员工被牵连&#xff0c;包括我的一位朋友。 我第一时间联系了他&#xff0c;看看有没有能够帮上忙的地方。 我&#xff1a;传闻XX公司要收购你们&#xff1f; 朋友&#xff1a;是的。我要…

基于element-ui 日期选择器el-date-picker, 即对日期做区间限制

需求&#xff1a; 有时候需求会让我们对日期选择器做限制&#xff0c;即控制最多可跨越多少个月份&#xff0c;其中涉及到不同年份该如何计算。 HTML&#xff1a; <el-date-pickerv-model"timePeriod"type"monthrange"value-format"yyyyMM"…

鸿蒙Harmony编程开发:HTTPS服务端证书四种校验方式

如果你还是使用HttpRequest的话&#xff0c;答案是否定的。但是&#xff0c;鸿蒙开发者很贴心的推出了远场通信服务&#xff0c;可以使用rcp模块的方法发起请求&#xff0c;并且在请求时指定服务端证书的验证方式&#xff0c;关键点就在SecurityConfiguration接口上&#xff0c…

Kafka·概述

概览 Producer 生产者发送消息给broker&#xff0c;并不是生成一条消息后立刻发送&#xff0c;而是积攒多条后&#xff0c;批量发送到broker。可以通过配置参数batch.size&#xff08;单位字节&#xff09;调整积攒多少后发送 Consumer Topic 消息的分类 当Producer发送指定…

OpenAI 重回巅峰:ChatGPT-4O 最新模型超越谷歌 Gemini 1.5,多项测试夺冠!

谷歌上周发布的Gemini 1.5 Pro模型&#xff0c;在LMSYS办的聊天机器人竞技场Chatbot Arena中获得第一名。但是&#xff0c;OpenAI迅速反应&#xff0c;推出了最新的chatgpt-4o-latest模型&#xff0c;重新夺回了冠军头衔。 chatgpt-4o-latest模型简介 OpenAI最近推出了名为gpt-…

Unity教程(十二)视差背景

Unity开发2D类银河恶魔城游戏学习笔记 Unity教程&#xff08;零&#xff09;Unity和VS的使用相关内容 Unity教程&#xff08;一&#xff09;开始学习状态机 Unity教程&#xff08;二&#xff09;角色移动的实现 Unity教程&#xff08;三&#xff09;角色跳跃的实现 Unity教程&…

C语言-从键盘输入一个字符串,将其中的小写字母全部转换成大写字母,然后输出到一个磁盘文件test中保存,输人的字符串以“!”结束

题目要求&#xff1a; 从键盘输入一个字符串,将其中的小写字母全部转换成大写字母,然后输出到一个磁盘文件test中保存,输人的字符串以"!”结束 1.实现程序&#xff1a; #define _CRT_SECURE_NO_WARNINGS 1 #include<stdio.h> int main() {FILE* fp fopen("…

鸿蒙内核源码分析(用户态锁篇) | 如何使用快锁Futex(上)

快锁上下篇 鸿蒙内核实现了Futex&#xff0c;系列篇将用两篇来介绍快锁&#xff0c;主要两个原因: 网上介绍Futex的文章很少&#xff0c;全面深入内核介绍的就更少&#xff0c;所以来一次详细整理和挖透。涉及用户态和内核态打配合&#xff0c;共同作用&#xff0c;既要说用户…

深入理解滑动窗口算法及其经典应用

文章目录 什么是滑动窗口&#xff1f;经典题型分析与讲解**1. 长度最小的子数组****2. 无重复字符的最长子串****3. 最长重复子数组****4. 将x减到0的最小操作数**5. 水果成篮 (LeetCode 904)6. 滑动窗口最大值 (LeetCode 239)7. 字符串中的所有字母异位词 (LeetCode 剑指 Offe…

区块链基础通识(1)——分布式系统的共识问题

分布式系统 我们最初了解区块链的时候&#xff0c;很多人会形容这个区块链是一个“分布式的不可篡改账本”&#xff0c;这是一个很形象的说法&#xff0c;但是我认为更为准确的形容是“所有节点共同维护的状态机”。为什么分布式和区块链不能划等号呢&#xff1f; 两种常见的…

数字身份革命:探索Web3对个人隐私的保护

在数字化时代&#xff0c;个人隐私和数据保护成为越来越重要的话题。随着Web3的兴起&#xff0c;这一领域正在经历一场深刻的变革。Web3不仅仅是技术的演进&#xff0c;更是对个人隐私保护的一次革命性革新。本文将探讨Web3如何通过去中心化技术重新定义数字身份&#xff0c;并…

npm install报错,解决记录:11个步骤诊断和解决问题

在处理npm install报错时&#xff0c;可以遵循以下步骤来诊断和解决问题&#xff1a; 查看错误信息&#xff1a; 错误信息通常会给出问题的线索&#xff0c;例如依赖包版本冲突、网络问题、权限问题等。 更新npm和Node.js&#xff1a; 首先尝试更新npm和Node.js到最新版本&…

电子电气架构--- 智能汽车电子架构的核心诉求

我是穿拖鞋的汉子&#xff0c;魔都中坚持长期主义的汽车电子工程师。 老规矩&#xff0c;分享一段喜欢的文字&#xff0c;避免自己成为高知识低文化的工程师&#xff1a; 屏蔽力是信息过载时代一个人的特殊竞争力&#xff0c;任何消耗你的人和事&#xff0c;多看一眼都是你的不…

Windows平台SDKMAN工具使用

为方便jvm生态的软件版本管理&#xff0c;可以使用sdkman工具来安装和管理诸如java、gradle等软件的当前使用版本。尤其是大多数程序员都是在windows平台开发&#xff0c;团队开发通常都需要统一的jvm相关软件的版本。这里给大家演示下windows平台如何安装和使用sdkman来实现这…

安全架构设计

目录 1安全需求分析 2安全架构原则 3安全架构方法 系统架构完整实例_系统架构设计案例-CSDN博客 1安全概述 系统安全架构设计&#xff0c;主要包含&#xff1a;物理安全&#xff0c;网络安全&#xff0c;系统安全&#xff0c;数据安全&#xff0c;应用安全。 完整性(Integ…

内存管理篇-05物理页面的迁移类型migratetype

本节内容依旧是对上节课伙伴系统的补充&#xff0c;主要介绍了新版伙伴系统的页面迁移相关的内容 为什么要引入页面迁移类型&#xff1f;新版本伙伴系统针对老版本的伙伴系统的升级改进。主要优化memory compaction内存碎片整理的过程。 页面迁移实际上就是伙伴系统中free_area…

构建高效的串行任务执行器:SerialExecutor深度解析

本文主要介绍怎么去实现一个支持串行执行任务的SerialExecutor执行器 摘要 在复杂的异步编程中&#xff0c;有时我们需要确保任务以串行的方式执行&#xff0c;以维护任务间的依赖关系或顺序。SerialExecutor 是一个自定义的执行器&#xff0c;它封装了 Java 的 Executor 接口…

leetcode 3 无重复字符的最长子串

leetcode 3 无重复字符的最长子串 正文普通解法双指针 正文 普通解法 重点观察示例 3。本题重点是创建一个动态区间&#xff0c;然后判断位于这个动态区间之外的字符是否被包含在这个动态区间范围内。并且对于 s 长度小于 1 的情况要重点进行讨论。 class Solution:def lengt…

day38.动态规划+MySql数据库复习

844.比较含退格的字符串 给定 s 和 t 两个字符串&#xff0c;当它们分别被输入到空白的文本编辑器后&#xff0c;如果两者相等&#xff0c;返回 true 。# 代表退格字符。 注意&#xff1a;如果对空文本输入退格字符&#xff0c;文本继续为空 思路:定义两个栈&#xff0c;将字符…