基于springboot+vue的旅游信息(旅游线路)网站(前后端分离)

您所在的位置:网站首页 旅游类的网站推荐 基于springboot+vue的旅游信息(旅游线路)网站(前后端分离)

基于springboot+vue的旅游信息(旅游线路)网站(前后端分离)

2024-06-09 12:50| 来源: 网络整理| 查看: 265

项目介绍:

本系统为前后端分离项目,适合选题:旅游信息、旅游管理、旅游线路、前后端分离类其他旅游系统等。系统采用springboot+vue整合开发,前端主要使用了element-ui框架、项目后端主要使用了springboot,数据层采用mybatis。

项目技术:

后端:springboot,mybatis 前端:element-ui、js、css等 开发工具:idea/vscode 数据库:mysql 5.7 JDK版本:jdk1.8

功能概述: 用户: 轮播图展示 首页按照浏览量查询前4个人气景点 首页展示几个地方美食和旅游线路,以及旅游资讯, 旅游新闻中查询新闻信息,或者按照分类查询新闻 景区信息中可以查询全部景点,或者根据分类查询或模糊搜索,可收藏景点 美食信息中可以查询全部美食,或者根据分类查询或模糊搜索 根据出发地、途径地或终点查询线路,可查看线路特色和介绍,可以预订线路 用户在线留言 用户可以注册系统,注册后可登录 用户个人中心可以查询预订信息,以及查看个人收藏和留言,或者修改个人信息或密码 管理员: 账号管理;管理员账号维护,用户维护 地区管理:地区信息的维护 景点信息管理:维护景点信息 地方美食管理:维护地方美食 旅游线路管理:维护旅游线路 订单信息管理:维护订单 新闻管理:新闻分类维护、新闻维护 系统管理:友情链接维护,轮播图维护,留言维护 数据库设计:

部分功能展示:

系统登陆

 首页

 景点列表

 景点查看

 旅行线路

 线路预订

 查看线路详情

 美食列表

 查看新闻

管理员-用户维护

  管理员-线路维护

管理员-美食维护

管理员-景点维护

 用户个人中心

 部分代码: @RequestMapping("/difangmeishi_list") public String list() { // 检测是否有登录,没登录则跳转到登录页面 if(!checkLogin()){ return showError("尚未登录" , "./login.do"); } String order = Request.get("order" , "id"); // 获取前台提交的URL参数 order 如果没有则设置为id String sort = Request.get("sort" , "desc"); // 获取前台提交的URL参数 sort 如果没有则设置为desc int pagesize = Request.getInt("pagesize" , 12); // 获取前台一页多少行数据 Example example = new Example(Difangmeishi.class); // 创建一个扩展搜索类 Example.Criteria criteria = example.createCriteria(); // 创建一个扩展搜索条件类 String where = " 1=1 "; // 创建初始条件为:1=1 where += getWhere(); // 从方法中获取url 上的参数,并写成 sql条件语句 criteria.andCondition(where); // 将条件写进上面的扩展条件类中 if(sort.equals("desc")){ // 判断前台提交的sort 参数是否等于 desc倒序 是则使用倒序,否则使用正序 example.orderBy(order).desc(); // 把sql 语句设置成倒序 }else{ example.orderBy(order).asc(); // 把 sql 设置成正序 } int page = request.getParameter("page") == null ? 1 : Integer.valueOf(request.getParameter("page")); // 获取前台提交的URL参数 page 如果没有则设置为1 page = Math.max(1 , page); // 取两个数的最大值,防止page 小于1 List list = service.selectPageExample(example , page , pagesize); // 获取当前页的行数 assign("jingdianxinxiList" , new CommDAO().select("SELECT * FROM jingdianxinxi ORDER BY id desc")); assign("meishifenleiList" , new CommDAO().select("SELECT * FROM meishifenlei ORDER BY id desc")); // 将列表写给界面使用 assign("totalCount" , request.getAttribute("totalCount")); assign("list" , list); assign("orderby" , order); // 把当前排序结果写进前台 assign("sort" , sort); // 把当前排序结果写进前台 return json(); // 将数据写给前端 }

以上就是部分功能展示,从整体上来看,本系统功能是十分完整的,而且也与当前的热点话题关联,界面设计简洁大方,交互友好,数据库设计也很合理,规模适中。好了,今天就到这儿吧,小伙伴们点赞、收藏、评论,一键三连走起呀,下期见~~



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3