基于java+ssm+vue的商品展示微信小程序

最新推荐文章于 2024-07-05 20:59:14 发布

qq_3306428634

最新推荐文章于 2024-07-05 20:59:14 发布

阅读量214

点赞数

分类专栏：微信小程序文章标签： java ssm vue mysql 微信小程序

本文链接：https://blog.csdn.net/qq_3306428634/article/details/132219394

版权

微信小程序专栏收录该内容

148 篇文章 2 订阅

订阅专栏

项目介绍

随着我国经济迅速发展，人们对手机的需求越来越大，各种手机软件也都在被广泛应用，但是对于手机进行数据信息管理，对于手机的各种软件也是备受用户的喜爱，微信小程序被用户普遍使用，为方便用户能够可以随时进行小程序的相应信息内容的管理，特开发了基于微信小程序的商品展示系统小程序。

商品展示系统的设计主要是对系统所要实现的功能进行详细考虑，确定所要实现的功能后进行界面的设计，在这中间还要考虑如何可以更好的将功能及页面进行很好的结合，方便用户可以很容易明了的找到自己所需要的信息，还有系统平台后期的可操作性，通过对信息内容的详细了解进行技术的开发。

商品展示系统平台开发使系统能够更加方便快捷，同时也促使商品展示系统变的更加系统化、有序化。系统界面较友好，易于操作。具体在系统设计上，微信端使用微信开发者，后台也使用java技术在动态页面上进行了设计，Mysql数据库，是一个非常优秀的商品展示系统
在这里插入图片描述

开发环境

编程语言：Java
数据库：Mysql
系统架构：B/S
后端框架：SSM
编译工具：idea或者eclipse，微信开发者工具，jdk1.8，maven
支持定做：java/php/python/android/小程序vue/爬虫/c#/asp.net

系统实现

5.1管理员服务端功能界面

管理员通过填写账号、密码、角色进行登录如图5-7所示。
在这里插入图片描述

图5.1管理员登录界面图

管理员进入到首页界面，通过界面的任务大厅，进入到系统可以进行查看个人中心、用户管理、商品分类管理、商品信息管理、系统管理、订单管理等功能模块，进行相对应操作。
用户管理：通过列表可以获取账号、用户、性别、年龄、手机、邮箱、照片等信息，进行查看详情、修改或删除操作，或通过新增进行查看或删除操作，并通过输入账号进行查询操作，如图5-2所示。
在这里插入图片描述

图5.2用户管理界面图

商品分类管理：通过列表可以获取分类等信息，进行查看详情、修改或删除操作，并通过新增进行添加分类或输入分类进行查询操作，如图5-3所示。

在这里插入图片描述

图5.3商品分类界面图

商品信息管理：通过列表可以获取商品名称、商品类型、商品图片、商品介绍、价格等信息，进行查看详情、修改或删除操作，并查看评论操作，并通过输入商品名称进行查询操作，如图5-4所示。

在这里插入图片描述

图5-4商品信息界面图

购物资讯管理：通过列表可以获取标题、简介、图片等信息，进行详情、修改、删除操作，并通过新增进行添加信息，或输入标题进行查询，如图5-5所示。
在这里插入图片描述

图5-5购物资讯管理界面图

订单管理：通过列表可以获取已取消订单、以支付订单、已退款订单、已完成订单、已发货订单、未支付订单等信息，进行查看订单的订单编号、商品名称、商品图片、购买数量、价格、折扣价格、总价格、折扣总价格、支付类型、状态、地址等信息，进行在线查看或删除操作，并通过输入订单编号、商品名称进行查询，如图5-6所示。
在这里插入图片描述

图5-6订单管理界面图

5.1用户微信端功能模块
用户注册，在用户注册页面可以填写用户名、姓名、性别、联系电话等信息，进行注册如图5-7所示。
在这里插入图片描述

图5-7用户注册界面图

用户登录，在用户登录页面填写账号、密码进行登录，如图5-8所示。
在这里插入图片描述

图5-8用户登录界面图

首页、用户登录到商品展示系统客可以查看首页、商品信息、购物资讯、我的等功能模块，进行相对应操作，如图5-9所示。
在这里插入图片描述

图5-9用户首页功能界面图

商品信息详情页面：通过列表可以获取商品图片、商品价格、商品名称、商品类型、赞、踩、商品介绍、、评论等信息，进行查看信息详情或加入购物车或立即订购、在线评论操作，如图5-10所示。
在这里插入图片描述

图5-10商品详情界面图

用户通过购物车可以进行查看商品名称、价格、图片等信息进行添加减少数量等信息，进行查看总价并进行立即下单操作，如图5-11所示。

在这里插入图片描述

图5-11购物车界面图

订单确认：通过列表可以选择地址、购买清单、图片、商品名称、价格、总价等信息进行确认支付操作，如图5-12所示。

在这里插入图片描述

图5-12订单确认界面图

我的订单：通过页面可以进行获取以支付、已发货、已完成、已取消等订单信息，通过查看订单编号、商品名称、价格、地址、合计等信息，进行查看订单或取消订单操作，如图5-13所示。
在这里插入图片描述

图5-13我的订单界面图

我的：通过页面可以进行获取商品信息、我的收藏管理、用户充值、客服售后、购物车、我的订单等信息，进行相对应操作，如图5-14所示。

在这里插入图片描述

5-14我的界面

核心代码

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.format.annotation.DateTimeFormat;
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.StoreupEntity;
import com.entity.view.StoreupView;

import com.service.StoreupService;
import com.service.TokenService;
import com.utils.PageUtils;
import com.utils.R;
import com.utils.MD5Util;
import com.utils.MPUtil;
import com.utils.CommonUtil;


