如何开发一个前后端分离的在线旅游平台

简介: 如何开发一个前后端分离的在线旅游平台

一,环境介绍

语言环境:Java:  jdk1.8

数据库:Mysql: mysql5.7

应用服务器:Tomcat:  tomcat8.5.31

开发工具:IDEA或eclipse

开发技术:Springboot+Vue

二,项目简介

本项目基于Springboot+Vue开发实现一个在线旅游平台系统。系统的主要功能实现了前端用户注册登录,查看景点、线路、酒店、新闻等信息,根据景点来购买门票,预定线路,预定酒店,收藏信息等,并添加和管理自己的签证信息。后台管理员可以管理所有的基本数据,完成用户管理、景点管理、线路管理、酒店管理、新闻信息管理等等。具体参见下面的功能展示。

三,系统展示

系统首页

景区列表

景区门票预定

酒店列表

酒店预定

新闻资讯

在线留言

用户注册

个人中心

后台管理

景区管理

门票管理

酒店管理

四,核心代码展示

package com.spring.controller;
import com.jntoo.db.*;
import com.jntoo.db.utils.*;
import com.spring.dao.*;
import com.spring.entity.*;
import com.spring.service.*;
import com.spring.util.*;
import com.spring.util.Info;
import java.util.*;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import tk.mybatis.mapper.entity.Example;
/**
 * 管理员 */
@Controller
public class AdminsController extends BaseController {
    @Autowired
    private AdminsMapper dao;
    @Autowired
    private AdminsService service;
    /**
     *  后台列表页
     *
     */
    @RequestMapping("/admins_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(Admins.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<Admins> list = service.selectPageExample(example, page, pagesize); // 获取当前页的行数
        // 将列表写给界面使用
        assign("totalCount", request.getAttribute("totalCount"));
        assign("list", list);
        assign("orderby", order); // 把当前排序结果写进前台
        assign("sort", sort); // 把当前排序结果写进前台
        return json(); // 将数据写给前端
    }
    public String getWhere() {
        _var = new LinkedHashMap(); // 重置数据
        String where = " ";
        // 以下也是一样的操作,判断是否符合条件,符合则写入sql 语句
        if (!Request.get("username").equals("")) {
            where += " AND username LIKE '%" + Request.get("username") + "%' ";
        }
        return where;
    }
    @RequestMapping("/admins_add")
    public String add() {
        _var = new LinkedHashMap(); // 重置数据
        return json(); // 将数据写给前端
    }
    @RequestMapping("/admins_updt")
    public String updt() {
        _var = new LinkedHashMap(); // 重置数据
        int id = Request.getInt("id");
        // 获取行数据,并赋值给前台jsp页面
        Admins mmm = service.find(id);
        assign("mmm", mmm);
        assign("updtself", 0);
        return json(); // 将数据写给前端
    }
    @RequestMapping("/admins_updtself")
    public String updtself() {
        _var = new LinkedHashMap(); // 重置数据
        // 更新个人资料
        int id = (int) request.getSession().getAttribute("id");
        Admins mmm = service.find(id);
        assign("mmm", mmm);
        assign("updtself", 1);
        return json(); // 将数据写给前端
    }
    /**
     * 添加内容
     * @return
     */
    @RequestMapping("/adminsinsert")
    public String insert() {
        _var = new LinkedHashMap(); // 重置数据
        String tmp = "";
        Admins post = new Admins(); // 创建实体类
        // 设置前台提交上来的数据到实体类中
        post.setUsername(Request.get("username"));
        post.setPwd(Request.get("pwd"));
        service.insert(post); // 插入数据
        int charuid = post.getId().intValue();
        if (isAjax()) {
            return jsonResult(post);
        }
        return showSuccess("保存成功", Request.get("referer").equals("") ? request.getHeader("referer") : Request.get("referer"));
    }
    /**
     * 更新内容
     * @return
     */
    @RequestMapping("/adminsupdate")
    public String update() {
        _var = new LinkedHashMap(); // 重置数据
        // 创建实体类
        Admins post = new Admins();
        // 将前台表单数据填充到实体类
        if (!Request.get("username").equals("")) post.setUsername(Request.get("username"));
        if (!Request.get("pwd").equals("")) post.setPwd(Request.get("pwd"));
        post.setId(Request.getInt("id"));
        service.update(post); // 更新数据
        int charuid = post.getId().intValue();
        if (isAjax()) {
            return jsonResult(post);
        }
        if (Request.getInt("updtself") == 1) {
            return showSuccess("保存成功", "admins_updtself.do");
        }
        return showSuccess("保存成功", Request.get("referer")); // 弹出保存成功,并跳转到前台提交的 referer 页面
    }
    /**
     *  删除
     */
    @RequestMapping("/admins_delete")
    public String delete() {
        _var = new LinkedHashMap(); // 重置数据
        if (!checkLogin()) {
            return showError("尚未登录");
        }
        int id = Request.getInt("id"); // 根据id 删除某行数据
        Map map = Query.make("admins").find(id);
        service.delete(id); // 根据id 删除某行数据
        return showSuccess("删除成功", request.getHeader("referer")); //弹出删除成功,并跳回上一页
    }
}
package com.spring.controller;
import com.alibaba.fastjson.JSON;
import com.spring.util.JsonResult;
import java.io.IOException;
import java.io.OutputStream;
import java.util.*;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.servlet.ModelAndView;
/**
 * 控制器基类
 */
