首页 > 其他分享 >基于springboot+vue的江西旅游网(前后端分离)

基于springboot+vue的江西旅游网(前后端分离)

时间:2023-09-04 17:35:38浏览次数:37  
标签:vue return springboot outMap hotel 旅游网 put new public


博主主页猫头鹰源码

博主简介:Java领域优质创作者、博客专家、公司架构师、全网粉丝5万+、专注Java技术领域和毕业设计项目实战

主要内容:毕业设计(Javaweb项目|小程序等)、简历模板、学习资料、面试题库、技术咨询

文末联系获取

项目介绍: 

本系统为原创项目,以江西旅游为主题,采用前后端分离,创作于2022年4月,项目代码工整,结构清晰,适合选题:旅游、旅游攻略、**旅游网、前后端分离类其他旅游系统等。系统采用springboot+vue整合开发,前端主要使用了element-ui框架、项目后端主要使用了springboot,数据层采用mybatis。

项目功能:

基于springboot+vue的江西旅游网(前后端分离)_vue.js

数据模型:

数据库表结构:

系统包含技术:

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

部分截图说明:

下面是首页,展示景点、攻略等

基于springboot+vue的江西旅游网(前后端分离)_vue.js_02

前台登录

基于springboot+vue的江西旅游网(前后端分离)_javaweb_03

  

旅游攻略,可以分类查看,也可以分页查看

基于springboot+vue的江西旅游网(前后端分离)_vue.js_04

攻略详情

基于springboot+vue的江西旅游网(前后端分离)_javaweb_05

旅游路线,可以分类查看,也可以分页查看

基于springboot+vue的江西旅游网(前后端分离)_java_06

 路线详情

基于springboot+vue的江西旅游网(前后端分离)_javaweb_07

景点

基于springboot+vue的江西旅游网(前后端分离)_mybatis_08

 酒店住宿信息

基于springboot+vue的江西旅游网(前后端分离)_java_09

下面是个人中心,登录后可以看到

基于springboot+vue的江西旅游网(前后端分离)_spring boot_10

 用户也可以反馈留言

基于springboot+vue的江西旅游网(前后端分离)_java_11

后台登录

基于springboot+vue的江西旅游网(前后端分离)_java_12

管理员对用户进行管理

基于springboot+vue的江西旅游网(前后端分离)_java_13

管理员对旅游路线管理员对用户进行管理进行管理

基于springboot+vue的江西旅游网(前后端分离)_spring boot_14

管理员对用景点推荐进行管理

基于springboot+vue的江西旅游网(前后端分离)_java_15

 管理员对推荐进行编辑

基于springboot+vue的江西旅游网(前后端分离)_mybatis_16

项目前端结构

基于springboot+vue的江西旅游网(前后端分离)_spring boot_17

 项目后端结构

基于springboot+vue的江西旅游网(前后端分离)_java_18

 部分代码:

/**
     * 分页查询
     */
    @PostMapping("selectAll")
    public PageInfo<Hotel> selectAll(@RequestBody Map<String,String> mp) {
        PageHelper.startPage(Integer.parseInt(mp.get("currentPage").toString()), Integer.parseInt(mp.get("pagesize").toString()));
        List<Hotel> list = hotelService.queryAllByLimit(mp);
        PageInfo<Hotel> pageInfo = new PageInfo<Hotel>(list);
        return pageInfo;
    }

    /**
     * 修改
     */
    @RequestMapping("edit")
    public String edit(@RequestBody Hotel hotel) {
        try {
            hotelService.update(hotel);
            return "200";
        }catch (Exception e){
            e.printStackTrace();
            return "201";
        }
    }

    /**
     * 新增
     */
    @RequestMapping("add")
    public String add(@RequestBody Hotel hotel) {
        try {
            Date date = new Date();
            hotel.setCreateTime(date);
            hotelService.insert(hotel);
            return "200";
        }catch (Exception e){
            e.printStackTrace();
            return "201";
        }
    }

    /**
     * 通过主键查询单条数据
     */
    @GetMapping("selectOne")
    public Hotel selectOne(Integer id) {
        return hotelService.queryById(id);
    }


    /**
     * 通过主键删除数据
     */
    @GetMapping("deleteById")
    public String deleteById(Integer id) {
        try {
            hotelService.deleteById(id);
            return "200";
        }catch (Exception e){
            e.printStackTrace();
            return "201";
        }
    }


    /**
     * 导出excel
     */
    @RequestMapping("/downExcel")
    public List<Hotel> downExcel(){
        Hotel hotel = new Hotel();
        return hotelService.queryCondition(hotel);
    }

文件上传

@RequestMapping("/imgUpload")
	public Map<String, Object> yunUploadFile(@RequestParam("file") MultipartFile multiFile) {
		Map<String, Object> outMap = new HashMap<>();
		try {
			SimpleDateFormat sf = new SimpleDateFormat("yyyyMMddHHmmss");
			String name = sf.format(new Date());
			//获取文件的扩展名
			String ext = FilenameUtils.getExtension(multiFile.getOriginalFilename());
			//以绝对路径保存重名命后的图片
			multiFile.transferTo(new File(uploadDir+"/"+name + "." + ext));
			//jsonObject.put("code",name + "." + ext);
			outMap.put("imgUrl", "/api/upload/"+name + "." + ext);
			outMap.put("url", "http://127.0.0.1:8080/api/upload/"+name + "." + ext);
			outMap.put("message", "图片上传成功!");
			outMap.put("result", "true");
			return outMap;
		} catch (IOException e) {
			e.printStackTrace();
			outMap.put("result", "false");
			outMap.put("message", "图片上传失败,请重新上传!");
		}
		return outMap;
	}

