基于微信小程序的旅游出行必备商城系统的设计与开发(源码+lw+部署文档+讲解等)

于 2023-11-20 16:36:34 发布
阅读量64 收藏
点赞数
文章标签： 微信小程序 旅游 notepad++
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51096760/article/details/134512420
版权

文章目录

前言

💗博主介绍：✌新人博主,工作经验两年+、专注于Java、小程序技术领域和毕业项目实战✌💗

🌟文末获取源码+数据库🌟
感兴趣的可以先收藏起来，还有大家在毕设选题，项目以及论文编写等相关问题都可以给我留言咨询，希望帮助更多的人

项目背景介绍

随着科技的不断发展，旅游业越来越趋向数字化和智能化。人们习惯使用智能设备规划旅行、预订服务，因此基于微信小程序的商城系统成为满足用户需求的理想选择。 旅游出行过程中，用户需求涵盖了交通、住宿、餐饮、景点门票、导游服务等多个方面。为了满足这些多样性的需求，商城系统需要整合各类旅游服务和商品，为用户提供一站式的购物体验。微信是中国最受欢迎的社交平台之一，拥有庞大的用户基础。基于微信小程序的商城系统可以直接借助微信的社交网络，提高曝光率和用户使用便利性。微信支付作为一种主流的移动支付方式，为用户提供了便捷的支付体验。商城系统通过与微信支付的整合，使用户能够方便地完成订单支付。
通过分析用户的历史购买记录和偏好，商城系统可以实现个性化推荐，向用户推荐符合其兴趣和需求的旅游商品和服务。同时，系统可以支持用户定制旅行计划，提高用户满意度。

技术栈

后端框架SSM

SSM框架是指Spring + SpringMVC + MyBatis这三个框架的整合使用，通常用于构建JavaWeb应用程序，其中包括Spring，SpringMVC框架，MyBatis框架。其特点是，松耦合性： 通过整合，可以实现Spring的依赖注入、AOP等特性，SpringMVC的灵活的控制器和视图解析，以及MyBatis的数据库操作，使得各个层次之间的耦合度降低，提高了代码的可维护性和可扩展性。事务管理： Spring提供了强大的事务管理机制，可以轻松地与MyBatis整合，实现对数据库操作的事务管理，确保数据的一致性。简化开发： MyBatis通过SQL映射文件或注解，简化了数据库操作，而SpringMVC提供了灵活的Web开发支持，整合后可以更方便地进行全栈开发。
整体而言，SSM框架的整合利用了各自框架的优势，使得开发者可以更高效、便捷地构建和管理JavaWeb应用程序。

前端框架Vue

Vue.js的核心是虚拟DOM技术。虚拟DOM是一个内存中的数据结构，它可以帮助Vue.js实现高效的DOM操作，它采用了响应式数据绑定、虚拟DOM、组件化等现代化技术，为开发者提供了一种灵活、高效、易于维护的开发模式，当数据发生变化时，UI也会自动更新，这样就使得开发者可以更加专注于数据处理，而不是手动更新UI，这就是Vue体现出来的简洁，灵活，高效。

数据库MySQL（My Structured Query Language）

MySQL是一种开源的关系型数据库管理系统（RDBMS），广泛应用于Web应用程序的后端开发、数据存储和检索等方面. MySQL是一个开源的数据库管理系统，意味着用户可以免费使用、修改和分发它的源代码。这使得MySQL成为许多开发者和组织的首选数据库系统之一。 MySQL提供了跨多个平台的支持，可以在不同的操作系统上运行，包括Windows、Linux、macOS等。这为开发者提供了更大的灵活性，使得MySQL可以适用于各种不同的开发和部署环境。由于MySQL的开源性质，有庞大的社区支持和活跃的开发者社区。这使得用户可以从丰富的文档、论坛和其他资源中获取帮助，并且有许多基于MySQL的工具和应用程序可供使用。

微信小程序