public abstract class BaseController {
    @Autowired
    protected HttpServletRequest request; // 注入
    @Autowired
    protected HttpServletResponse response; // 注入
    @Autowired
    protected HttpSession session; // 注入
    protected ModelAndView mView;
    protected Map<Object, Object> _var;
    /**
     * 控制器
     */
    public BaseController() {
        //request = ((ServletRequestAttributes) RequestContextHolder.getRequestAttributes()).getRequest();
        //response = ((ServletRequestAttributes) RequestContextHolder.getRequestAttributes()).getResponse();
        mView = new ModelAndView();
        _var = new LinkedHashMap();
    }
    /**
     * 往模板中写入数据
     * @param name
     * @param value
     */
    protected void assign(String name, Object value) {
        request.setAttribute(name, value);
        _var.put(name, value);
    }
    /**
     * 弹出框
     * @param message
     * @param code
     * @param jumpUrl
     * @param jumpTime
     * @return
     */
    protected String showMessage(String message, int code, Object data, String jumpUrl, int jumpTime) {
        if (isAjax()) {
            JsonResult jsonResult = new JsonResult(code, message, data);
            return renderString(response, JSON.toJSONString(jsonResult));
        }
        assign("message", message == null ? data : message);
        assign("code", code);
        assign("jumpUrl", jumpUrl);
        assign("jumpTime", jumpTime);
        return "message";
    }
    /**
     * 将写入json写到前端
     * @return
     */
    public String json() {
        return jsonResult(_var);
    }
    public String jsonReturn(String message, int code, Object data) {
        JsonResult result = new JsonResult(code, message, data);
        return renderString(response, JSON.toJSONString(result));
    }
    public String jsonResult(Object data) {
        return jsonReturn(null, 0, data);
    }
    public String jsonError(String msg) {
        return jsonReturn(msg, 1, null);
    }
    public Object getRequestAttributeMap() {
        //Map<Object,Object> map = new LinkedHashMap();
        Enumeration<String> names = request.getAttributeNames();
        while (names.hasMoreElements()) {
            String key = names.nextElement();
            if (!_var.containsKey(key)) {
                // 没有,则写入
                _var.put(key, request.getAttribute(key));
            }
        }
        return _var;
    }
    public String getJson() {
        Map<Object, Object> map = new LinkedHashMap();
        Enumeration<String> names = request.getAttributeNames();
        while (names.hasMoreElements()) {
            String key = names.nextElement();
            Object value = request.getAttribute(key);
            map.put(key, value);
        }
        return renderString(response, JSON.toJSONString(map));
    }
    /**
     * 将字符串渲染到客户端
     *
     * @param response 渲染对象
     * @param string 待渲染的字符串
     * @return null
     */
    public String renderString(HttpServletResponse response, String string) {
        try {
            request.getSession();
            OutputStream stream = response.getOutputStream();
            response.setContentType("application/json");
            response.setCharacterEncoding("utf-8");
            stream.write(string.getBytes());
            stream.flush();
        } catch (IOException e) {
            e.printStackTrace();
        }
        return "success";
    }
    protected boolean isAjax() {
        String accept = request.getHeader("accept");
        if (accept != null && accept.indexOf("application/json") != -1) {
            return true;
        }
        String xRequestedWith = request.getHeader("X-Requested-With");
        if (xRequestedWith != null && xRequestedWith.indexOf("XMLHttpRequest") != -1) {
            return true;
        }
        String ajax = request.getParameter("format");
        if ("json".equalsIgnoreCase(ajax)) {
            return true;
        }
        return false;
    }
    /**
     * 检测是否登录
     * @return
     */
    protected boolean checkLogin() {
        if (request.getSession().getAttribute("username") == null || "".equals(request.getSession().getAttribute("username"))) {
            return false;
        }
        return true;
    }
    /**
     * 弹出错误信息
     * @param message
     * @return
     */
    protected String showError(String message) {
        return showMessage(message, 1, null, "javascript:history(-1);", 2250);
    }
    /**
     *  弹出错误信息
     * @param message
     * @param code
     * @return
     */
    protected String showError(String message, int code) {
        return showMessage(message, code, null, "javascript:history(-1);", 2250);
    }
    /**
     * 弹出错误信息
     * @param message
     * @param url
     * @return
     */
    protected String showError(String message, String url) {
        return showMessage(message, 1, null, url, 2250);
    }
    /**
     * 弹出成功信息
     * @param data
     * @return
     */
    protected String showSuccess(Object data) {
        return showMessage(null, 0, data, request.getHeader("referer"), 2250);
    }
    /**
     * 弹出成功信息
     * @param data
     * @param url
     * @return
     */
    protected String showSuccess(String data, String url) {
        return showMessage(null, 0, data, url, 2250);
    }
}

