旅游管理系统

@TOC

springboot0770旅游管理系统

第1章 绪论

1.1背景及意义

随着社会的快速发展，计算机的影响是全面且深入的。人们生活水平的不断提高，日常生活中人们对旅游管理系统方面的要求也在不断提高，旅游的人数更是不断增加，使得旅游管理系统的开发成为必需而且紧迫的事情。旅游管理系统主要是借助计算机，通过对旅游管理系统所需的信息管理，增加用户的选择，同时也方便对广大用户信息的及时查询、修改以及对用户信息的及时了解。旅游管理系统对用户带来了更多的便利，该系统通过和数据库管理系统软件协作来满足用户的需求。计算机技术在现代管理中的应用，使计算机成为人们应用现代技术的重要工具。能够有效的解决获取信息便捷化、全面化的问题，提高效率。

1.2 国内外研究概况

随着国内经济形势的不断发展，中国互联网进入了一个难得的高峰发展时期，这使得中外资本家纷纷转向互联网市场。 然而，许多管理领域的不合理结构，人员不足以及管理需求的增加使得更多的人具备了互联网管理的意识。

在当今高度发达的信息中，信息管理改革已成为一种更加广泛和全面的趋势。 “旅游管理系统”是基于Mysql数据库，在SpringBoot框架的基础上实现的。为确保中国经济的持续发展，信息时代日益更新，蓬勃发展。同时，随着信息社会的快速发展，旅游管理系统面临着越来越多的信息，因此很难获得他们对高效信息的需求，如何使用方便快捷的方式使查询者在广阔的海洋信息中查询，存储，管理和共享信息方面有效，对我们的工作和生活具有重要的现实意义。因此，国内外学术界对此进行了深入而广泛的研究，一个新的研究领域——旅游管理系统诞生了。

1.3 研究的内容

目前许多人仍将传统的纸质工具作为信息管理的主要工具，而网络技术的应用只是起到辅助作用。在对网络工具的认知程度上，较为传统的office软件等仍是人们使用的主要工具，而相对全面且专业的旅游管理系统的信息管理软件仍没有得到大多数人的了解或认可。本选题则旨在通过标签分类管理等方式，实现管理员功能：首页、个人中心、用户管理、景区分类管理、景区信息管理、景区商城管理、商品分类管理、用户分享管理、投诉建议管理、系统管理、订单管理等信息管理功。用户功能：首页、个人中心、用户分享管理、投诉建议管理、我的收藏管理、订单管理。

第2章 相关技术

2.1 JAVA简介

Java主要采用CORBA技术和安全模型，可以在互联网应用的数据保护。它还提供了对EJB（Enterprise JavaBeans）的全面支持，java servlet API，JSP（java server pages），和XML技术。多进步。例如，当我在微软Word中写这篇文章时，我还打开了一个MP3播放器来播放音乐。偶尔，我也会编辑Word，让我的机器执行打印作业，我也喜欢通过IE。对我来说，这些操作是同时执行的，我不需要等待一首歌来完成我的论文编辑。似乎他们都在我的机器上同时为我工作。事实是，对于一个CPU，它只能在某个时间点执行一个程序。CPU在这些程序之间不断地“跳跃”。那么为什么我们看不到任何破坏呢？这是因为，与我们的感情相比，它的速度太快了。因此，尽管我们看到一些同步操作，实际上对于计算机来说，它只能在某个时间点执行一个程序，除非您的计算机是多CPU的。

Java是一种计算机编程语言，具有封装、继承和多态性三个主要特性，广泛应用于企业Web应用程序开发和移动应用程序开发。

Java语言和一般编译器以及直译的区别在于，Java首先将源代码转换为字节码，然后将其转换为JVM的可执行文件，JVM可以在各种不同的JVM上运行。因此，实现了它的跨平台特性。虽然这使得Java在早期非常缓慢，但是随着Java的开发，它已经得到了改进。

2.2 MyEclipse开发环境

MyEclipse支持广泛、兼容性高并且功能强大，是一个Eclipse 插件集合，普遍适应于JAVA和J2EE的系统开发，支持 JDBC，Hibernate，AJAX，Struts，Java Servlet，Spring，EJB3等市面上存在的几乎所有数据库链接工具和主流Eclipse产品 开发工具。

