基于微信小程序的家具购物小程序的设计与实现

前言

随着信息技术在管理上越来越深入而广泛的应用，管理信息系统的实施在技术上已逐步成熟。本文介绍了基于微信小程序的家具购物小程序的设计与实现的开发全过程。通过分析基于微信小程序的家具购物小程序的设计与实现管理的不足，创建了一个计算机管理基于微信小程序的家具购物小程序的设计与实现的方案。文章介绍了基于微信小程序的家具购物小程序的设计与实现的系统分析部分，包括可行性分析等，系统设计部分主要介绍了系统功能设计和数据库设计。
本基于微信小程序的家具购物小程序有管理员和用户两个角色。管理员功能主要在后台浏览器操作，有个人中心，用户管理，家具分类管理，家具新品管理，订单管理和系统管理。用户主要在微信小程序注册与登录，可以查看管理员发布的家具信息并且可以购买操作。因而具有一定的实用性。

开发技术简介

2.1 MYSQL数据库

本课题所开发的应用程序在数据操作方面是不可预知的，是经常变动的，没有办法直接把数据写在文档里，这样不仅仅不安全，也不能实现应用程序的功能。如果要能实现应用程序所需要的数据存储功能，就避免不了要进行专业数据库存储软件的选择。基本上应用程序实现的功能不算太复杂，市面上任何一个关系型数据库软件都可以实现。参考自己的学习进度和操作习惯来讲，Oracle数据库是适合的，但是所需要的的安装软件很大，并且有好多不需要的功能都是开启的状态，十分消耗电脑资源，所以没有选择Oracle数据库，而SQL
Server数据库虽然学过，但是安装的时候因为电脑上可能有其他的软件存在，经常性的出问题，而安装问题不好解决就需要重新安装操作系统，这样对已经存在的软件来讲又是一种时间上的浪费。只有MySQL数据库，安装包小，安装速度快，操作简单，哪怕安装出问题也好解决，不用重装操作系统，也不影响电脑上运行的其他软件，消耗资源也少，最重要的是在功能方面完全的符合设计需要，所以最后选择了MySQL数据库作为应用软件开发需要的数据库。

2.2 Java语言

Java语言发展有25年多了，在互联网行业经过这么多年的发展，还依然在市场的占有率上有半壁江山，依然受到很多程序员的喜爱，好多从业人员进行学习，随着互联网从业人员的增加，并没有降低Java语言的江湖地位，算是一个常青藤。Java语言学习很简单，当然这是针对于前辈C++来讲的，C++语言相当的强悍。Java取消了很多C++特征，比如go
to这些语句，还有取消了主文件，让所有的文件都是类，类里都是数组和各种对象，还让Java自己处理各种对象的引用和回收，让开发人员只需要创建对象，使用对象，编辑代码逻辑，不需要关注性能方面，让数据的各种存储交给Java自己处理，可以花更多的时间研究应用程序之间的关系，让开发变得更专注，就像赛车的驾驶员一样，只需要了解各种车辆的性能，并且进行操作，不需要研究轱辘如何制造，这样让程序开发更加的细化。

2.3 微信小程序技术