以上就是部分功能展示,从整体上来看,本系统功能是十分完整的,界面设计简洁大方,交互友好,数据库设计也很合理,规模适中,代码工整,清晰,适合学习使用。

好了,今天就到这儿吧,小伙伴们点赞、收藏、评论,一键三连走起呀,下期见~~

标签:vue,return,springboot,outMap,hotel,旅游网,put,new,public
From: https://blog.51cto.com/u_14544277/7353276

相关文章

  • 基于springboot+vue的商城/体育用品商城/衣服商城系统(前后端分离)
    项目技术:系统使用技术:SpringBoot+SpringDataJpa前端技术:AntDesign、js、css开发工具:idea/vscode数据库:mysql5.7项目介绍:本系统是一个前后端分离的商城系统,适用于课题:前后端分离、商城、体育用品商城、手机商城、服饰商城等各类商城系统,含有详细的数据库设计文档,以及系统介绍,只需......
  • 基于springboot+vue的医院预约系统(前后端分离)
    技术详情: 系统使用技术:springboot+mybatis前端技术:ElementUI、ajax、node.js、js、css开发工具:idea数据库:mysql5.7项目介绍:本系统采用springboot+vue整合开发,前端主要使用了Vue框架、ElementUI和AJAX技术。项目后端主要使用了springboot等一系列框架和MyBatis以及Maven。这一套技......
  • 基于springboot+vue的高校迎新系统(前后端分离)
    博主主页:猫头鹰源码博主简介:Java领域优质创作者、博客专家、公司架构师、全网粉丝5万+、专注Java技术领域和毕业设计项目实战主要内容:毕业设计(Javaweb项目|小程序等)、简历模板、学习资料、面试题库、技术咨询项目介绍: 本系统为2022年11月开发完成,最新原创项目,采用前后端分离,项目......
  • 基于springboot+vue的社区健康码管理系统(前后端分离)
    博主主页:猫头鹰源码博主简介:Java领域优质创作者、博客专家、公司架构师、全网粉丝5万+、专注Java技术领域和毕业设计项目实战主要内容:毕业设计(Javaweb项目|小程序等)、简历模板、学习资料、面试题库、技术咨询文末联系获取项目介绍: 本系统为2022年11月开发完成,采用前后端分离,项目......
  • 基于springboot+vue的电子村务系统(前后端分离)
    博主主页:猫头鹰源码博主简介:Java领域优质创作者、博客专家、公司架构师、全网粉丝5万+、专注Java技术领域和毕业设计项目实战主要内容:毕业设计(Javaweb项目|小程序等)、简历模板、学习资料、面试题库、技术咨询文末联系获取项目介绍: 本系统为原创项目,以电子村务为主题,采用前后端分......
  • 基于springboot的校园跑腿系统
    博主主页:猫头鹰源码博主简介:Java领域优质创作者、博客专家、公司架构师、全网粉丝5万+、专注Java技术领域和毕业设计项目实战主要内容:毕业设计(Javaweb项目|小程序等)、简历模板、学习资料、面试题库、技术咨询项目介绍: 该系统创作于2022年5月,包含详细数据库设计。基于springboot......
  • 基于springboot自习室预约管理
    博主主页:猫头鹰源码博主简介:Java领域优质创作者博客专家、公司架构师、全网粉丝5万+、专注Java技术领域和毕业设计项目实战主要内容:毕业设计(Javaweb项目|小程序等)、简历模板、学习资料、面试题库、技术咨询文末联系获取项目介绍: 该系统创作于2023年3月,基于springboot技术,数据层......
  • SpringBoot+Nacos+OpenFeign实现服务的注册、发现、远程调用
    一、概述微服务的开发必定会用到SpringBoot、Nacos(服务发现、注册、配置中心)、OpenFeign(服务远程调用,也就是通过注解调用其他服务的接口)。今天写这篇是想把这三个功能集成在一起。让他们一起参与微服务的开发工作。要实现的目标:nacos要能够注册及发现服务,openfeign......
  • SpringBoot 读取配置文件
    在resources文件下创建新的配置文件,如test.yml:es:name:elasticsearch准备使用@PropertySource注解来读取test.yml内容,但@PropertySource本身不支持yml文件,所以创建以下类:publicclassPropertySourceConfigextendsDefaultPropertySourceFactory{@Override......
  • SpringBoot 下使用Swagger3.0
    swagger3.0和2.x的版本有一些配置是不一样的,故记录下。pom.xml依赖<dependency><groupId>io.springfox</groupId><artifactId>springfox-boot-starter</artifactId><version>3.0.0</version></dependency>Config.java内容@Configura......