if(allMenu != null){

model.addAttribute("menus", allMenu);

}

model.addAttribute("adminName", adminName);

model.addAttribute("userName", ((User)this.getSession().getAttribute(Const.SESSION_USER)).getNickName());

model.addAttribute("userPath", ((User)this.getSession().getAttribute(Const.SESSION_USER)).getPicPath());

model.addAttribute("userStatus", "在线");

} catch (Exception e) {

e.printStackTrace();

}

return "index";

}

（三）景点管理功能模块实现

该功能模块包括了景点信息的添加，修改，删除，列表查看，根据景点名称进行模糊查询，分页操作。

查询景点全部信息界面如图

核心代码如下：

@RequestMapping("/list")

@ResponseBody

public Msg getScenicSpotFeatureJson(@RequestParam(value = "pn", defaultValue = "1") Integer pn) {

PageHelper.startPage(pn, 5);

List features = scenicSpotService.getAllByQuery();

PageInfo page = new PageInfo(features, 5);

return Msg.success().add("pageInfo", page);

}

添加景点信息运行界面如图

前端对图片上传进行处理的代码，主要是要得到图片的Base64码，然后传到后台进行处理，核心代码如下：

function chooseImg(imgId, imgBaseShowTag, showImgTag) {

var input = document.getElementById(imgId);

if (typeof (FileReader) === 'undefined') {

result.innerHTML = "操作失败，请换个浏览器重试";

input.setAttribute('disabled', 'disabled');

} else {

input.addEventListener('change', readFile, false);

}

function readFile() {

var file = this.files[0];

//判断是否是图片类型

if (!/image\/\w+/.test(file.type)) {

alert("只能选择图片");

return false;

}

var reader = new FileReader();

reader.readAsDataURL(file);

reader.onload = function (e) {

base64Code = this.result;

$(imgBaseShowTag).val(this.result);

$(showImgTag).attr("src", this.result);

}

}

}

修改景点信息运行界面如图

修改景点信息核心代码，首先我们应该根据主键id去获取我们需要修改的数据，然后再将修改后的数据通过Ajax传到后台进行处理：

@RequestMapping(value = "/{id}", method = RequestMethod.GET)

@ResponseBody

public Msg getSpot(@PathVariable("id") Long id) {

ScenicSpot scenicSpot = scenicSpotService.getSpot(id);

return Msg.success().add("spot", scenicSpot);

}

@RequestMapping(value = "/update", method = RequestMethod.POST)

@ResponseBody

public Msg updateSs() {

scenicSpotService.update(this.getParameterMap());

return Msg.success();

}

删除景点信息运行界面如图

删除一定要注意发起Ajax的时候type要为delete,删除某一页中的记录，一定要调到这一页，我们才能看到数据是否删除成功，代码如下 ：

$(document).on("click", ".delete_btn", function () {

var scenicSpotName = $(this).parents("tr").find("td:eq(3)").text();

var scenicSpotId = $(this).attr("del-id");

if (confirm("确认删除[" + scenicSpotName + "]吗?")) {

$.ajax({

url: "/scenic/spot/delete/" + scenicSpotId,

type: "DELETE",

success: function (result) {

alert(result.msg);

to_page(currentPage);

}

});

}

});

（四）旅行线路信息管理功能模块实现

线路管理是此系统的其中一个功能模块，其中包括了线路的列表查看，新增，删除，修改，导入，导出和根据线路名称进行模糊查询。除此之外，我们对线路信息的查看进行了分页操作，每一页只显示5条记录。还对上一页，下一页，首页，尾页对应的按钮做了相应的判断，如果没有对应的页码，将禁用对应的按钮。而且，我还对线路做了可以查看该线路上对应的景点信息和该线路拥有哪些班次。

查询全部线路信息界面如图：

查询全部线路信息实现核心代码：我们通过Ajax发起请求后，后台会将数据获取后封装到Json数据（这个函数的result）中，而在前端，我们只需要解析Json数据后再显示到页面即可 ：

