赞
踩
随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱,微信小程序被用户普遍使用,为方便用户能够可以随时进行小程序的相应信息内容的管理,特开发了基于微信小程序的网上商城小程序。
网上商城的设计主要是对系统所要实现的功能进行详细考虑,确定所要实现的功能后进行界面的设计,在这中间还要考虑如何可以更好的将功能及页面进行很好的结合,方便用户可以很容易明了的找到自己所需要的信息,还有系统平台后期的可操作性,通过对信息内容的详细了解进行技术的开发。
网上商城平台开发使系统能够更加方便快捷,同时也促使网上商城变的更加系统化、有序化。系统界面较友好,易于操作。具体在系统设计上,微信端使用微信开发者,后台也使用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-7所示。
图5-7订单管理界面图
5.2用户微信端功能模块
用户注册,在用户注册页面可以填写用户名、姓名、性别、联系电话等信息,进行注册如图5-8所示。
图5-8用户注册界面图
用户登录,在用户登录页面填写账号、密码进行登录,如图5-9所示。
图5-10用户登录界面图
首页、用户登录到网上商城客可以查看首页、商品信息、活动专区、新品上架、我的等功能模块,进行相对应操作,如图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我的评价面图
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.ShangpinxinxiEntity; import com.entity.view.ShangpinxinxiView; import com.service.ShangpinxinxiService; 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("angpinxinxi") public class ShangpinxinxiController { @Autowired private ShangpinxinxiService shangpinxinxiService; /** * 后端列表 */ @RequestMapping("/page") public R page(@RequestParam Map<String, Object> params,ShangpinxinxiEntity shangpinxinxi, HttpServletRequest request){ EntityWrapper<ShangpinxinxiEntity> ew = new EntityWrapper<ShangpinxinxiEntity>(); PageUtils page = shangpinxinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, shangpinxinxi), params), params)); return R.ok().put("data", page); } /** * 前端列表 */ @IgnoreAuth @RequestMapping("st") public R list(@RequestParam Map<String, Object> params,ShangpinxinxiEntity shangpinxinxi, HttpServletRequest request){ EntityWrapper<ShangpinxinxiEntity> ew = new EntityWrapper<ShangpinxinxiEntity>(); PageUtils page = shangpinxinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, shangpinxinxi), params), params)); return R.ok().put("data", page); } /** * 列表 */ @RequestMapping("sts") public R list( ShangpinxinxiEntity shangpinxinxi){ EntityWrapper<ShangpinxinxiEntity> ew = new EntityWrapper<ShangpinxinxiEntity>(); ew.allEq(MPUtil.allEQMapPre( shangpinxinxi, "shangpinxinxi")); return R.ok().put("data", shangpinxinxiService.selectListView(ew)); } /** * 查询 */ @RequestMapping("/query") public R query(ShangpinxinxiEntity shangpinxinxi){ EntityWrapper< ShangpinxinxiEntity> ew = new EntityWrapper< ShangpinxinxiEntity>(); ew.allEq(MPUtil.allEQMapPre( shangpinxinxi, "shangpinxinxi")); ShangpinxinxiView shangpinxinxiView = shangpinxinxiService.selectView(ew); return R.ok("查询商品信息成功").put("data", shangpinxinxiView); } /** * 后端详情 */ @RequestMapping("/info/{id}") public R info(@PathVariable("id") Long id){ ShangpinxinxiEntity shangpinxinxi = shangpinxinxiService.selectById(id); shangpinxinxi.setClicknum(shangpinxinxi.getClicknum()+1); shangpinxinxi.setClicktime(new Date()); shangpinxinxiService.updateById(shangpinxinxi); return R.ok().put("data", shangpinxinxi); } /** * 前端详情 */ @IgnoreAuth @RequestMapping("/detail/{id}") public R detail(@PathVariable("id") Long id){ ShangpinxinxiEntity shangpinxinxi = shangpinxinxiService.selectById(id); shangpinxinxi.setClicknum(shangpinxinxi.getClicknum()+1); shangpinxinxi.setClicktime(new Date()); shangpinxinxiService.updateById(shangpinxinxi); return R.ok().put("data", shangpinxinxi); } /** * 后端保存 */ @RequestMapping("ve") public R save(@RequestBody ShangpinxinxiEntity shangpinxinxi, HttpServletRequest request){ shangpinxinxi.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue()); //ValidatorUtils.validateEntity(shangpinxinxi); shangpinxinxiService.insert(shangpinxinxi); return R.ok(); } /** * 前端保存 */ @RequestMapping("/add") public R add(@RequestBody ShangpinxinxiEntity shangpinxinxi, HttpServletRequest request){ shangpinxinxi.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue()); //ValidatorUtils.validateEntity(shangpinxinxi); shangpinxinxiService.insert(shangpinxinxi); return R.ok(); } /** * 修改 */ @RequestMapping("/update") public R update(@RequestBody ShangpinxinxiEntity shangpinxinxi, HttpServletRequest request){ //ValidatorUtils.validateEntity(shangpinxinxi); shangpinxinxiService.updateById(shangpinxinxi);//全部更新 return R.ok(); } /** * 删除 */ @RequestMapping("/delete") public R delete(@RequestBody Long[] ids){ shangpinxinxiService.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<ShangpinxinxiEntity> wrapper = new EntityWrapper<ShangpinxinxiEntity>(); if(map.get("remindstart")!=null) { wrapper.ge(columnName, map.get("remindstart")); } if(map.get("remindend")!=null) { wrapper.le(columnName, map.get("remindend")); } int count = shangpinxinxiService.selectCount(wrapper); return R.ok().put("count", count); } /** * 前端智能排序 */ @IgnoreAuth @RequestMapping("/autoSort") public R autoSort(@RequestParam Map<String, Object> params,ShangpinxinxiEntity shangpinxinxi, HttpServletRequest request,String pre){ EntityWrapper<ShangpinxinxiEntity> ew = new EntityWrapper<ShangpinxinxiEntity>(); Map<String, Object> newMap = new HashMap<String, Object>(); Map<String, Object> param = new HashMap<String, Object>(); Iterator<Map.Entry<String, Object>> it = param.entrySet().iterator(); while (it.hasNext()) { Map.Entry<String, Object> entry = it.next(); String key = entry.getKey(); String newKey = entry.getKey(); if (pre.endsWith(".")) { newMap.put(pre + newKey, entry.getValue()); } else if (StringUtils.isEmpty(pre)) { newMap.put(newKey, entry.getValue()); } else { newMap.put(pre + "." + newKey, entry.getValue()); } } params.put("sort", "clicknum"); params.put("order", "desc"); PageUtils page = shangpinxinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, shangpinxinxi), params), params)); return R.ok().put("data", page); } }
目 录
网上商城 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. 数据库设计 8
4.3.1 数据库实体 8
4.3.2 数据库设计表 10
5系统详细设计 13
5.1用户微信端功能模块 13
5.2管理员服务端功能界面 26
6 系统测试 30
6.1 测试理论 30
6.2 测试方法及用例 31
6.3测试结果 32
结论 33
致 谢 34
参考文献 35
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。