小程序并非凭空冒出来的一个概念。当微信中的 微信小程序View 逐渐成为移动 微信小程序 的一个重要入口时，微信就有相关的 JS API
了。 实际上，微信官方是没有对外暴露过如此调用的，此类 API
最初是提供给腾讯内部一些业务使用，很多外部开发者发现了之后，依葫芦画瓢地使用了，逐渐成为微信中网页的事实标准。2015年初，微信发布了一整套网页开发工具包，称之为
JS-SDK，开放了拍摄、录音、语音识别、二维码、地图、支付、分享、卡券等几十个API。给所有的 微信小程序
开发者打开了一扇全新的窗户，让所有开发者都可以使用到微信的原生能力，去完成一些之前做不到或者难以做到的事情。 JS-SDK是对之前的
WeixinJSBrige
的一个包装，以及新能力的释放，并且由对内开放转为了对所有开发者开放，在很短的时间内获得了极大的关注。从数据监控来看，绝大部分在微信内传播的移动网页都使用到了相关的接口。
​JS-SDK 解决了移动网页能力不足的问题，通过暴露微信的接口使得 微信小程序
开发者能够拥有更多的能力，然而在更多的能力之外，JS-SDK
的模式并没有解决使用移动网页遇到的体验不良的问题。用户在访问网页的时候，在浏览器开始显示之前都会有一个的白屏过程，在移动端，受限于设备性能和网络速度，白屏会更加明显。我们团队把很多技术精力放置在如何帮助平台上的微信小程序开发者解决这个问题。因此我们设计了一个
JS-SDK 的增强版本，其中有一个重要的功能，称之为“微信 微信小程序 资源离线存储” ​这个设计有点类似 HTML5 的
Application Cache，但在设计上规避了一些 Application Cache的不足。 ​在内部测试中，我们发现 离线存储
能够解决一些问题，但对于一些复杂的页面依然会有白屏问题，例如页面加载了大量的 CSS 或者是 JavaScript 文件。​除了白屏，影响
微信小程序 体验的问题还有缺少操作的反馈，主要表现在两个方面：页面切换的生硬和点击的迟滞感。
​微信面临的问题是如何设计一个比较好的系统，使得所有开发者在微信中都能获得比较好的体验。这个问题是之前的 JS-SDK
所处理不了的，需要一个全新的系统来完成，它需要使得所有的开发者都能做到： 快速的加载 更强大的能力 原生的体验 易用且安全的微信数据开放
高效和简单的开发

2.4 SpringBoot框架

在过去两三年的Spring生态圈，最让人兴奋的莫过于Spring
Boot框架。或许从命名上就能看出这个框架的设计初衷：快速的启动Spring应用。因而Spring
Boot应用本质上就是一个基于Spring框架的应用，它是Spring对“约定优先于配置”理念的最佳实践产物，它能够帮助开发者更快速高效地构建基于Spring生态圈的应用。
那Spring Boot有何魔法？自动配置、起步依赖、Actuator、命令行界面(CLI) 是Spring
Boot最重要的4大核心特性，其中CLI是Spring
Boot的可选特性，虽然它功能强大，但也引入了一套不太常规的开发模型，因而这个系列的文章仅关注其它3种特性。如文章标题，本文是这个系列的第一部分，将为你打开Spring
Boot的大门，重点为你剖析其启动流程以及自动配置实现原理。要掌握这部分核心内容，理解一些Spring框架的基础知识，将会让你事半功倍。
可以把Spring
IoC容器比作一间餐馆，当你来到餐馆，通常会直接招呼服务员：点菜！至于菜的原料是什么？如何用原料把菜做出来？可能你根本就不关心。IoC容器也是一样，你只需要告诉它需要某个bean，它就把对应的实例（instance）扔给你，至于这个bean是否依赖其他组件，怎样完成它的初始化，根本就不需要你关心。
作为餐馆，想要做出菜肴，得知道菜的原料和菜谱，同样地，IoC容器想要管理各个业务对象以及它们之间的依赖关系，需要通过某种途径来记录和管理这些信息。
BeanDefinition对象就承担了这个责任：容器中的每一个bean都会有一个对应的BeanDefinition实例，该实例负责保存bean对象的所有必要信息，包括bean对象的class类型、是否是抽象类、构造方法和参数、其它属性等等。当客户端向容器请求相应对象时，容器就会通过这些信息为客户端返回一个完整可用的bean实例。

2.5 B/S架构