微信小程序是一种在微信平台上运行的小型应用程序，用户可以在不需要下载安装的情况下直接在微信中使用。以下是关于微信小程序的一些基本信息： 微信小程序主要使用两种编程语言，即WXML（WeiXin Markup Language）和WXSS（WeiXin Style Sheets）。WXML类似于HTML，用于描述小程序的结构，而WXSS类似于CSS，用于描述小程序的样式。
微信提供了专门的小程序开发工具，开发者可以在这个工具中进行小程序的开发、调试和预览。该工具集成了代码编辑、实时预览、调试等功能，方便开发者进行小程序开发。
一个微信小程序通常由页面、组件、JS脚本、WXML模板、WXSS样式等组成。小程序的整体架构采用了模块化的设计，方便开发者进行组件化开发和维护。
微信小程序有自己的生命周期，包括onLoad、onShow、onHide等事件，开发者可以在不同的生命周期中执行相应的操作。
微信小程序提供了一系列的API，涵盖了网络请求、数据缓存、设备信息获取、地理位置、支付等多个方面。开发者可以通过这些API实现小程序的各种功能。
微信小程序在移动应用开发领域有着广泛的应用，尤其适用于那些不需要复杂安装和卸载流程的场景。开发者可以通过微信公众平台申请小程序账号，开始开发自己的小程序。

具体实现截图

Image
Image
Image
Image
Image

详细视频演示

请联系我获取更详细的演示视频

系统测试

从多个角度进行测试找到系统中存在的问题是本系统首要的测试目的，通过功能测试寻找出系统缺陷并改正，确保系统没有缺陷。在测试过程中证明系统满足客户需求，发现问题和不足及时改正。测试完成之后得出测试结论。

系统测试目的

在旅游出行必备商城系统的开发周期中，系统测试是必不可少且考验耐心的过程。其重要性在于，它是保证系统质量和牢靠性的最后一道关，也是整个系统开发过程的最后一次检查。
系统测试主要是为了避免用户在使用时发生问题，增强用户体验感，为了不影响用户的使用，我们需要从多角度、多思路去考虑系统可能遇到的问题，通过不同的模拟场景来发现缺陷并解决问题。在测试的过程中也可以了解到该系统的质量情况，系统功能是否健全，系统逻辑是否顺畅。一个合格的系统测试过程完成后将大大提升系统质量和使用感。测试的目标是验证系统是否符合需求规格说明书的定义，并找出与需求规格说明书不符合或与之冲突的内容。测试过程中一定站在用户的角度考虑问题，避免一些不切实际的场景，浪费测试时间，从而可能会引起问题导致预期结果与实际结果不符。

系统功能测试

对系统功能模块进行测试，通过点击、输入边界值和必填项非必填项的验证等方法进行一系列的黑盒测试。通过编写测试用例，根据测试用例中的内容进行测试，最后得出测试结论。
登录功能测试方案：当需要登入该系统时，通过账户密码等功能点进行验证，用户在输入时需要输入与数据库内存储的数据匹配的内容，当其中某项输入错误时系统将提示输入错误。此界面对角色权限也有相应的校验，当用户角色的帐号选择管理员角色登录时，也会报错。登录功能测试用例如下表所示。

输入数据预期结果实际结果结果分析
用户名：guanliyuan 密码：123456 验证码：正确输入登入系统成功登入系统和估算结果一样
用户名：guanliyuan 密码：111111 验证码：正确输入密码错误密码错误，请重新输入密码和估算结果一样
用户名：guanliyuan 密码：123456 验证码：错误输入验证码错误验证码信息错误和估算结果一样
用户名：空 密码：123456 验证码：正确输入用户名必填请输入用户名和估算结果一样
用户名：guanliyuan 密码：空 验证码：正确输入密码错误密码错误，请重新输入密码和估算结果一样