五,相关作品展示

基于Java开发、Python开发、PHP开发、C#开发等相关语言开发的实战项目

基于Nodejs、Vue等前端技术开发的前端实战项目

基于微信小程序和安卓APP应用开发的相关作品

基于51单片机等嵌入式物联网开发应用

基于各类算法实现的AI智能应用

基于大数据实现的各类数据管理和推荐系统


相关文章
|
编解码 算法 定位技术
GEE时序——利用sentinel-2(哨兵-2)数据进行地表物候学分析(时间序列平滑法估算和非平滑算法代码)
GEE时序——利用sentinel-2(哨兵-2)数据进行地表物候学分析(时间序列平滑法估算和非平滑算法代码)
1405 3
|
机器学习/深度学习 算法 数据可视化
【机器学习】十大算法之一 “PCA”
PCA(Principal Component Analysis,主成分分析)是一种广泛使用的线性降维算法,在机器学习领域被广泛应用。通俗地说,它是一种通过将高维数据映射到低维数据,保留数据主要特征的方法。在PCA中,数据被投影到一个新的低维抽象空间中,使新的特征集能最大化地解释数据集的方差,我们可以选择保留最大方差的前k个特征值。通常,PCA被用于降维,但它也被用作一种特征提取算法。在本文中,我们介绍了PCA算法的基本原理,讨论了它的应用,以及在Python中如何实现。
1644 0
【机器学习】十大算法之一 “PCA”
|
监控 数据可视化 jenkins
Jenkins是什么
【10月更文挑战第18天】Jenkins是什么
325 2
|
11月前
|
机器学习/深度学习 人工智能 大数据
基于深度学习的图像识别技术最新进展####
近年来,深度学习在图像识别领域取得了显著突破,本文综述了该领域的最新研究进展,特别关注卷积神经网络(CNN)的优化与创新、数据集扩充与增强策略、以及模型压缩与加速技术。通过对比分析不同网络结构和训练技巧,揭示了提升图像识别精度与效率的关键因素。此外,探讨了小样本学习、迁移学习在实际应用中的挑战与解决方案,为未来研究方向提供了新的视角和思路。 ####
1001 8
|
缓存 Kubernetes 监控
Sentry(v20.12.1) K8S 云原生架构探索,Sentry JavaScript SDK 三种安装加载方式
Sentry(v20.12.1) K8S 云原生架构探索,Sentry JavaScript SDK 三种安装加载方式
1085 0
Sentry(v20.12.1) K8S 云原生架构探索,Sentry JavaScript SDK 三种安装加载方式
|
运维 监控 Shell
shell脚本的应用
Shell脚本广泛应用于自动化运维、任务调度、系统管理等领域。它们用于备份、安装、监控系统资源、创建用户、网络管理、软件构建、测试、数据处理、安装程序、批处理作业及故障恢复。通过编写脚本,可提升效率,减少错误,实现无人值守的自动化操作。
313 6
计算机网络——数据链路层-封装成帧(帧定界、透明传输-字节填充,比特填充、MTU)
计算机网络——数据链路层-封装成帧(帧定界、透明传输-字节填充,比特填充、MTU)
900 0
|
Java uml
UML之组件图(构件图)
UML之组件图(构件图)
785 0
|
IDE 网络安全 开发工具
Pycharm集成Gitee及使用
众所周知, GitHub 服务器在国外, 使用 GitHub 作为项目托管网站,如果网速不好的话,严重影响使用体验,甚至会出现登录不上的情况。针对这个情况, 大家也可以使用国内的项目托管网站-码云。
441 0