MyEclipse在业内是所熟知的开发工具，该平台在开发的过程中运用的就是该工具。MyEclipse又被称之为企业级的工作平台，它是以Eclipse IDE为基础的。MyEclipse可以帮助我们进行数据库的研发和J2EE的使用，除此之外，还可以提高系统的运营能力，这突出表现在服务器的整合过程中。MyEclipse的功能相当完备，能够为J2EE的集成提供必要的环境支持，从而完成编码、测试、调试及发布等功能。它可以支持JSP，HTML，SQL，Javascript，Struts， CSS等。

2.3 Tomcat服务器

Tomcat属于一种轻型的服务器，所以说在中小企业中并不具有普适性。但是当程序员需要开发或调试JSP 程序时，则通常会将该服务器作为首选。对于一个仅具有计算机基础知识的人来说，计算机系统具有一个好的Apache服务器，可以很好的对HTML 页面进行访问。Tomcat 虽然是Apache的扩展，但是它们都是可以独立运行的，二者是不互相干扰的。当配置正确的时候，Apache服务器为HTML 页面的运行提供技术支持，Tomcat 的任务则是运行Servle和JSP 页面。Tomca也具有一定的HTML页面处理功能。

2.4 MySQL数据库

Mysql的语言是非结构化的，用户可以在数据上进行工作。MySQL因为其速度、可靠性和适应性而备受关注。大多数人都认为在不需要事务化处理的情况下，MySQL是管理内容最好的选择。并且因为Mysql的语言和结构比较简单，但是功能和存储信息量很强大，所以得到了普遍的应用。

Mysql数据库在编程过程中的作用是很广泛的，为用户进行数据查询带来了方便。Mysql数据库的应用因其灵活性强，功能强大，所以在实现某功能时只需要一小段代码，而不像其他程序需要编写大段代码。总体来说，Mysql数据库的语言相对要简洁很多。

数据流程分析主要就是数据存储的储藏室，它是在计算机上进行的，而不是现实中的储藏室。数据的存放是按固定格式，而不是无序的，其定义就是：长期有固定格式，可以共享的存储在计算机存储器上。数据库管理主要是数据存储、修改和增加以及数据表的建立。为了保证系统数据的正常运行，一些有能力的处理者可以进行管理而不需要专业的人来处理。数据表的建立，可以对数据表中的数据进行调整，数据的重新组合及重新构造，保证数据的安全性。介于数据库的功能强大等特点，本系统的开发主要应用了Mysql进行对数据的管理。

2.5 Spring Boot框架

Spring框架是Java平台上的一种开源应用框架，提供具有控制反转特性的容器。尽管Spring框架自身对编程模型没有限制，但其在Java应用中的频繁使用让它备受青睐，以至于后来让它作为EJB（EnterpriseJavaBeans）模型的补充，甚至是替补。Spring框架为开发提供了一系列的解决方案，比如利用控制反转的核心特性，并通过依赖注入实现控制反转来实现管理对象生命周期容器化，利用面向切面编程进行声明式的事务管理，整合多种持久化技术管理数据访问，提供大量优秀的Web框架方便开发等等。Spring框架具有控制反转（IOC）特性，IOC旨在方便项目维护和测试，它提供了一种通过Java的反射机制对Java对象进行统一的配置和管理的方法。Spring框架利用容器管理对象的生命周期，容器可以通过扫描XML文件或类上特定Java注解来配置对象，开发者可以通过依赖查找或依赖注入来获得对象。Spring框架具有面向切面编程（AOP）框架，SpringAOP框架基于代理模式，同时运行时可配置；AOP框架主要针对模块之间的交叉关注点进行模块化。Spring框架的AOP框架仅提供基本的AOP特性，虽无法与AspectJ框架相比，但通过与AspectJ的集成，也可以满足基本需求。Spring框架下的事务管理、远程访问等功能均可以通过使用SpringAOP技术实现。Spring的事务管理框架为Java平台带来了一种抽象机制，使本地和全局事务以及嵌套事务能够与保存点一起工作，并且几乎可以在Java平台的任何环境中工作。

第3章 系统分析

3.1 需求分析