B/S架构是软件行业针对C/S架构来进行区分的，用来描述浏览器与服务器之间的一种架构模式。一般选择B/S架构最主要的原因就是方便维护，当程序开发的时候，可以在本地进行测试，一般的集成开发环境都自带的有开发和一键部署，本地浏览器可以及时的看到效果，测试人员有专门的服务器，只需要部署上去即可，如果中间有问题都可以进行整改的。应用程序升级，只需要后台维护代码即可，客户方面还是用之前的浏览器进行访问，所以客户端方面是很方便的。现在市面上基本上所有的操作系统平台只要是有视窗模式的，除了命令行操作界面的窗口之外，在视窗模式都是可以安装浏览器的，所以任何带视窗模式的电脑操作系统自带的浏览器或者是其他厂家的浏览器，或者是移动端的浏览器，都可以进行访问服务器的。访问服务器占用客户端资源是很少，而且不容易出错，哪怕客户端这边出现大的问题，只需要重装系统然后再安装上浏览器即可。在程序功能和客户体验上面，选择B/S架构进行应用程序开发，是很适合当今社会的主流发展趋势的。

2.6 Tomcat 介绍

刚开始学习Java语言的时候，是不知道还有Tomcat这些东西的，各种语法各种输出在控制台进行输出结果，当Java网站开发的时候就不可避免的学习到了Tomcat服务器。Tomcat准确的来讲不算是服务器，可以说是微信小程序引擎或者一个容器，这些都是学术上或者原理上都比较贴切的，但是实际工作中Tomcat就是作为一个微信小程序服务器来用的，因为可以实现网站的发布和运行。因为工作原理的原因，Tomcat一般作为中小型企业和并发量并不突出的一种轻量级的服务器存在的，比如某些行业的应用系统，本身客户端就不多，需要的连接也不多，一般都用Tomcat的。Tomcat里面可以配置多个网站，配置文件后缀是config的文档，类似于XML的结构，比较清晰明了。每当Java发布新的版本的时候，Tomcat也会为了匹配Java的版本进行升级，目前Tomcat版本已经到版本10了。Tomcat标识是一只有点发黄的小猫咪，当Tomcat配置成功一般测试的时候能看到这个小猫咪就算是成功的，才能进行下一步的配置。Tomcat服务器在Java网站开发中还是挺合适的。

2.7 HTML简介

HTML是超文本标记语言，都是用各种声明以及对称性的的特殊符号作为标记，用以浏览器解析。HTML还有一些基本标签，比如根元素标签就是，而文档元数据一般都写在了标签里面，标题就是浏览器左上角的显示的网页内容，用的是

系统功能效果

核心代码