function build_lines_table(result) {

debugger;

//清空table表格

$("#lines_table tbody").empty();

var lines = result.extend.pageInfo.list;

$.each(lines, function (index, item) {

var checkBoxTd = $("");

var lineId = $("").append(item.lineId);

var lineName = $("").append(item.lineName);

var lineStar = $("").append(item.lineStar);

var lineEnd = $("").append(item.lineEnd);

var lineSpendDay = $("").append(item.lineSpendDay);

var lineViewIntroduce = $("").addClass("autocut").append(item.lineViewIntroduce);

var showShiftTd = $("").append(showShiftBtn);

var btnTd = $("").append(editBtn).append(" ").append(

delBtn);

//append方法执行完成以后还是返回原来的元素

$("").append(checkBoxTd).append(lineId).append(lineName).append(

lineStar).append(lineEnd).append(lineSpendDay).append(

lineViewIntroduce).append(showSpotTd).append(showShiftTd).append(btnTd).appendTo("#lines_table tbody");

});

}

导出线路信息运行界面如图

导出信息核心代码实现：首先我们采用的是第三方库的exportExcel方法：

public static void exportExcel(List list, String title, String sheetName, Class pojoClass,String fileName, HttpServletResponse response){

defaultExport(list, pojoClass, fileName, response, new ExportParams(title, sheetName));

}

@RequestMapping("export")

public void export(HttpServletResponse response){

List features = touristLineService.getAll();

//导出操作

FileUtil.exportExcel(features,"线路信息","线路",TouristLine.class,"线路信息.xls",response);

}

导入线路信息运行截图如图

代码实现：首先我们采用了第三方库的importExcel方法 ：

public static List importExcel(String filePath,Integer titleRows,Integer headerRows, Class pojoClass){

if (StringUtils.isBlank(filePath)){

return null;

}

ImportParams params = new ImportParams();

params.setTitleRows(titleRows);

params.setHeadRows(headerRows);

List list = null;

try {

list = ExcelImportUtil.importExcel(new File(filePath), pojoClass, params);

}catch (NoSuchElementException e){

e.getMessage();

} catch (Exception e) {

e.printStackTrace();

e.getMessage();

}

return list;

}

@RequestMapping("import")

@ResponseBody

public Msg importExcel(){

String filePath = "D:\\线路信息.xls";

//解析excel，

List touristLines = FileUtil.importExcel(filePath,1,1,TouristLine.class);

System.out.println("导入数据一共【"+touristLines.size()+"】行");

for(TouristLine line:touristLines){

touristLineService.add(line);

}

return Msg.success();

}

旅行社管理系统前台功能实现

为了测试旅行社管理系统能否正常的运行，数据库设计有没有问题，我写了旅行网站的前端页面。首页顶端是旅游客户的功能菜单按钮，包括了跟团游、风景区查看、欢迎信息和退出登录，用户端首页如图：

网站前端首页核心代码：当旅游用户登录成功后，会去访问home路径，然后后台会返回给我们登陆成功和用户名等信息：

@RequestMapping(value={"/home"},method= RequestMethod.GET)

public String toGroupPage(Model model){

model.addAttribute("userName", ((User)this.getSession().getAttribute(Const.SESSION_USER)).getNickName());

model.addAttribute("userId", ((User)this.getSession().getAttribute(Const.SESSION_USER)).getUserId());

return "page/visitorPage/showTouristGroup";

}

首页顶端功能菜单按钮和欢迎信息以及退出登录按钮的HTML代码：

• 首页
• 跟团游
• 风景区
• 关于
• 联系我们

• 欢迎您：管理员
• |
• 退出登录

网站首页还包含了所有的旅游团的基本信息，当点击查看详情，可以去到该旅游团的详细信息，包括了还旅游团所住的酒店安排，乘坐的班次信息，导游信息，旅游景点安排，前端旅行团信息界面如图：

当点击我要参团按钮的时候，会弹出游客信息添加的框，填写相关信息才能参报旅行团，参报旅行团信息填写界面如图：

参报旅行团核心代码：这段代码主要是要对旅游团的状态进行判断，只有当状态为待出发才能参报，否则为参报不成功并给出原因：

$("#join_group").click(function () {

var status = document.getElementById("touristGroupsStatus");

debugger;

if(status.innerHTML == "待出发"){

reloadModelData("信息填写", "确认", "/visitor/info/save", "", "18", "", "","");

$("#visitorModal").modal("show");

}else{

alert("该旅行团处于已出发或取消状态！");

}

});

到此，已经基本按照我们事先的功能预算，以及对数据库的需求分析，根据数据库的逻辑和我们系统的业务逻辑完成了我们旅行社管理系统全部功能。

欢迎扫描下面二维码关注我的微信公众号，一起学习交流。