旅游管理系统主要是为了提高工作人员的工作效率和更方便快捷的满足用户，更好存储所有数据信息及快速方便的检索功能，对系统的各个模块是通过许多今天的发达系统做出合理的分析来确定考虑用户的可操作性，遵循开发的系统优化的原则，经过全面的调查和研究。

系统所要实现的功能分析，对于现在网络方便的管理，系统要实现用户可以直接在平台上进行查看所有数据信息，根据需求可以进行在线添加，删除或修改旅游管理系统信息，这样既能节省时间，不用再像传统的方式耽误时间，真的很难去满足用户的各种需求。所以旅游管理系统的开发不仅能满足用户的需求，还能减少原有不必要的工作量，大大提高了管理员的工作效率。

3.2 系统可行性分析

3.2.1技术可行性：技术背景

本企业网站在Windows操作系统中进行开发，并且目前PC机的性能已经可以胜任普通网站的web服务器。系统开发所使用的技术也都是自身所具有的，也是当下广泛应用的技术之一。

系统的开发环境和配置都是可以自行安装的，系统使用JSP开发工具，使用比较成熟的Mysql数据库进行对系统前台及后台的数据交互，根据技术语言对数据库，结合需求进行修改维护，可以使得网站运行更具有稳定性和安全性，从而完成实现网站的开发。

（1）硬件可行性分析

旅游管理系统及信息分析的设计对于所使用的计算机没有什么硬性的要求，计算机只要可以正常的使用进行代码的编写及页面设计就可行，主要是对于服务器有些要求，对于平台搭建完成要上传的服务器是有一定的要求的，服务器必须选择安全性比较高的，然后就是在打开网站必须顺畅，不能停顿太长时间；性价比高；安全性高。

（2）软件可行性分析

开发整个系统使用的是云计算，流量的可扩展性和基于流量的智能调整云计算的优点就是流量的可扩展性和基于流量的智能调整，保障系统的安全和数据信息的及时备份。

因此，我们从两个方面进行了可行性研究，可以看出系统的开发没有问题。

3.2.2经济可行性

在旅游管理系统开发之前所做的市场调研及其他相关的管理系统，都是没有任何费用的，都是通过开发者自己的努力，所有工作都是自己亲力亲为，在碰到自己比较难以解决的问题，大多是通过同学和指导老师的帮助进行相关信息的解决，所以对于旅游管理系统的开发在经济上是完全可行的，没有任何费用支出的。

使用比较成熟的技术，系统是基于JSP的开发，采用Mysql数据库。所以系统在开发人力、财力要求不高，具有经济可行性。

3.2.3操作可行性：

可操作性主要是对旅游管理系统设计完成后，用户的使用体验度，以及管理员可以通过系统随时管理相关的数据信息，并且对于管理员、用户二个用户角色，都可以简单明了的进入到自己的系统界面，通过界面导航菜单可以简单明了地操作功能模块，方便用户信息的操作需求和景点信息管理数据信息，对于系统的操作，不需要专业人员都可以直接进行功能模块的操作管理，所以在系统的可操作性是完全可以的。本系统的操作过程使用的也是界面窗口进行登录，所以操作人员只要会简单的电脑操作就完全可以的。

3.3 项目设计目标与原则

1、关于旅游管理系统的基本要求

（1）管理员功能要求：可以管理个人中心、用户管理、景区分类管理、景区信息管理、景区商城管理、商品分类管理、用户分享管理、投诉建议管理、系统管理、订单管理等信息管理功等功能模块。

（2）用户功能模块：首页、个人中心、用户分享管理、投诉建议管理、我的收藏管理、订单管理。

（3）性能：在不同操作系统上均能无差错实现在不同类型的用户登入相应界面后能不出差错、方便地进行预期操作。

（4）安全与保密要求：用户都必须通过管理员审核才能进入系统。

（5）环境要求：支持Windows系列、Vista系统等多种操作系统使用。

2、开发目标

旅游管理系统的主要开发目标如下：

（1）实现管理系统信息关系的系统化、规范化和自动化；

（2）减少维护人员的工作量以及实现用户对信息的控制和管理；

（3）方便查询信息及管理信息等；

（4）通过网络操作，提高改善处理问题和操作人员工作的效率；

（5）考虑到用户多样性特点，要求界面和操作简便易懂。

3、设计原则

本旅游管理系统采用JSP技术，Mysql数据库开发，充分保证了系统稳定性、完整性。

