java+vue+SpringBoo智慧旅游系统（程序+数据库+报告+部署教程+答辩指导）-CSDN博客

源代码+数据库+LW文档（1万字以上）+开题报告+答辩稿ppt+部署教程+代码讲解+代码时间修改工具

技术实现

开发语言：后端：Java 前端：vue
框架：springboot
数据库：mysql

开发工具
JDK版本：JDK1.8
数据库：mysql 数据库工具：Navicat
开发软件：idea

主要角色及功能介绍
本次系统的用例图做出了十分明确的功能划分，在设计时可以有很好的设计思路进行设计和延展。
（1）管理员用例图如下所示：
在这里插入图片描述
图3-1管理员用例图
（2）用户用例图如下所示：

图3-2用户用例图

数据库
数据库设计之后，根据数据库关系，可以更加清晰地了解数据库结构，每一个数据表之间的关系，再创建数据表。快速更改和查询对应的信息，有了数据库就不用在程序和代码中寻找。
分析智慧旅游系统的数据结构后，在E-R图中分析管理员登录时的模式，需要输入用户名与密码，角色，管理员信息E-R如图4-4所示。
在这里插入图片描述
图4-4 管理员信息E-R图
用户信息E-R图如图4-5所示。

图4-5用户信息E-R图
旅游路线E-R图如图4-6所示。

图4-6旅游路线E-R图
车票信息E-R图如图4-7所示。

图4-7车票信息E-R图
门票信息E-R图如图4-8所示。

图4-8门票信息E-R图
酒店信息E-R图如图4-9所示。
在这里插入图片描述
图4-9酒店信息E-R图
智慧旅游系统E-R关系总图，如图4-10所示。

图4-10 智慧旅游系统E-R关系模型图
系统功能实现及截图
5.1前台用户功能实现
当用户打开系统的网址后，首先看到的就是首页界面。在这里，用户能够看到智慧旅游系统的登录页面，有登录账号、登录密码等信息。系统首页界面如图5-1所示：
在这里插入图片描述
图5-1 系统首页界面
用户登陆的核心代码如下：

/**
 * 登录
 */
@IgnoreAuth
@RequestMapping(value = "/login")
public R login(String username, String password, String captcha, HttpServletRequest request) {
   YonghuEntity u = yonghuService.selectOne(new EntityWrapper<YonghuEntity>().eq("yonghuzhanghao", username));
   if(u==null || !u.getMima().equals(password)) {
      return R.error("账号或密码不正确");
   }
   
   String token = tokenService.generateToken(u.getId(), username,"yonghu",  "用户" );
   return R.ok().put("token", token);
}

这是一个用户注册的界面，当用户没有账户时可以通过注册来登录系统，只需要根据相应的提示输入用户信息等即可。用户注册界面如图5-2所示：
在这里插入图片描述
图5-2 用户注册界面
用户注册核心代码如下：

/**
    * 注册
    */
@IgnoreAuth
   @RequestMapping("/register")
   public R register(@RequestBody YonghuEntity yonghu){
       //ValidatorUtils.validateEntity(yonghu);
       YonghuEntity u = yonghuService.selectOne(new EntityWrapper<YonghuEntity>().eq("yonghuzhanghao", yonghu.getYonghuzhanghao()));
   if(u!=null) {
      return R.error("注册用户已存在");
   }
   Long uId = new Date().getTime();
   yonghu.setId(uId);
       yonghuService.insert(yonghu);
       return R.ok();
   }

用户点击旅游路线页面查看路线名称、起点、终点、交通方式、导游费用、费用说明、发布时间、点击次数等信息。如图5-3所示：
在这里插入图片描述
图5-3旅游路线页面
旅游路线核心代码如下：

@IgnoreAuth
   @RequestMapping("/list")
   public R list(@RequestParam Map<String, Object> params,LvyouluxianEntity lvyouluxian, 
   HttpServletRequest request){
       EntityWrapper<LvyouluxianEntity> ew = new EntityWrapper<LvyouluxianEntity>();

   PageUtils page = lvyouluxianService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, lvyouluxian), params), params));
       return R.ok().put("data", page);
   }

用户可以点击车票页面查看车票编号、车站名称、座位类型、出发地、目的地、出发时间、班列介绍、车票价格等信息。如图5-4所示：
在这里插入图片描述
图5-4车票信息界面
车票信息核心代码如下：

@IgnoreAuth
   @RequestMapping("/list")
   public R list(@RequestParam Map<String, Object> params,ChepiaoxinxiEntity chepiaoxinxi, 
   HttpServletRequest request){
       EntityWrapper<ChepiaoxinxiEntity> ew = new EntityWrapper<ChepiaoxinxiEntity>();

   PageUtils page = chepiaoxinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, chepiaoxinxi), params), params));
       return R.ok().put("data", page);
   }

用户可以点击景点信息页面查看景点类型、门票价格、开放时间、景点地址、历史背景、景点发布、特色活动、点击次数等信息。如图5-5所示：
在这里插入图片描述
图5-5景点信息界面
景点信息核心代码如下：

@IgnoreAuth
   @RequestMapping("/list")
   public R list(@RequestParam Map<String, Object> params,JingdianxinxiEntity jingdianxinxi, 
   HttpServletRequest request){
       EntityWrapper<JingdianxinxiEntity> ew = new EntityWrapper<JingdianxinxiEntity>();

   PageUtils page = jingdianxinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, jingdianxinxi), params), params));
       return R.ok().put("data", page);
   }

用户可以点击酒店信息页面查看酒店类型、酒店地址、客房类型、客房数量、价格/天、联系电话费用等信息。如图5-6所示：
在这里插入图片描述
图5-6酒店信息界面
酒店信息核心代码如下：

@IgnoreAuth
   @RequestMapping("/list")
   public R list(@RequestParam Map<String, Object> params,JingdianxinxiEntity jingdianxinxi, 
   HttpServletRequest request){
       EntityWrapper<JingdianxinxiEntity> ew = new EntityWrapper<JingdianxinxiEntity>();

   PageUtils page = jingdianxinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, jingdianxinxi), params), params));
       return R.ok().put("data", page);
   }

用户可以点击美食信息页面查看美食分类、价格、美食地点、美食评分、美食主料、美食口味、美食特色、烹饪方法、发布时间、点击次数等信息。如图5-7所示：
在这里插入图片描述
图5-7美食信息界面
美食信息核心代码如下：

@IgnoreAuth
   @RequestMapping("/list")
   public R list(@RequestParam Map<String, Object> params,MeishixinxiEntity meishixinxi, 
   HttpServletRequest request){
       EntityWrapper<MeishixinxiEntity> ew = new EntityWrapper<MeishixinxiEntity>();

   PageUtils page = meishixinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, meishixinxi), params), params));
       return R.ok().put("data", page);
   }

5.2后台管理员功能实现
后台管理员登录，在登录页面输入管理员账号，在正确输入用户名和密码后，点击登录操作；如图5-8所示。
在这里插入图片描述
图5-8 后台管理员登录界面
后台登陆核心代码如下：

@IgnoreAuth
@RequestMapping(value = "/login")
public R login(String username, String password, String captcha, HttpServletRequest request) {
   UsersEntity user = userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", username));
   if(user==null || !user.getPassword().equals(password)) {
      return R.error("账号或密码不正确");
   }
   String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
   return R.ok().put("token", token);
}