SpringBoot+Vue实现前后端分离的旅游网站

文末获取源码

开发语言：Java

使用框架：spring boot

前端技术：JavaScript、Vue.js 、css3

开发工具：IDEA/MyEclipse/Eclipse、Visual Studio Code

数据库：MySQL 5.7/8.0

数据库管理工具：phpstudy/Navicat

JDK版本：Java jdk8

Maven:apache-maven 3.8.1-bin

目录

一、前言介绍

二、功能需求分析

2.1前台用户功能

2.2后台管理员功能

三、系统前台模块

3.1系统前台首页页面

3.2旅游资讯页面

3.3景点信息页面

3.4景点信息详情

3.5酒店信息页面

3.6天气信息页面 

四、管理员功能模块

4.1站点管理模块

4.2用户管理模块

4.3内容管理模块 

4.4更多管理模块 

4.5地区管理模块 

五、用户功能模块

5.1门票预定页面

六、部分核心代码 

6.1酒店预订管理关键代码 

6.2景点信息管理关键代码

6.3景点购票管理关键代码

---

一、前言介绍

本系统前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信，Element UI组件库使页面快速成型。后端部分：采用springboot作为开发框架，同时集成MyBatis、Redis等相关技术。

旅游网站主要功能模块包括个人中心、用户管理、景点信息、景点购票、酒店信息、酒店预订，采取面对对象的开发模式进行软件的开发和硬体的架设，能很好的满足实际使用的需求，完善了对应的软体架设以及程序编码的工作，采取Mysql作为后台数据的主要存储单元，采用springboot技术、Ajax技术进行业务系统的编码及其开发，实现了本系统的全部功能。本次报告，首先分析了研究的背景、作用、意义，为研究工作的合理性打下了基础。针对旅游网站的各项需求以及技术问题进行分析，证明了系统的必要性和技术可行性，然后对设计系统需要使用的技术软件以及设计思想做了基本的介绍，最后来实现旅游网站和部署运行使用它。

二、功能需求分析

2.1前台用户功能

前台用户可分为未注册用户需求和以注册用户需求。

（1）未注册用户的功能如下：

注册账号：用户填写个人信息，并验证手机号码。

景点信息：用户可以根据景点类型浏览景点的信息，并选中某个景点查看详情，例如：景点名称、景点编号、景点类型、景点介绍等。

（2）已注册用户的功能如下：

登录：根据账号密码进行登录操作。

个人中心：用户因个人信息的变更可以随时修改自己注册信息。

浏览评论信息：选中某间景点可查看其用户的评论。

景点信息：用户根据自己的需求选中某个景点进行购票操作。

查看历史购票单：用户可以查看自己以往购票的信息。

论坛：用户可以根据自己的观点看法对相关景点进行发布。

收藏：在景点的基础上对景点的收藏，收藏按时间形成收藏列表，个人对其收藏夹进行维护和整理。

酒店信息：用户根据自己的需求选中某个酒店进行预订操作，并可以对其进行编辑更新删除等操作。

2.2后台管理员功能

后台管理员功能如下。

修改密码：管理员可以随时修改自己进入系统的登录密码，以保证系统的安全性。

景点信息管理：对景点信息进行详情，删除、修改信息。

酒店信息管理：对酒店信息进行详情，删除、修改信息。

对酒店预订信息进行处理：办理酒店预订审核等。

景点购票管理：可以查看用户的购票信息，并对其进行管理。

用户管理：可以查看注册用户的信息，并对其进行管理。

三、系统前台模块

3.1系统前台首页页面

3.2旅游资讯页面

3.3景点信息页面

3.4景点信息详情

3.5酒店信息页面

3.6天气信息页面 

四、管理员功能模块

4.1站点管理模块

4.2用户管理模块

4.3内容管理模块 

4.4更多管理模块 

4.5地区管理模块 

五、用户功能模块

5.1门票预定页面

六、部分核心代码 

6.1酒店预订管理关键代码 

  @RequestMapping(value = "/del")

    @Transactional

    public Map del(HttpServletRequest request) {

        service.delete(service.readQuery(request), service.readConfig(request));

        return success(1);

}

    @Transactional

    public void delete(Map query,Map config){

        StringBuffer sql = new StringBuffer("DELETE FROM ").append("`").append(table).append("`").append(" ");

        sql.append(toWhereSql(query, "0".equals(config.get(FindConfig.GROUP_BY))));

        log.info("[{}] - 删除操作：{}",table,sql);

        Query query1 = runCountSql(sql.toString());

        query1.executeUpdate();

    }