旅游管理系统的设计与实现的设计思想如下：

1. 操作简单方便、系统界面安全良、简单明了的页面布局、方便查询旅游管理系统相关信息。

2、即时可见：对旅游管理系统信息的处理将立马在对应地点可以查询到，从而实现“即时发布、即时见效”的系统功能。

3.4系统流程分析

3.4.1操作流程

系统登录流程图，如图所示：

图3-1登录流程图

3.4.2添加信息流程

添加信息流程图，如图所示：

图3-2添加信息流程图

3.4.3删除信息流程

删除信息流程图，如图所示：

图3-3删除信息流程图

第4章 系统设计

4.1 系统体系结构

旅游管理系统的结构图4-1所示：

网

络

服务器和程序

用户

管理员

图4-1 系统结构

登录系统结构图，如图4-2所示：

旅游管理系统

用户登录

密码正确

管理员界面

用户界面

图4-2 登录结构图

旅游管理系统结构图，如图4-3所示。

图4-3 旅游管理系统结构图

4.2开发流程设计

系统流程的分析是通过调查系统所涉及问题的识别、可行性、可操作性、系统分析处理能力等具体环节来调节、整理系统的设计方案以确保系统能达到理想的状态。这些操作都要从注册、登录处着眼进行一系列的流程测试保证数据库的完整，从而把控系统所涉及信息管理的安全、保证信息输入、输出正常转换。然后，通过实际操作完成流程图的绘制工作。

旅游管理系统的开发对管理模块和系统使用的数据库进行分析，编写代码，系统测试，如图4-4所示。

图4-4开发系统流程图

4.3 数据库设计原则

学习编程，我们都知道数据库设计是基于需要设计的系统功能，我们需要建立一个数据库关系模型，用于存储数据信息，这样当我们在程序中时，就没有必要为程序页面添加数据，从而提高系统的效率。数据库存储了很多信息，可以说是信息管理系统的核心和基础，数据库还为系统提供了添加、删除、修改和检查等操作模块，使系统能够快速找到自己想要的信息，而不是在程序代码中找到。数据库中信息表的每个部分根据一定的关系精确地组合，排列和组合成数据表。

通过旅游管理系统的功能进行规划分成几个实体信息，实体信息将通过ER图进行说明，本系统的主要实体图如下：

管理员信息属性图如图4-5所示。

图4-5 管理员信息实体属性图

用户信息管理实体属性图如图4-6所示。

图4-6用户信息属性图

景区信息实体属性图如图4-7所示。

图4-7景区信息属性图

景区商城信息实体属性图如图4-8所示。

图4-8景区商城信息实体属性图

4.4 数据表

数据库表是数据库重要的组成部分，其实数据库只是一个框架，数据库表才是数据库的本质，本系统数据库表如下：

表名：token

功能：token表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint			`

`主键 || |userid|bigint||用户id||| |username|varchar|100|用户名||| |tablename|varchar|100|表名||| |role|varchar|100|角色||| |token|varchar|200|密码||| |addtime|timestamp||新增时间||CURRENT_TIMESTAMP| |expiratedtime|timestamp||过期时间||CURRENT_TIMESTAMP|

表名：yonghu

功能：用户信息

字段名称	类型	长度	字段说明	主键	默认值
id	bigint			`

`主键 || |addtime|timestamp||||CURRENT_TIMESTAMP| |yonghuming|varchar|200|用户名||| |mima|varchar|200|密码||| |xingming|varchar|200|姓名||| |xingbie|int||性别||| |touxiang|varchar|200|头像||| |shouji|||手机||| |youxiang|||邮箱||| |shenfenzheng|||身份证|||

表名：jingquxinxi

功能：景点信息

字段名称	类型	长度	字段说明	主键	默认值
id	bigint			`

`主键 || |addtime|timestamp||添加时间||CURRENT_TIMESTAMP| |jingqumingcheng|varchar|200|景区名称||| |fenlei|varchar|200|分类||| |jingquxingji|varchar|200|景区信息||| |tupian|varchar|200|图片||| |menpiaojiage|varchar|200|门票价格||| |jingqudizhi|varchar|200|景区地址||| |zixunrexian|varchar|200|咨询热线||| |jingqujieshao|varchar|200|景区介绍|||

