前言

💗博主介绍:✌全网粉丝10W+,特邀作者、博客专家、新星计划导师、全栈领域优质创作者,博客之星、华为云/阿里云/等平台优质作者、专注于Java、小程序技术领域和毕业项目实战✌💗

系统功能结构图

基于微信小程序的办公用品销售系统设计和实现(源码+lw+部署文档+讲解等)_小程序

具体实现

5.1 后台功能介绍

5.1.1用户信息管理

如图5.1.1显示的就是用户信息管理页面,此页面提供给管理员的功能有:用户信息的查询管理,可以删除用户信息、修改用户信息、新增用户信息,

还进行了对用户名称的模糊查询的条件

基于微信小程序的办公用品销售系统设计和实现(源码+lw+部署文档+讲解等)_vue.js_02

图5.1.1 用户信息管理页面

5.1.2商品信息管理

如图5.1.2显示的就是商品信息管理页面,此页面提供给管理员的功能有:查看已发布的商品信息数据,修改商品信息,商品信息作废,即可删除,还进行了对商品信息名称的模糊查询 商品信息信息的类型查询等等一些条件。

基于微信小程序的办公用品销售系统设计和实现(源码+lw+部署文档+讲解等)_spring boot_03

图5.1.2 商品信息管理页面

5.1.3公告信息管理

如图5.1.3显示的就是公告信息管理页面,此页面提供给管理员的功能有:根据公告信息进行条件查询,还可以对公告信息进行新增、修改、查询操作等等。

基于微信小程序的办公用品销售系统设计和实现(源码+lw+部署文档+讲解等)_小程序_04

图5.1.3 公告信息管理页面

5.1.4论坛信息管理

如图5.1.4显示的就是论坛信息管理页面,此页面提供给管理员的功能有:根据论坛信息进行新增、修改、查询操作等等。

基于微信小程序的办公用品销售系统设计和实现(源码+lw+部署文档+讲解等)_java_05

图5.1.4 论坛信息管理页面

5.2 小程序端功能介绍

5.2.1 办公首页页面

如图5.2.1显示的就是办公首页页面,此页面提供给用户的功能有:查看首页公告以及轮播图和购物车以及商品信息等。

基于微信小程序的办公用品销售系统设计和实现(源码+lw+部署文档+讲解等)_java_06

图5.2.1 办公首页页面

5.2.2 商品页面管理

如图5.2.2显示的就是商品管理页面,此页面提供给用户的功能有:查看商品和详情以及分类查看。

基于微信小程序的办公用品销售系统设计和实现(源码+lw+部署文档+讲解等)_微信小程序_07

图5.2.2 商品管理页面

5.2.3 个人中心页面

如图5.2.3显示的就是个人中心管理页面,此页面提供给用户的功能有:查看用户信息以及修改密码、购物车、公告以及商品收藏和订单等功能。

基于微信小程序的办公用品销售系统设计和实现(源码+lw+部署文档+讲解等)_小程序_08

图5.2.3 个人中心页面

5.2 小程序功能视频演示

请联系我获取演示视频

代码参考

@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;
    }
}

论文参考

基于微信小程序的办公用品销售系统设计和实现(源码+lw+部署文档+讲解等)_微信小程序_09