基于微信小程序+SSM+Vue+Node实现智慧旅游商城系统
作者主页：编程千纸鹤
作者简介：Java、前端、Pythone开发多年，做过高程，项目经理，架构师
主要内容：Java项目开发、毕业设计开发、面试技术整理、最新技术分享
一，项目简介
随着互联网的趋势的到来，各行各业都在考虑利用互联网将自己的信息推广出去，最好方式就是建立自己的平台信息，并对其进行管理，随着现在智能手机的普及，人们对于智能手机里面的应用旅游服务软件也在不断的使用，本文首先分析了旅游服务软件应用程序的需求，从系统开发环境、系统目标、设计流程、功能设计等几个方面对系统进行了系统设计。开发出本旅游服务软件，主要实现了管理员后端；首页、个人中心、旅游攻略管理、旅游资讯管理、景点信息管理、门票预定管理、用户管理、酒店信息管理、酒店预定管理、推荐路线管理、论坛管理、系统管理，用户前端；首页、景点信息、酒店信息、论坛中心、我的等。总体设计主要包括系统功能设计、该系统里充分综合应用Mysql数据库、JAVA等相关知识。网页界面的构成，具备简单易懂、便捷等特征。设计过程中，第一，静态页面的制作需要应用语言，以及APP的美工，在这些方面均收获了较好的成绩。第二，针对HBuilder X等技术动态编程以及数据库进行努力学习和大量实践，并运用到了APP的建设中。
管理员、用户可通过HBuilder X系统手机打开系统，注册登录后可进行；
管理员；首页、个人中心、旅游攻略管理、旅游资讯管理、景点信息管理、门票预定管理、用户管理、酒店信息管理、酒店预定管理、推荐路线管理、论坛管理、系统管理等。
用户：通过微信小程序可以在线注册登陆、查看景点、在线预定门票、查看旅游线路进行推荐、查看酒店信息并进行在线预定、在线发贴交流操作、个人信息管理等等。
本系统的使用主要是为了给用户提供便利的查询旅游服务软件的平台，满足用户手机查询旅游服务软件的需求，促进旅游服务软件的发展。
管理员功能用例：
系统功能模块图：
在开发设计旅游服务软件的时候，首先进行需求分析，进而对系统进行总体的设计规划，设计系统功能模块，测试等，旅游服务软件的设计流程图，如图所示。
二，环境介绍
语言环境：Java: jdk1.8
数据库：Mysql: mysql5.7
应用服务器：Tomcat: tomcat8.5.31
开发工具：IDEA、HbuilderX、微信开发者工具
后台开发技术：SSM框架+Vue+Nodejs+ElemenetUI
前端开发技术：微信小程序
三，系统展示
5.1管理员登录模块
管理员通过页面输入用户名、密码、角色进行登录操作，如图5-1所示。
图5-1管理员登录界面图
5.2管理员后端功能模块
管理员通过页面进行登录操作，登陆系统后，可以查看首页、个人中心、旅游攻略管理、旅游资讯管理、景点信息管理、门票预定管理、用户管理、酒店信息管理、酒店预定管理、推荐路线管理、论坛管理、系统管理等模块进行查看、编辑修改操作；如图5-2所示。
图5-2管理员功能界面图
旅游资讯管理：通过内容列表可以获取资讯标题、封面图片、发布时间等信息，进行查看详情、修改、删除操作，如图5-3所示；
图5-3旅游资讯管理界图面
景点信息管理：通过内容列表可以获取景点名称、等级、景点图片、门票价格、开放时间、服务电话等进行详情或修改、删除操作，如图5-4所示；
图5-4景点信息管理界图面
用户管理：通过内容列表可以获取用户账号、密码、用户姓名、头像、手机号、身份证等信息，进行查看、修改、删除操作，如图5-5所示；
图5-5用户管理界图面
酒店信息管理：通过内容列表可以获取酒店名称、类别、星级、酒店图片、酒店地址、房间类型、一晚价格、联系电话等信息，进行查看、修改、删除操作，如图5-6所示；
图5-6酒店信息管理界图面
推荐路线管理：通过内容列表可以获取标题、景点名称、详细地址、图片、路线详细、交通工具等信息，进行查看、详情、修改、删除操作，如图5-7所示；
图5-7推荐路线管理界图面
轮播图；该页面为轮播图管理界面。管理员可以在此页面进行首页轮播图的管理，通过新建操作可在轮播图中加入新的图片，还可以对以上传的图片进行修改操作，以及图片的删除操作。如图5-8所示；
图5-8轮播图管理界面图
旅游攻略管理：管理员通过旅游攻略管理页面查看攻略标题、发布时间、攻略内容、图片、用户账号进行添加、删除、修改以及查看等操作。如图5-9所示；
图5-9旅游攻略管理界面图
门票预定管理：管理员通过门票预定管理页面查看景点名称、等级、景点图片、详细地址、门票价格、购买数量、总价格等信息进行添加、删除、修改以及查看等操作。如图5-10所示；
图5-10门票预定管理界面图
5.3用户前端功能模块
注册
在注册页面可以填写用户账号、密码、用户姓名、手机号、身份证等信息，进行注册如图5.11所示。
图5.11注册界面图
用户登录
在登录页面填写账号、密码进行登录如图5.12所示。
图5.12用户登录界面图
首页
用户登录到首页可以查看首页、景点信息、酒店信息、论坛中心、我的等内容，如图5.13所示。
图5.13首页功能界面图
我的
在我的页面可以查看旅游攻略、景点信息、门票预定、酒店信息、酒店预定、推荐路线、我要发帖等信息，如图5.14所示。
图5.14我的界面图
用户信息
在用户信息页面可以查看用户账号、密码、用户姓名 头像、手机号等信息，并可根据需要进行保存，如图5.15所示。
图5.15用户信息界面图
旅游攻略
在旅游攻略可以查看攻略标题、发布时间、图片、用户账号、攻略内容等信息，并可根据需要对旅游攻略进行提交，如图5.16所示。
5.16旅游攻略界面图
景点信息
在景点信息页面可以查看景点名称、等级、景点图片、门票价格、开放时间、服务电话、详细地址等信息，并可根据需要对景点信息进行门票预订，如图5.17所示。
图5.17景点信息界面图
酒店信息
在酒店信息页面可以查看酒店名称、类别、星级、酒店图片、酒店地址、房间类型、一晚价格、联系电话等内容，并可根据需要进行酒店预订，如图5.18所示。
图5.18酒店信息界面图
门票预定
在门票预定页面可以查看景点名称、等级、详细地址、门票价格、购买数量、总价格等内容，并可根据需要进行支付，如图5.19所示。
图5.19门票预定界面图
我要发帖
在我要发帖页面可以查看内容等内容，并可根据需要进行确认提交，如图5.20所示。
图5.20我要发帖界面图
论坛中心
在论坛中心页面可以查看内容等内容，并可根据需要进行评论，如图5.21所示。
图5.21论坛中心界面图
四，核心代码展示
package com.controller;
import java.io.File;
import java.io.FileNotFoundException;
import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Calendar;
import java.util.Date;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import javax.servlet.http.HttpServletRequest;
import org.apache.commons.lang3.StringUtils;
import org.json.JSONObject;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.util.ResourceUtils;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import com.annotation.IgnoreAuth;
import com.baidu.aip.face.AipFace;
import com.baidu.aip.face.MatchRequest;
import com.baidu.aip.util.Base64Util;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.baomidou.mybatisplus.mapper.Wrapper;
import com.entity.ConfigEntity;
import com.service.CommonService;
import com.service.ConfigService;
import com.utils.BaiduUtil;
import com.utils.FileUtil;
import com.utils.R;
/**
* 通用接口
*/
@RestController
public class CommonController{
@Autowired
private CommonService commonService;
@Autowired
private ConfigService configService;
private static AipFace client = null;
private static String BAIDU_DITU_AK = null;
@RequestMapping("/location")
public R location(String lng,String lat) {
if(BAIDU_DITU_AK==null) {
BAIDU_DITU_AK = configService.selectOne(new EntityWrapper().eq("name", "baidu_ditu_ak")).getValue();
if(BAIDU_DITU_AK==null) {
return R.error("请在配置管理中正确配置baidu_ditu_ak");
}
}
Map map = BaiduUtil.getCityByLonLat(BAIDU_DITU_AK, lng, lat);
return R.ok().put("data", map);
}
/**
* 人脸比对
*
* @param face1 人脸1
* @param face2 人脸2
* @return
*/
@RequestMapping("/matchFace")
public R matchFace(String face1, String face2,HttpServletRequest request) {
if(client==null) {
/*String AppID = configService.selectOne(new EntityWrapper().eq("name", "AppID")).getValue();*/
String APIKey = configService.selectOne(new EntityWrapper().eq("name", "APIKey")).getValue();
String SecretKey = configService.selectOne(new EntityWrapper().eq("name", "SecretKey")).getValue();
String token = BaiduUtil.getAuth(APIKey, SecretKey);
if(token==null) {
return R.error("请在配置管理中正确配置APIKey和SecretKey");
}
client = new AipFace(null, APIKey, SecretKey);
client.setConnectionTimeoutInMillis(2000);
client.setSocketTimeoutInMillis(60000);
}
JSONObject res = null;
try {
File file1 = new File(request.getSession().getServletContext().getRealPath("/upload")+"/"+face1);
File file2 = new File(request.getSession().getServletContext().getRealPath("/upload")+"/"+face2);
String img1 = Base64Util.encode(FileUtil.FileToByte(file1));
String img2 = Base64Util.encode(FileUtil.FileToByte(file2));
MatchRequest req1 = new MatchRequest(img1, "BASE64");
MatchRequest req2 = new MatchRequest(img2, "BASE64");
ArrayList requests = new ArrayList();
requests.add(req1);
requests.add(req2);
res = client.match(requests);
System.out.println(res.get("result"));
} catch (FileNotFoundException e) {
e.printStackTrace();
return R.error("文件不存在");
} catch (IOException e) {
e.printStackTrace();
}
return R.ok().put("data", com.alibaba.fastjson.JSONObject.parse(res.get("result").toString()));
}
/**
* 获取table表中的column列表(联动接口)
* @param table
* @param column
* @return
*/
@IgnoreAuth
@RequestMapping("/option/{tableName}/{columnName}")
public R getOption(@PathVariable("tableName") String tableName, @PathVariable("columnName") String columnName,String level,String parent) {
Map params = new HashMap();
params.put("table", tableName);
params.put("column", columnName);
if(StringUtils.isNotBlank(level)) {
params.put("level", level);
}
if(StringUtils.isNotBlank(parent)) {
params.put("parent", parent);
}
List data = commonService.getOption(params);
return R.ok().put("data", data);
}
/**
* 根据table中的column获取单条记录
* @param table
* @param column
* @return
*/
@IgnoreAuth
@RequestMapping("/follow/{tableName}/{columnName}")
public R getFollowByOption(@PathVariable("tableName") String tableName, @PathVariable("columnName") String columnName, @RequestParam String columnValue) {
Map params = new HashMap();
params.put("table", tableName);
params.put("column", columnName);
params.put("columnValue", columnValue);
Map result = commonService.getFollowByOption(params);
return R.ok().put("data", result);
}
/**
* 修改table表的sfsh状态
* @param table
* @param map
* @return
*/
@RequestMapping("/sh/{tableName}")
public R sh(@PathVariable("tableName") String tableName, @RequestBody Map map) {
map.put("table", tableName);
commonService.sh(map);
return R.ok();
}
/**
* 获取需要提醒的记录数
* @param tableName
* @param columnName
* @param type 1:数字 2:日期
* @param map
* @return
*/
@IgnoreAuth
@RequestMapping("/remind/{tableName}/{columnName}/{type}")
public R remindCount(@PathVariable("tableName") String tableName, @PathVariable("columnName") String columnName,
@PathVariable("type") String type,@RequestParam Map map) {
map.put("table", tableName);
map.put("column", columnName);
map.put("type", type);
if(type.equals("2")) {
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
Calendar c = Calendar.getInstance();
Date remindStartDate = null;
Date remindEndDate = null;
if(map.get("remindstart")!=null) {
Integer remindStart = Integer.parseInt(map.get("remindstart").toString());
c.setTime(new Date());
c.add(Calendar.DAY_OF_MONTH,remindStart);
remindStartDate = c.getTime();
map.put("remindstart", sdf.format(remindStartDate));
}
if(map.get("remindend")!=null) {
Integer remindEnd = Integer.parseInt(map.get("remindend").toString());
c.setTime(new Date());
c.add(Calendar.DAY_OF_MONTH,remindEnd);
remindEndDate = c.getTime();
map.put("remindend", sdf.format(remindEndDate));
}
}
int count = commonService.remindCount(map);
return R.ok().put("count", count);
}
/**
* 单列求和
*/
@IgnoreAuth
@RequestMapping("/cal/{tableName}/{columnName}")
public R cal(@PathVariable("tableName") String tableName, @PathVariable("columnName") String columnName) {
Map params = new HashMap();
params.put("table", tableName);
params.put("column", columnName);
Map result = commonService.selectCal(params);
return R.ok().put("data", result);
}
/**
* 分组统计
*/
@IgnoreAuth
@RequestMapping("/group/{tableName}/{columnName}")
public R group(@PathVariable("tableName") String tableName, @PathVariable("columnName") String columnName) {
Map params = new HashMap();
params.put("table", tableName);
params.put("column", columnName);
List> result = commonService.selectGroup(params);
return R.ok().put("data", result);
}
/**
* （按值统计）
*/
@IgnoreAuth
@RequestMapping("/value/{tableName}/{xColumnName}/{yColumnName}")
public R value(@PathVariable("tableName") String tableName, @PathVariable("yColumnName") String yColumnName, @PathVariable("xColumnName") String xColumnName) {
Map params = new HashMap();
params.put("table", tableName);
params.put("xColumn", xColumnName);
params.put("yColumn", yColumnName);
List> result = commonService.selectValue(params);
return R.ok().put("data", result);
}
}
package com.controller;
import java.util.Arrays;
import java.util.Map;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import com.annotation.IgnoreAuth;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.entity.ConfigEntity;
import com.service.ConfigService;
import com.utils.PageUtils;
import com.utils.R;
import com.utils.ValidatorUtils;
/**
* 登录相关
*/
@RequestMapping("config")
@RestController
public class ConfigController{
@Autowired
private ConfigService configService;
/**
* 列表
*/
@RequestMapping("/page")
public R page(@RequestParam Map params,ConfigEntity config){
EntityWrapper ew = new EntityWrapper();
PageUtils page = configService.queryPage(params);
return R.ok().put("data", page);
}
/**
* 列表
*/
@IgnoreAuth
@RequestMapping("/list")
public R list(@RequestParam Map params,ConfigEntity config){
EntityWrapper ew = new EntityWrapper();
PageUtils page = configService.queryPage(params);
return R.ok().put("data", page);
}
/**
* 信息
*/
@RequestMapping("/info/{id}")
public R info(@PathVariable("id") String id){
ConfigEntity config = configService.selectById(id);
return R.ok().put("data", config);
}
/**
* 详情
*/
@IgnoreAuth
@RequestMapping("/detail/{id}")
public R detail(@PathVariable("id") String id){
ConfigEntity config = configService.selectById(id);
return R.ok().put("data", config);
}
/**
* 根据name获取信息
*/
@RequestMapping("/info")
public R infoByName(@RequestParam String name){
ConfigEntity config = configService.selectOne(new EntityWrapper().eq("name", "faceFile"));
return R.ok().put("data", config);
}
/**
* 保存
*/
@PostMapping("/save")
public R save(@RequestBody ConfigEntity config){
// ValidatorUtils.validateEntity(config);
configService.insert(config);
return R.ok();
}
/**
* 修改
*/
@RequestMapping("/update")
public R update(@RequestBody ConfigEntity config){
// ValidatorUtils.validateEntity(config);
configService.updateById(config);//全部更新
return R.ok();
}
/**
* 删除
*/
@RequestMapping("/delete")
public R delete(@RequestBody Long[] ids){
configService.deleteBatchIds(Arrays.asList(ids));
return R.ok();
}
}
package com.controller;
import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Arrays;
import java.util.Calendar;
import java.util.Map;
import java.util.HashMap;
import java.util.Iterator;
import java.util.Date;
import java.util.List;
import javax.servlet.http.HttpServletRequest;
import com.utils.ValidatorUtils;
import org.apache.commons.lang3.StringUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.baomidou.mybatisplus.mapper.Wrapper;
import com.annotation.IgnoreAuth;
import com.entity.DiscussjingdianxinxiEntity;
import com.entity.view.DiscussjingdianxinxiView;
import com.service.DiscussjingdianxinxiService;
import com.service.TokenService;
import com.utils.PageUtils;
import com.utils.R;
import com.utils.MPUtil;
import com.utils.CommonUtil;
/**
* 景点信息评论表
* 后端接口
* @author
* @email
* @date 2022-09-29 11:11:16
*/
@RestController
@RequestMapping("/discussjingdianxinxi")
public class DiscussjingdianxinxiController {
@Autowired
private DiscussjingdianxinxiService discussjingdianxinxiService;
/**
* 后端列表
*/
@RequestMapping("/page")
public R page(@RequestParam Map params,DiscussjingdianxinxiEntity discussjingdianxinxi, HttpServletRequest request){
EntityWrapper ew = new EntityWrapper();
PageUtils page = discussjingdianxinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, discussjingdianxinxi), params), params));
return R.ok().put("data", page);
}
/**
* 前端列表
*/
@IgnoreAuth
@RequestMapping("/list")
public R list(@RequestParam Map params,DiscussjingdianxinxiEntity discussjingdianxinxi, HttpServletRequest request){
EntityWrapper ew = new EntityWrapper();
PageUtils page = discussjingdianxinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, discussjingdianxinxi), params), params));
return R.ok().put("data", page);
}
/**
* 列表
*/
@RequestMapping("/lists")
public R list( DiscussjingdianxinxiEntity discussjingdianxinxi){
EntityWrapper ew = new EntityWrapper();
ew.allEq(MPUtil.allEQMapPre( discussjingdianxinxi, "discussjingdianxinxi"));
return R.ok().put("data", discussjingdianxinxiService.selectListView(ew));
}
/**
* 查询
*/
@RequestMapping("/query")
public R query(DiscussjingdianxinxiEntity discussjingdianxinxi){
EntityWrapper< DiscussjingdianxinxiEntity> ew = new EntityWrapper< DiscussjingdianxinxiEntity>();
ew.allEq(MPUtil.allEQMapPre( discussjingdianxinxi, "discussjingdianxinxi"));
DiscussjingdianxinxiView discussjingdianxinxiView = discussjingdianxinxiService.selectView(ew);
return R.ok("查询景点信息评论表成功").put("data", discussjingdianxinxiView);
}
/**
* 后端详情
*/
@RequestMapping("/info/{id}")
public R info(@PathVariable("id") Long id){
DiscussjingdianxinxiEntity discussjingdianxinxi = discussjingdianxinxiService.selectById(id);
return R.ok().put("data", discussjingdianxinxi);
}
/**
* 前端详情
*/
@RequestMapping("/detail/{id}")
public R detail(@PathVariable("id") Long id){
DiscussjingdianxinxiEntity discussjingdianxinxi = discussjingdianxinxiService.selectById(id);
return R.ok().put("data", discussjingdianxinxi);
}
/**
* 后端保存
*/
@RequestMapping("/save")
public R save(@RequestBody DiscussjingdianxinxiEntity discussjingdianxinxi, HttpServletRequest request){
discussjingdianxinxi.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
//ValidatorUtils.validateEntity(discussjingdianxinxi);
discussjingdianxinxiService.insert(discussjingdianxinxi);
return R.ok();
}
/**
* 前端保存
*/
@RequestMapping("/add")
public R add(@RequestBody DiscussjingdianxinxiEntity discussjingdianxinxi, HttpServletRequest request){
discussjingdianxinxi.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
//ValidatorUtils.validateEntity(discussjingdianxinxi);
discussjingdianxinxiService.insert(discussjingdianxinxi);
return R.ok();
}
/**
* 修改
*/
@RequestMapping("/update")
public R update(@RequestBody DiscussjingdianxinxiEntity discussjingdianxinxi, HttpServletRequest request){
//ValidatorUtils.validateEntity(discussjingdianxinxi);
discussjingdianxinxiService.updateById(discussjingdianxinxi);//全部更新
return R.ok();
}
/**
* 删除
*/
@RequestMapping("/delete")
public R delete(@RequestBody Long[] ids){
discussjingdianxinxiService.deleteBatchIds(Arrays.asList(ids));
return R.ok();
}
/**
* 提醒接口
*/
@RequestMapping("/remind/{columnName}/{type}")
public R remindCount(@PathVariable("columnName") String columnName, HttpServletRequest request,
@PathVariable("type") String type,@RequestParam Map map) {
map.put("column", columnName);
map.put("type", type);
if(type.equals("2")) {
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
Calendar c = Calendar.getInstance();
Date remindStartDate = null;
Date remindEndDate = null;
if(map.get("remindstart")!=null) {
Integer remindStart = Integer.parseInt(map.get("remindstart").toString());
c.setTime(new Date());
c.add(Calendar.DAY_OF_MONTH,remindStart);
remindStartDate = c.getTime();
map.put("remindstart", sdf.format(remindStartDate));
}
if(map.get("remindend")!=null) {
Integer remindEnd = Integer.parseInt(map.get("remindend").toString());
c.setTime(new Date());
c.add(Calendar.DAY_OF_MONTH,remindEnd);
remindEndDate = c.getTime();
map.put("remindend", sdf.format(remindEndDate));
}
}
Wrapper wrapper = new EntityWrapper();
if(map.get("remindstart")!=null) {
wrapper.ge(columnName, map.get("remindstart"));
}
if(map.get("remindend")!=null) {
wrapper.le(columnName, map.get("remindend"));
}
int count = discussjingdianxinxiService.selectCount(wrapper);
return R.ok().put("count", count);
}
}
五，项目总结
通过需求分析和设计出了旅游服务软件，实现首页、个人中心、旅游攻略管理、旅游资讯管理、景点信息管理、门票预定管理、用户管理、酒店信息管理、酒店预定管理、推荐路线管理、论坛管理、系统管理等功能，给用户提供一个完整的旅游服务软件资源平台。对旅游服务软件进行系统测试。