表名：jingqushangcheng

功能：景区商城

字段名称	类型	长度	字段说明	主键	默认值
id	bigint			`

主键 || |addtime|timestamp||添加数据||CURRENT\_TIMESTAMP| |shangpinmingcheng|varchar|200|商品名称||| | `fenlei|int||分类||| |tupian|date||图片||| |guige|varchar|200|规格||| |pinpai|varchar|200|品牌||| |xiangqing|varchar|200|详情|||

表名：yonghufenxiang

功能：用户分享

字段名称	类型	长度	字段说明	主键	默认值
id	bigint			`

`主键 || |addtime|timestamp||||CURRENT_TIMESTAMP| |biaotimingcheng|varchar|200|标题名称||| |leixing|int||类型||| |tupian|varchar|200|图片||| |xiangqing|date||详情||| |fenxiangriqi|varchar|200|分享日期||| |yonghuming|varchar|200|用户名||| |xingming|varchar|200|姓名||| |youxiang|varchar|200|邮箱|||

表名：tousujianyi

功能：投诉建议

字段名称	类型	长度	字段说明	主键	默认值
id	bigint			`

`主键 || |addtime|timestamp||||CURRENT_TIMESTAMP| |biaoti|varchar|200|标题||| |tousujianyi|int||投诉建议||| |riqi|date||日期||| |yonghuming|varchar|200|用户名||| |shouji|varchar|200|手机||| |sfsh|varchar|200|是否审核||否| |shhf|longtext|4294967295|审核回复|||

第5章 系统详细设计

5.1管理员功能模块

旅游管理系统，在管理员登录系统的首页可以通过点击登录，可以填写账号、密码、等信息进行登录操作等信息，如图5-1所示。

图5-1管理员登录首页界面图

用户管理，通过内容列表可以获取用户名、密码、姓名、性别、头像、手机、邮箱等信息可进行详情、修改、删除或查看操作，如图5-2所示。

图5-2用户管理界面图

景区分类管理，通过内容列表可以获取分类等信息可进行详情、修改、删除或查看操作，如图5-3所示。

图5-3景区分类管理界面图

景区信息管理，通过内容列表获取景区名称、分类、景区星级、图片等信息可进行详情、修改、删除或查看操作。如图5-4所示

图5-4景区信息管理界面图

景区商城管理，通过内容列表可以获取商品名称、分类、图片、规格、品牌等信息可进行详情、修改、删除或查看操作，如图5-5所示。

图5-5景区商城管理界面图

商品分类管理，通过内容列表可以获取分类等信息可进行详情、修改、删除或查看等操作，如图5-6所示。

图5-6商品分类管理界面图

投诉建议管理，通过内容列表可以获取标题、日期、用户名、手机、审核回复、审核等信息可进行详情、修改、删除或查看等操作，如图5-7所示。

图5-7投诉建议管理界面图

5.2用户前后台功能模块

用户注册，通过填写用户名、密码、姓名、手机、邮箱、身份证等信息，输入完成后选择注册即可进入旅游管理系统，如图5-8所示。

图5-8用户注册界面图

用户前台首页浏览，通过内容列表可以获取网站首页、景区信息、景区商城、用户分享等信息操作内容，如图5-9所示。

图5-9用户前台浏览管理界面图

个人中心，通过内容列表可以获取用户名、密码、姓名、性别等信息可进行增、删、改或查看等操作，如图5-10所示。

图5-10个人中心界面图

景区信息，通过内容列表可以获取分类、景区星级、门票价格、景区地址等查看等操作，如图5-11所示。

图5-11景区信息界面图

景区商城，通过内容列表可以获取商品名称、价格、分类、规格、品牌等查看等操作，如图5-12所示。

图5-12景区商城界面图

购物车，通过内容列表可以获取购买商品、价格、数量、总价、等查看、点击购买等操作，如图5-13所示。

图5-13购物车界面图

确认下单，通过内容列表可以获取选择收货地址、清单列表等查看操作，如图5-14所示。

图5-14确认下单界面图

用户登录， 用户通过输入用户名，密码，角色等信息进行系统登录，如图5-15所示。

图5-15用户登录界面图