6.2景点信息管理关键代码

 @PostMapping("/add")

    @Transactional

    public Map add(HttpServletRequest request) throws IOException {

        service.insert(service.readBody(request.getReader()));

        return success(1);

    }

    @Transactional

    public Map addMap(Map map){

        service.insert(map);

        return success(1);

}

    public Map readBody(BufferedReader reader){

        BufferedReader br = null;

        StringBuilder sb = new StringBuilder("");

        try{

            br = reader;

            String str;

            while ((str = br.readLine()) != null){

                sb.append(str);

            }

            br.close();

            String json = sb.toString();

            return JSONObject.parseObject(json, Map.class);

        }catch (IOException e){

            e.printStackTrace();

        }finally{

            if (null != br){

                try{

                    br.close();

                }catch (IOException e){

                    e.printStackTrace();

                }

            }

        }

        return null;

}

    public void insert(Map body){

        StringBuffer sql = new StringBuffer("INSERT INTO ");

        sql.append("`").append(table).append("`").append(" (");

        for (Map.Entry entry:body.entrySet()){

            sql.append("`"+humpToLine(entry.getKey())+"`").append(",");

        }

        sql.deleteCharAt(sql.length()-1);

        sql.append(") VALUES (");

        for (Map.Entry entry:body.entrySet()){

            Object value = entry.getValue();

            if (value instanceof String){

                sql.append("'").append(entry.getValue()).append("'").append(",");

            }else {

                sql.append(entry.getValue()).append(",");

            }

        }

        sql.deleteCharAt(sql.length() - 1);

        sql.append(")");

        log.info("[{}] - 插入操作：{}",table,sql);

        Query query = runCountSql(sql.toString());

        query.executeUpdate();

    }

6.3景点购票管理关键代码

@PostMapping("/set")

@Transactional

    public Map set(HttpServletRequest request) throws IOException {

        service.update(service.readQuery(request), service.readConfig(request), service.readBody(request.getReader()));

        return success(1);

}

    public Map readConfig(HttpServletRequest request){

        Map map = new HashMap<>();

        map.put(FindConfig.PAGE,request.getParameter(FindConfig.PAGE));

        map.put(FindConfig.SIZE,request.getParameter(FindConfig.SIZE));

        map.put(FindConfig.LIKE,request.getParameter(FindConfig.LIKE));

        map.put(FindConfig.ORDER_BY,request.getParameter(FindConfig.ORDER_BY));

        map.put(FindConfig.FIELD,request.getParameter(FindConfig.FIELD));

        map.put(FindConfig.GROUP_BY,request.getParameter(FindConfig.GROUP_BY));

        map.put(FindConfig.MAX_,request.getParameter(FindConfig.MAX_));

        map.put(FindConfig.MIN_,request.getParameter(FindConfig.MIN_));

        return map;

}

    public Map readQuery(HttpServletRequest request){

        String queryString = request.getQueryString();

        if (queryString != null && !"".equals(queryString)) {

            String[] querys = queryString.split("&");

            Map map = new HashMap<>();

            for (String query : querys) {

                String[] q = query.split("=");

                map.put(q[0], q[1]);

            }

            map.remove(FindConfig.PAGE);

            map.remove(FindConfig.SIZE);

            map.remove(FindConfig.LIKE);

            map.remove(FindConfig.ORDER_BY);

            map.remove(FindConfig.FIELD);

            map.remove(FindConfig.GROUP_BY);

            map.remove(FindConfig.MAX_);

            map.remove(FindConfig.MIN_);

            return map;

        }else {

            return new HashMap<>();

        }

}

    @Transactional

    public void update(Map query,Map config,Map body){

        StringBuffer sql = new StringBuffer("UPDATE ").append("`").append(table).append("`").append(" SET ");

        for (Map.Entry entry:body.entrySet()){

            Object value = entry.getValue();

            if (value instanceof String){

                sql.append("`"+humpToLine(entry.getKey())+"`").append("=").append("'").append(value).append("'").append(",");

            }else {

                sql.append("`"+humpToLine(entry.getKey())+"`").append("=").append(value).append(",");

            }

        }

        sql.deleteCharAt(sql.length()-1);

        sql.append(toWhereSql(query,"0".equals(config.get(FindConfig.LIKE))));

        log.info("[{}] - 更新操作：{}",table,sql);

        Query query1 = runCountSql(sql.toString());

        query1.executeUpdate();

}

    public String toWhereSql(Map query, Boolean like) {

        if (query.size() > 0) {

            try {

                StringBuilder sql = new StringBuilder(" WHERE ");

                for (Map.Entry entry : query.entrySet()) {

                    if (entry.getKey().contains(FindConfig.MIN_)) {

                        String min = humpToLine(entry.getKey()).replace("_min", "");

                        sql.append("`"+min+"`").append(" >= '").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("' and ");

                        continue;

                    }

                    if (entry.getKey().contains(FindConfig.MAX_)) {

                        String max = humpToLine(entry.getKey()).replace("_max", "");

                        sql.append("`"+max+"`").append(" <= '").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("' and ");

                        continue;

                    }

                    if (like == true) {

                        sql.append("`"+humpToLine(entry.getKey())+"`").append(" LIKE '%").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("%'").append(" and ");

                    } else {

                        sql.append("`"+humpToLine(entry.getKey())+"`").append(" = '").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("'").append(" and ");

                    }

                }

                sql.delete(sql.length() - 4, sql.length());

                sql.append(" ");

                return sql.toString();

            } catch (UnsupportedEncodingException e) {

                log.info("拼接sql 失败：{}", e.getMessage());

            }

        }

        return "";

    }