用户管理功能测试方案：用户管理主要有添加、编辑、删除、查找用户功能。添加用户时，必填项不填，检验系统是否有非空检验；添加已有的用户信息，检验是否提示用户名已被使用；删除用户信息，系统将检验是否进行此操作；更改用户信息，更改用户信息后页面是否可以展示出来。用户管理测试用例如下表所示。

输入数据预期结果实际结果结果分析
填入用户基本信息添加成功，在用户列表中显示该用户出现在在列表中和估算结果一样
修改用户信息编辑成功，修改信息成功被修改用户信息被修改和估算结果一样
选中删除用户系统询问是否删除用户，确认后用户被删除验证码信息错误系统询问是否删除用户，确认后查找不到用户信息和估算结果一样
添加用户时不填用户名提示用户名不能为空提示用户名不能为空和估算结果一样
填入已有用户名添加失败，提示用户名重复添加失败，提示用户名重复和估算结果一样

系统测试结论

本系统主要使用黑盒测试，通过模拟用户使用系统实现各个功能编写测试用例，并进行测试。以确保系统流程的正确性。系统测试必不可少，可以使系统更加完善，该系统的可使用性也会更高。
测试该系统主要为了验证系统的功能模块是否满足我们最初的设计理念，验证各个功能模块逻辑是否正确，此系统不需要过于复杂的逻辑处理，以便于使用者操作。测试的最终目的也是围绕着用户使用展开。测试过程中所有场景都应符合用户需求，不可偏离需求目标，遇到问题时要站在用户的角度进行思考。经过一系列的测试过程后得到最终的测试结果，从测试结果可以看出，实现的系统在功能和性能方面满足设计要求。

代码参考

@IgnoreAuth
@PostMapping(value = "/login")
public R login(String username, String password, String captcha, HttpServletRequest request) {
   UsersEntity user = userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", username));
   if(user==null || !user.getPassword().equals(password)) {
      return R.error("账号或密码不正确");
   }
   String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
   return R.ok().put("token", token);
}

	@Override
	public String generateToken(Long userid,String username, String tableName, String role) {
		TokenEntity tokenEntity = this.selectOne(new EntityWrapper<TokenEntity>().eq("userid", userid).eq("role", role));
		String token = CommonUtil.getRandomString(32);
		Calendar cal = Calendar.getInstance();   
    	cal.setTime(new Date());   
    	cal.add(Calendar.HOUR_OF_DAY, 1);
		if(tokenEntity!=null) {
			tokenEntity.setToken(token);
			tokenEntity.setExpiratedtime(cal.getTime());
			this.updateById(tokenEntity);
		} else {
			this.insert(new TokenEntity(userid,username, tableName, role, token, cal.getTime()));
		}
		return token;
	}



/**
 * 权限(Token)验证
 */
@Component
public class AuthorizationInterceptor implements HandlerInterceptor {

    public static final String LOGIN_TOKEN_KEY = "Token";

    @Autowired
    private TokenService tokenService;
    
	@Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {

		//支持跨域请求
        response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
        response.setHeader("Access-Control-Max-Age", "3600");
        response.setHeader("Access-Control-Allow-Credentials", "true");
        response.setHeader("Access-Control-Allow-Headers", "x-requested-with,request-source,Token, Origin,imgType, Content-Type, cache-control,postman-token,Cookie, Accept,authorization");
        response.setHeader("Access-Control-Allow-Origin", request.getHeader("Origin"));
	// 跨域时会首先发送一个OPTIONS请求，这里我们给OPTIONS请求直接返回正常状态
	if (request.getMethod().equals(RequestMethod.OPTIONS.name())) {
        	response.setStatus(HttpStatus.OK.value());
            return false;
        }
        
        IgnoreAuth annotation;
        if (handler instanceof HandlerMethod) {
            annotation = ((HandlerMethod) handler).getMethodAnnotation(IgnoreAuth.class);
        } else {
            return true;
        }

        //从header中获取token
        String token = request.getHeader(LOGIN_TOKEN_KEY);
        
        /**
         * 不需要验证权限的方法直接放过
         */
        if(annotation!=null) {
        	return true;
        }
        
        TokenEntity tokenEntity = null;
        if(StringUtils.isNotBlank(token)) {
        	tokenEntity = tokenService.getTokenEntity(token);
        }
        
        if(tokenEntity != null) {
        	request.getSession().setAttribute("userId", tokenEntity.getUserid());
        	request.getSession().setAttribute("role", tokenEntity.getRole());
        	request.getSession().setAttribute("tableName", tokenEntity.getTablename());
        	request.getSession().setAttribute("username", tokenEntity.getUsername());
        	return true;
        }
        
		PrintWriter writer = null;
		response.setCharacterEncoding("UTF-8");
		response.setContentType("application/json; charset=utf-8");
		try {
		    writer = response.getWriter();
		    writer.print(JSONObject.toJSONString(R.error(401, "请先登录")));
		} finally {
		    if(writer != null){
		        writer.close();
		    }
		}
//				throw new EIException("请先登录", 401);
		return false;
    }
}