packagecom.controller;importjava.io.File;importjava.io.FileNotFoundException;importjava.io.IOException;importjava.util.Arrays;importjava.util.Date;importjava.util.HashMap;importjava.util.List;importjava.util.Map;importjava.util.Random;importjava.util.UUID;importorg.apache.commons.io.FileUtils;importorg.apache.commons.lang3.StringUtils;importorg.springframework.beans.factory.annotation.Autowired;importorg.springframework.http.HttpHeaders;importorg.springframework.http.HttpStatus;importorg.springframework.http.MediaType;importorg.springframework.http.ResponseEntity;importorg.springframework.util.ResourceUtils;importorg.springframework.web.bind.annotation.PathVariable;importorg.springframework.web.bind.annotation.RequestBody;importorg.springframework.web.bind.annotation.RequestMapping;importorg.springframework.web.bind.annotation.RequestParam;importorg.springframework.web.bind.annotation.RestController;importorg.springframework.web.multipart.MultipartFile;importcom.annotation.IgnoreAuth;importcom.baomidou.mybatisplus.mapper.EntityWrapper;importcom.entity.ConfigEntity;importcom.entity.EIException;importcom.service.ConfigService;importcom.utils.R;/** * 上传文件映射表 */@RestController@RequestMapping("file")@SuppressWarnings({"unchecked","rawtypes"})publicclassFileController{@AutowiredprivateConfigServiceconfigService;/** * 上传文件 */@RequestMapping("/upload")@IgnoreAuthpublicRupload(@RequestParam("file")MultipartFilefile,Stringtype)throwsException{if(file.isEmpty()){thrownewEIException("上传文件不能为空");}StringfileExt=file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf(".")+1);Filepath=newFile(ResourceUtils.getURL("classpath:static").getPath());if(!path.exists()){path=newFile("");}Fileupload=newFile(path.getAbsolutePath(),"/upload/");if(!upload.exists()){upload.mkdirs();}StringfileName=newDate().getTime()+"."+fileExt;Filedest=newFile(upload.getAbsolutePath()+"/"+fileName);file.transferTo(dest);/** * 如果使用idea或者eclipse重启项目，发现之前上传的图片或者文件丢失，将下面一行代码注释打开 * 请将以下的"D:\\springbootq33sd\\src\\main\\resources\\static\\upload"替换成你本地项目的upload路径， * 并且项目路径不能存在中文、空格等特殊字符 */// FileUtils.copyFile(dest, new File("D:\\springbootq33sd\\src\\main\\resources\\static\\upload"+"/"+fileName)); /**修改了路径以后请将该行最前面的//注释去掉**/if(StringUtils.isNotBlank(type)&&type.equals("1")){ConfigEntityconfigEntity=configService.selectOne(newEntityWrapper<ConfigEntity>().eq("name","faceFile"));if(configEntity==null){configEntity=newConfigEntity();configEntity.setName("faceFile");configEntity.setValue(fileName);}else{configEntity.setValue(fileName);}configService.insertOrUpdate(configEntity);}returnR.ok().put("file",fileName);}/** * 下载文件 */@IgnoreAuth@RequestMapping("/download")publicResponseEntity<byte[]>download(@RequestParamStringfileName){try{Filepath=newFile(ResourceUtils.getURL("classpath:static").getPath());if(!path.exists()){path=newFile("");}Fileupload=newFile(path.getAbsolutePath(),"/upload/");if(!upload.exists()){upload.mkdirs();}Filefile=newFile(upload.getAbsolutePath()+"/"+fileName);if(file.exists()){/*if(!fileService.canRead(file, SessionManager.getSessionUser())){ getResponse().sendError(403); }*/HttpHeadersheaders=newHttpHeaders();headers.setContentType(MediaType.APPLICATION_OCTET_STREAM);headers.setContentDispositionFormData("attachment",fileName);returnnewResponseEntity<byte[]>(FileUtils.readFileToByteArray(file),headers,HttpStatus.CREATED);}}catch(IOExceptione){e.printStackTrace();}returnnewResponseEntity<byte[]>(HttpStatus.INTERNAL_SERVER_ERROR);}}

packagecom.controller;importjava.math.BigDecimal;importjava.text.SimpleDateFormat;importjava.text.ParseException;importjava.util.ArrayList;importjava.util.Arrays;importjava.util.Calendar;importjava.util.Map;importjava.util.HashMap;importjava.util.Iterator;importjava.util.Date;importjava.util.List;importjavax.servlet.http.HttpServletRequest;importcom.utils.ValidatorUtils;importorg.apache.commons.lang3.StringUtils;importorg.springframework.beans.factory.annotation.Autowired;importorg.springframework.transaction.annotation.Transactional;importorg.springframework.format.annotation.DateTimeFormat;importorg.springframework.web.bind.annotation.PathVariable;importorg.springframework.web.bind.annotation.RequestBody;importorg.springframework.web.bind.annotation.RequestMapping;importorg.springframework.web.bind.annotation.RequestParam;importorg.springframework.web.bind.annotation.RestController;importcom.baomidou.mybatisplus.mapper.EntityWrapper;importcom.baomidou.mybatisplus.mapper.Wrapper;importcom.annotation.IgnoreAuth;importcom.entity.ForumEntity;importcom.entity.view.ForumView;importcom.service.ForumService;importcom.service.TokenService;importcom.utils.PageUtils;importcom.utils.R;importcom.utils.MD5Util;importcom.utils.MPUtil;importcom.utils.CommonUtil;importjava.io.IOException;/** * 交流论坛 * 后端接口 * @author * @email * @date 2023-03-05 11:20:58 */@RestController@RequestMapping("/forum")publicclassForumController{@AutowiredprivateForumServiceforumService;/** * 后端列表 */@RequestMapping("/page")publicRpage(@RequestParamMap<String,Object>params,ForumEntityforum,HttpServletRequestrequest){if(!request.getSession().getAttribute("role").toString().equals("管理员")){forum.setUserid((Long)request.getSession().getAttribute("userId"));}EntityWrapper<ForumEntity>ew=newEntityWrapper<ForumEntity>();PageUtilspage=forumService.queryPage(params,MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew,forum),params),params));returnR.ok().put("data",page);}/** * 前端列表 */@RequestMapping("/list")publicRlist(@RequestParamMap<String,Object>params,ForumEntityforum,HttpServletRequestrequest){if(!request.getSession().getAttribute("role").toString().equals("管理员")){forum.setUserid((Long)request.getSession().getAttribute("userId"));}EntityWrapper<ForumEntity>ew=newEntityWrapper<ForumEntity>();PageUtilspage=forumService.queryPage(params,MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew,forum),params),params));returnR.ok().put("data",page);}/** * 列表 */@IgnoreAuth@RequestMapping("/flist")publicRflist(@RequestParamMap<String,Object>params,ForumEntityforum,HttpServletRequestrequest){EntityWrapper<ForumEntity>ew=newEntityWrapper<ForumEntity>();PageUtilspage=forumService.queryPage(params,MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew,forum),params),params));returnR.ok().put("data",page);}/** * 查询 */@RequestMapping("/query")publicRquery(ForumEntityforum){EntityWrapper<ForumEntity>ew=newEntityWrapper<ForumEntity>();ew.allEq(MPUtil.allEQMapPre(forum,"forum"));ForumViewforumView=forumService.selectView(ew);returnR.ok("查询交流论坛成功").put("data",forumView);}/** * 后端详情 */@RequestMapping("/info/{id}")publicRinfo(@PathVariable("id")Longid){ForumEntityforum=forumService.selectById(id);returnR.ok().put("data",forum);}/** * 前端详情 */@IgnoreAuth@RequestMapping("/detail/{id}")publicRdetail(@PathVariable("id")Longid){ForumEntityforum=forumService.selectById(id);returnR.ok().put("data",forum);}/** * 论坛详情 */@IgnoreAuth@RequestMapping("/list/{id}")publicRlist(@PathVariable("id")Stringid){ForumEntityforum=forumService.selectById(id);getChilds(forum);returnR.ok().put("data",forum);}privateForumEntitygetChilds(ForumEntityforum){List<ForumEntity>childs=newArrayList<ForumEntity>();childs=forumService.selectList(newEntityWrapper<ForumEntity>().eq("parentid",forum.getId()));if(childs==null||childs.size()==0){returnnull;}forum.setChilds(childs);for(ForumEntityforumEntity:childs){getChilds(forumEntity);}returnforum;}/** * 后端保存 */@RequestMapping("/save")publicRsave(@RequestBodyForumEntityforum,HttpServletRequestrequest){forum.setId(newDate().getTime()+newDouble(Math.floor(Math.random()*1000)).longValue());//ValidatorUtils.validateEntity(forum);forum.setUserid((Long)request.getSession().getAttribute("userId"));forumService.insert(forum);returnR.ok();}/** * 前端保存 */@RequestMapping("/add")publicRadd(@RequestBodyForumEntityforum,HttpServletRequestrequest){forum.setId(newDate().getTime()+newDouble(Math.floor(Math.random()*1000)).longValue());//ValidatorUtils.validateEntity(forum);forum.setUserid((Long)request.getSession().getAttribute("userId"));forumService.insert(forum);returnR.ok();}/** * 修改 */@RequestMapping("/update")@TransactionalpublicRupdate(@RequestBodyForumEntityforum,HttpServletRequestrequest){//ValidatorUtils.validateEntity(forum);forumService.updateById(forum);//全部更新returnR.ok();}/** * 删除 */@RequestMapping("/delete")publicRdelete(@RequestBodyLong[]ids){forumService.deleteBatchIds(Arrays.asList(ids));returnR.ok();}/** * 提醒接口 */@RequestMapping("/remind/{columnName}/{type}")publicRremindCount(@PathVariable("columnName")StringcolumnName,HttpServletRequestrequest,@PathVariable("type")Stringtype,@RequestParamMap<String,Object>map){map.put("column",columnName);map.put("type",type);if(type.equals("2")){SimpleDateFormatsdf=newSimpleDateFormat("yyyy-MM-dd");Calendarc=Calendar.getInstance();DateremindStartDate=null;DateremindEndDate=null;if(map.get("remindstart")!=null){IntegerremindStart=Integer.parseInt(map.get("remindstart").toString());c.setTime(newDate());c.add(Calendar.DAY_OF_MONTH,remindStart);remindStartDate=c.getTime();map.put("remindstart",sdf.format(remindStartDate));}if(map.get("remindend")!=null){IntegerremindEnd=Integer.parseInt(map.get("remindend").toString());c.setTime(newDate());c.add(Calendar.DAY_OF_MONTH,remindEnd);remindEndDate=c.getTime();map.put("remindend",sdf.format(remindEndDate));}}Wrapper<ForumEntity>wrapper=newEntityWrapper<ForumEntity>();if(map.get("remindstart")!=null){wrapper.ge(columnName,map.get("remindstart"));}if(map.get("remindend")!=null){wrapper.le(columnName,map.get("remindend"));}intcount=forumService.selectCount(wrapper);returnR.ok().put("count",count);}}

系统功能测试

本系统首先在本地服务器上进行了安装和测试,之后鉴于对系统的结构和处理方法的充分熟悉和对系统特性的充分了解，对系统进行了白盒测试和黑盒试验。
在发展软件系统的整个过程中,人们必须面临错综复杂性的实际问题,所以,在软件系统生存周期的各个过程中都必然地会形成错误。应用软件检测目的在于:出现出错并运行某个程序的步骤,而应用软件检测的最重要目的便是找到其中尚未发生的出错。
为了制定出合理的测试计划,根据以下原则开始了测量；任何测试都要追溯到客户需要；当确定了客户使用模型后就要着手制定测试计划,并在编码以前就对整个软件测试工作做出规划和制定；御用Pareto原理,主要对占出了百分之八十九以上的最易于出错的约百分之二十的模板实施了检测,并从小规模开始逐步实施大量检测,范围一般从主要检测单编程模板再到完全集成的模板;同时精心设计了检测方法,尽可能地全面覆盖所有程序逻辑并使其满足要求的能力。

结论

本系统相对于我查阅到的其他家具购物小程序具有如下优点：其功能全面、易于日后程序更新、数据库管理容易、界面友好、操作方便、效率高、安全性好。
本系统在技术层面具有如下优点：第一，用java实现动态页面，使软件系统具备了很好的可维护性和可复用性。其次，在本系统的编写流程中使用的是Spring Boot框架，该框架将更有效的把显示功能与逻辑分开，使得模块更易于管理，尤其适用于大型项目的编写。第三，后台使用的MySQL数据库系统，MySQL的数据库系统引擎主要集中在了对XML标准的支持，同时具备可扩充、容易应用和安全性高的优点。
综上所述，通过这次从零开始的毕业设计是一次全新的开始，也期待圆满结束。我也希望这次的设计能通过我后期的自主学习把它趋向于完美，成为我的自主创作经验。