/**
 * 收藏表
 * 后端接口
 * @author 
 * @email 
 * @date 
 */
@RestController
@RequestMapping("oreup")
public class StoreupController {
    @Autowired
    private StoreupService storeupService;
    


    /**
     * 后端列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,StoreupEntity storeup, 
		HttpServletRequest request){
    	if(!request.getSession().getAttribute("role").toString().equals("管理员")) {
    		storeup.setUserid((Long)request.getSession().getAttribute("userId"));
    	}

        EntityWrapper<StoreupEntity> ew = new EntityWrapper<StoreupEntity>();
		PageUtils page = storeupService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, storeup), params), params));
        return R.ok().put("data", page);
    }
    
    /**
     * 前端列表
     */
    @RequestMapping("st")
    public R list(@RequestParam Map<String, Object> params,StoreupEntity storeup, HttpServletRequest request){
    	if(!request.getSession().getAttribute("role").toString().equals("管理员")) {
    		storeup.setUserid((Long)request.getSession().getAttribute("userId"));
    	}

        EntityWrapper<StoreupEntity> ew = new EntityWrapper<StoreupEntity>();
		PageUtils page = storeupService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, storeup), params), params));
        return R.ok().put("data", page);
    }

	/**
     * 列表
     */
    @RequestMapping("sts")
    public R list( StoreupEntity storeup){
       	EntityWrapper<StoreupEntity> ew = new EntityWrapper<StoreupEntity>();
      	ew.allEq(MPUtil.allEQMapPre( storeup, "storeup")); 
        return R.ok().put("data", storeupService.selectListView(ew));
    }

	 /**
     * 查询
     */
    @RequestMapping("/query")
    public R query(StoreupEntity storeup){
        EntityWrapper< StoreupEntity> ew = new EntityWrapper< StoreupEntity>();
 		ew.allEq(MPUtil.allEQMapPre( storeup, "storeup")); 
		StoreupView storeupView =  storeupService.selectView(ew);
		return R.ok("查询收藏表成功").put("data", storeupView);
    }
	
    /**
     * 后端详情
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") Long id){
        StoreupEntity storeup = storeupService.selectById(id);
        return R.ok().put("data", storeup);
    }

    /**
     * 前端详情
     */
    @RequestMapping("/detail/{id}")
    public R detail(@PathVariable("id") Long id){
        StoreupEntity storeup = storeupService.selectById(id);
        return R.ok().put("data", storeup);
    }
    



    /**
     * 后端保存
     */
    @RequestMapping("ve")
    public R save(@RequestBody StoreupEntity storeup, HttpServletRequest request){
    	storeup.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(storeup);
    	storeup.setUserid((Long)request.getSession().getAttribute("userId"));

        storeupService.insert(storeup);
        return R.ok();
    }
    
    /**
     * 前端保存
     */
    @RequestMapping("/add")
    public R add(@RequestBody StoreupEntity storeup, HttpServletRequest request){
    	storeup.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(storeup);
    	storeup.setUserid((Long)request.getSession().getAttribute("userId"));

        storeupService.insert(storeup);
        return R.ok();
    }

    /**
     * 修改
     */
    @RequestMapping("/update")
    public R update(@RequestBody StoreupEntity storeup, HttpServletRequest request){
        //ValidatorUtils.validateEntity(storeup);
        storeupService.updateById(storeup);//全部更新
        return R.ok();
    }
    

    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        storeupService.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<String, Object> 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<StoreupEntity> wrapper = new EntityWrapper<StoreupEntity>();
		if(map.get("remindstart")!=null) {
			wrapper.ge(columnName, map.get("remindstart"));
		}
		if(map.get("remindend")!=null) {
			wrapper.le(columnName, map.get("remindend"));
		}
		if(!request.getSession().getAttribute("role").toString().equals("管理员")) {
    		wrapper.eq("userid", (Long)request.getSession().getAttribute("userId"));
    	}


		int count = storeupService.selectCount(wrapper);
		return R.ok().put("count", count);
	}
	


}

论文参考

在这里插入图片描述

目录
商品展示系统 I
摘要 I
Abstract 2
1 系统概述 4
1.1 概述 4
1.2课题意义 4
1.3 主要内容 4
2 系统开发环境 5
2.1微信开发者工具 5
2.2小程序框架以及目录结构介绍 5
2.3 JAVA简介 5
2.4 MySQL数据库 6
2.5 SSM三大框架 7
3 需求分析 1
3.1 系统设计目标 1
3.2需求分析概述 1
3.3 系统可行性分析 2
3.4经济可行性 3
3.5操作可行性： 3
3.6系统流程和逻辑 3
4系统概要设计 7
4.1 概述 7
4.2 系统结构 7
4.3. 数据库设计 9
4.3.1 数据库实体 9
4.3.2 数据库设计表 10
5系统详细设计 13
5.1管理员服务端功能界面 13
5.1用户微信端功能模块 17
6 系统测试 26
6.1 测试理论 26
6.2 测试方法及用例 27
6.3测试结果 28
结论 29
致　谢 30
参考文献 31

qq_3306428634

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
基于java+ssm+vue的商品展示微信小程序

随着我国经济迅速发展，人们对手机的需求越来越大，各种手机软件也都在被广泛应用，但是对于手机进行数据信息管理，对于手机的各种软件也是备受用户的喜爱，微信小程序被用户普遍使用，为方便用户能够可以随时进行小程序的相应信息内容的管理，特开发了基于微信小程序的商品展示系统小程序。
复制链接

扫一扫