数据库参考

-- ----------------------------
-- Table structure for token
-- ----------------------------
DROP TABLE IF EXISTS `token`;
CREATE TABLE `token` (
  `id` bigint(20) NOT NULL AUTO_INCREMENT COMMENT '主键',
  `userid` bigint(20) NOT NULL COMMENT '用户id',
  `username` varchar(100) NOT NULL COMMENT '用户名',
  `tablename` varchar(100) DEFAULT NULL COMMENT '表名',
  `role` varchar(100) DEFAULT NULL COMMENT '角色',
  `token` varchar(200) NOT NULL COMMENT '密码',
  `addtime` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP COMMENT '新增时间',
  `expiratedtime` timestamp NOT NULL DEFAULT '0000-00-00 00:00:00' COMMENT '过期时间',
  PRIMARY KEY (`id`) USING BTREE
) ENGINE=InnoDB AUTO_INCREMENT=27 DEFAULT CHARSET=utf8 ROW_FORMAT=COMPACT COMMENT='token表';

-- ----------------------------
-- Records of token
-- ----------------------------
INSERT INTO `token` VALUES ('9', '23', 'cd01', 'xuesheng', '学生', 'al6svx5qkei1wljry5o1npswhdpqcpcg', '2023-02-23 21:46:45', '2023-03-15 14:01:36');
INSERT INTO `token` VALUES ('10', '11', 'xh01', 'xuesheng', '学生', 'fahmrd9bkhqy04sq0fzrl4h9m86cu6kx', '2023-02-27 18:33:52', '2023-03-17 18:27:42');
INSERT INTO `token` VALUES ('11', '17', 'ch01', 'xuesheng', '学生', 'u5km44scxvzuv5yumdah2lhva0gp4393', '2023-02-27 18:46:19', '2023-02-27 19:48:58');
INSERT INTO `token` VALUES ('12', '1', 'admin', 'users', '管理员', 'h1pqzsb9bldh93m92j9m2sljy9bt1wdh', '2023-02-27 19:37:01', '2023-03-17 18:23:02');
INSERT INTO `token` VALUES ('13', '21', 'xiaohao', 'shezhang', '社长', 'zdm7j8h1wnfe27pkxyiuzvxxy27ykl2a', '2023-02-27 19:38:07', '2023-03-17 18:25:20');
INSERT INTO `token` VALUES ('14', '27', 'djy01', 'xuesheng', '学生', 'g3teq4335pe21nwuwj2sqkrpqoabqomm', '2023-03-15 12:56:17', '2023-03-15 14:00:16');
INSERT INTO `token` VALUES ('15', '29', 'dajiyue', 'shezhang', '社长', '0vb1x9xn7riewlp5ddma5ro7lp4u8m9j', '2023-03-15 12:58:08', '2023-03-15 14:03:48');

源码获取

私信联系获取源码！！！！！！个性定制也可以哦~

#Takagi#
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值