个人信息，用户对个人信息进行填写用户名、密码、姓名、性别、头像、手机、身份证、邮箱并进行添加以及查看个人信息等操作。效果如下图所示5-16所示

图5-16个人信息界面图

用户分享管理，在用户分享管理页面可以通过填写标题名称、类型、图片、分享日期、用户名、姓名等内容并进行添加以及查看。效果如下图所示5-17所示

。

图5-17用户分享管理界面图

投诉建议管理，在投诉建议管理页面可以通过填写标题、日期、用户名、手机、审核回复等内容并进行添加以及查看。效果如下图所示5-18所示

。

图5-18投诉建议管理界面图

订单管理，在订单管理页面可以通过填写订单编号、商品名称、商品图片、购买数量、价格等内容并进行添加以及查看。效果如下图所示5-19所示

。

图5-19订单管理界面图

ConfigServiceImpl.java

package com.service.impl;


import java.util.Map;

import org.springframework.stereotype.Service;

import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.baomidou.mybatisplus.plugins.Page;
import com.baomidou.mybatisplus.service.impl.ServiceImpl;
import com.dao.ConfigDao;
import com.entity.ConfigEntity;
import com.entity.UserEntity;
import com.service.ConfigService;
import com.utils.PageUtils;
import com.utils.Query;


/**
 * 系统用户
 * @author yangliyuan
 * @date 2019年10月10日 上午9:17:59
 */
@Service("configService")
public class ConfigServiceImpl extends ServiceImpl<ConfigDao, ConfigEntity> implements ConfigService {
	@Override
	public PageUtils queryPage(Map<String, Object> params) {
		Page<ConfigEntity> page = this.selectPage(
                new Query<ConfigEntity>(params).getPage(),
                new EntityWrapper<ConfigEntity>()
        );
        return new PageUtils(page);
	}
}

FileUtil.java

package com.utils;

import java.io.ByteArrayOutputStream;
import java.io.File;
import java.io.FileInputStream;
import java.io.IOException;
import java.io.InputStream;

/**
* @author yangliyuan
* @version 创建时间：2020年2月7日 下午8:01:14
* 类说明 : 
*/

public class FileUtil {
	public static byte[] FileToByte(File file) throws IOException {
		// 将数据转为流
		@SuppressWarnings("resource")
		InputStream content = new FileInputStream(file);
		ByteArrayOutputStream swapStream = new ByteArrayOutputStream();
		byte[] buff = new byte[100];
		int rc = 0;
		while ((rc = content.read(buff, 0, 100)) > 0) {
			swapStream.write(buff, 0, rc);
		}
		// 获得二进制数组
		return swapStream.toByteArray();
	}
}

YonghufenxiangController.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.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.YonghufenxiangEntity;
import com.entity.view.YonghufenxiangView;

import com.service.YonghufenxiangService;
import com.service.TokenService;
import com.utils.PageUtils;
import com.utils.R;
import com.utils.MPUtil;
import com.utils.CommonUtil;


/**
 * 用户分享
 * 后端接口
 * @author 
 * @email 
 * @date 2020-11-26 15:12:52
 */
@RestController
@RequestMapping("/yonghufenxiang")
public class YonghufenxiangController {
    @Autowired
    private YonghufenxiangService yonghufenxiangService;
    


    /**
     * 后端列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,YonghufenxiangEntity yonghufenxiang, HttpServletRequest request){
		String tableName = request.getSession().getAttribute("tableName").toString();
		if(tableName.equals("yonghu")) {
			yonghufenxiang.setYonghuming((String)request.getSession().getAttribute("username"));
		}
        EntityWrapper<YonghufenxiangEntity> ew = new EntityWrapper<YonghufenxiangEntity>();
		PageUtils page = yonghufenxiangService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, yonghufenxiang), params), params));

        return R.ok().put("data", page);
    }
    
    /**
     * 前端列表
     */
	@IgnoreAuth
    @RequestMapping("/list")
    public R list(@RequestParam Map<String, Object> params,YonghufenxiangEntity yonghufenxiang, HttpServletRequest request){
        EntityWrapper<YonghufenxiangEntity> ew = new EntityWrapper<YonghufenxiangEntity>();
		PageUtils page = yonghufenxiangService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, yonghufenxiang), params), params));
        return R.ok().put("data", page);
    }

	/**
     * 列表
     */
    @RequestMapping("/lists")
    public R list( YonghufenxiangEntity yonghufenxiang){
       	EntityWrapper<YonghufenxiangEntity> ew = new EntityWrapper<YonghufenxiangEntity>();
      	ew.allEq(MPUtil.allEQMapPre( yonghufenxiang, "yonghufenxiang")); 
        return R.ok().put("data", yonghufenxiangService.selectListView(ew));
    }

	 /**
     * 查询
     */
    @RequestMapping("/query")
    public R query(YonghufenxiangEntity yonghufenxiang){
        EntityWrapper< YonghufenxiangEntity> ew = new EntityWrapper< YonghufenxiangEntity>();
 		ew.allEq(MPUtil.allEQMapPre( yonghufenxiang, "yonghufenxiang")); 
		YonghufenxiangView yonghufenxiangView =  yonghufenxiangService.selectView(ew);
		return R.ok("查询用户分享成功").put("data", yonghufenxiangView);
    }
	
    /**
     * 后端详情
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") String id){
        YonghufenxiangEntity yonghufenxiang = yonghufenxiangService.selectById(id);
        return R.ok().put("data", yonghufenxiang);
    }

    /**
     * 前端详情
     */
	@IgnoreAuth
    @RequestMapping("/detail/{id}")
    public R detail(@PathVariable("id") String id){
        YonghufenxiangEntity yonghufenxiang = yonghufenxiangService.selectById(id);
        return R.ok().put("data", yonghufenxiang);
    }
    



    /**
     * 后端保存
     */
    @RequestMapping("/save")
    public R save(@RequestBody YonghufenxiangEntity yonghufenxiang, HttpServletRequest request){
    	yonghufenxiang.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(yonghufenxiang);
        yonghufenxiangService.insert(yonghufenxiang);
        return R.ok();
    }
    
    /**
     * 前端保存
     */
    @RequestMapping("/add")
    public R add(@RequestBody YonghufenxiangEntity yonghufenxiang, HttpServletRequest request){
    	yonghufenxiang.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(yonghufenxiang);
        yonghufenxiangService.insert(yonghufenxiang);
        return R.ok();
    }

    /**
     * 修改
     */
    @RequestMapping("/update")
    public R update(@RequestBody YonghufenxiangEntity yonghufenxiang, HttpServletRequest request){
        //ValidatorUtils.validateEntity(yonghufenxiang);
        yonghufenxiangService.updateById(yonghufenxiang);//全部更新
        return R.ok();
    }
    

    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        yonghufenxiangService.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<YonghufenxiangEntity> wrapper = new EntityWrapper<YonghufenxiangEntity>();
		if(map.get("remindstart")!=null) {
			wrapper.ge(columnName, map.get("remindstart"));
		}
		if(map.get("remindend")!=null) {
			wrapper.le(columnName, map.get("remindend"));
		}

		String tableName = request.getSession().getAttribute("tableName").toString();
		if(tableName.equals("yonghu")) {
			wrapper.eq("yonghuming", (String)request.getSession().getAttribute("username"));
		}

		int count = yonghufenxiangService.selectCount(wrapper);
		return R.ok().put("count", count);
	}
	


}

HomeCard.vue

<template>
  <el-card class="box-card">
    <div slot="header" class="header">
      <span>{{title}}</span>
      <span>
        <el-tag size="small" :type="titleTag">{{titleUnit}}</el-tag>
      </span>
    </div>
    <div class="content">
      {{content}}&nbsp;&nbsp;
      <span class="unit">{{contentUnit}}</span>
    </div>
    <div class="bottom">
      <span>{{bottomTitle}}</span>
      <span>
        {{bottomContent}}
        <i :class="bottomIcon"></i>
      </span>
    </div>
  </el-card>
</template>
<script>
export default {
  props: [
    "title",
    "titleTag",
    "titleUnit",
    "content",
    "contentUnit",
    "bottomTitle",
    "bottomContent",
    "bottomIcon"
  ]
};
</script>
<style lang="scss" scoped>
.box-card {
  margin-right: 10px;
  .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .content {
    font-size: 30px;
    font-weight: bold;
    color: #666;
    text-align: center;
    .unit {
      font-size: 16px;
    }
  }
  .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
  }
}
</style>