【毕业设计推荐】基于微信小程序的商品展示设计与实现

🍅关注【墨岚创客】，回复【毕设】，赠送免费毕设资源，具体联系方式见文末🍅

摘要

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

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

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

关键词：商品展示系统 ；微信开发者；java语言；Mysql 数据库；SSM框架

5 系统详细设计

本系统使用了微信开发者结合java和mysql结合的结构开发了商品展示系统 应用，系统中所有和数据库有关系的操作都通过一个通用类来实现，大大提高了代码的耦合性，当数据库类型等信息变化后直接修改类文件就可以了，不再需要每个页面都修改。另外本系统解决了中文的问题，也是在配置文件中添加了编码方式的形式解决的，本系统另外一个大的特点是系统对数据库的操作都单独的写在了一个类里，这样对系统的所有数据库操作都只访问这个类就可以了，不要每个页面都去写数据库的操作，提高了系统的集成性。

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.2 用户微信端功能模块

用户注册，在用户注册页面可以填写用户名、姓名、性别、联系电话等信息，进行注册如图5-7所示。

图5-7 用户注册界面图

用户登录，在用户登录页面填写账号、密码进行登录，如图5-8所示。

图5-8 用户登录界面图

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

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

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

图5-10 商品详情界面图

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

图5-11 购物车界面图

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

图5-12 订单确认界面图

6 系统测试

6.1 测试理论

软件系统测试的目的是通过测试找出在程序中的存在的错误信息和阻碍程序正常运转的安全隐患。这同时也是每一个系统软件测试的主要的规定，软件系统的应用过程中，发现一个重要的错误也是极具有很大的影响力的，一个好的测试的方案就为发展程序中存在的重大问题的；同样，一个成功的测试方案也就发现了迄今为止尚未发现的一个重要错误的测试。

软件测试的主要的好处就是为了让软件的运行情况更好，让用户的使用的过程中更加的满意。在软件工程中，软件测试是一个十分重要环节，在交付用户使用最终的软件之前，软件测试就是一个检验的过程，主要针对的是软件的软件设计开发、需求分析、系统编码各阶段结果的一个检验过程。

软件测试应遵循的原则如下:

（1） 软件测试要尽快的进行并且整个测试部分要是在整个软件开发的各个过程和细节。在发现了错误的情况下，立刻处理，这样会大大的减少软件的开发成，提高软件的质量。

（2） 在关于软件的各种测试中，例如测试的过程中使用的计划、报告等等要做到妥善的处理和保管，主要目的就是为了方便将来的对系统的维护。

（3） 群集现象是应该得到高度重视的，在软件的整个测试的过程中。就是在整个测试的过程中发现了错误的主要地方很有可能是就很多的错误的聚集的地方，所以要对这样的部分给予特殊的照顾。

（4） 对于软件的测试要尽量不要软件的设计开发人员或是机构，而是要另一方来进行测试程序，这样也是为了保证软件的测试结果的客观性以及公平公正性。

（5） 对于整个测试计划要严格的按照一定的规则来进行软件测试。

（6） 关于软件测试的过程中的用例应该是预期结果以及之前输入的数据信息构成，输入条件中的要考虑的有合理和不合理的因素都要考虑到，这样也是为了更好的帮助开发的人员更多的发现软件中存在的错误。

（7） 对于整个的测试结果进行全面的检查，尽量避免出现重复的错误。

6.2 测试方法及用例

1、功能测试

从用户的角度来看，测试时不了解新开发软件的内部结构，因此可以将系统与黑匣子进行比较，盲目输入后可以查看系统给出的反馈。这种测试属于黑盒测试，在测试中如果输入错误信息系统会报错。

2、性能测试

测试软件程序的整体状态（称为性能测试）通常使用自动化测试工具来检测系统的整体功能，在负载和压力测试之间进行划分，在某些情况下，将两者结合起来。虽然压力测试可以检测到系统可以提供的最高级别的服务，但是负载测试可以测试系统如何响应增加的负载。

在对系统进行测试的时候在找到问题的情况下必须在第一时间找到解决问题的办法，不要存在侥幸的心理，这样才能让系统开发的质量可以过关，并且开发的周期会大大缩短，还有就是在测试时，不要出现重复性的错误，遇到一个错误问题，要将整个系统开发所牵扯的该问题都必须一一解决，提高系统的安全性、稳定性。

白盒测试与黑盒测试是测试中比较常用的两种方法。

①结构测试俗称白盒测试：这种测试是在对程序的处理过程与结构都有详尽了解的前提下，顺从程序内部的逻辑而完成的系统测试，以确定系统中所有的通路都能够遵照设计要求正常工作，不出现任何偏差。

②功能测试又成黑盒测试：主要是针对程序功能能够按照设计正常实现的一种检测，在程序接口处进行，检测程序手法数据是否正常，与外部信息的交换是否完整。

测试用例：

表6.1 用户注册测试用例

用例编号	UC-TEST-001	测试名称		用户注册
前提条件	用户注册
步骤	操作描述	数据	期望结果
1	点击用户注册查看详情按钮	无	跳转到用户注册详情
2	点击添加按钮	无	跳转到添加页面
3	选中添加后按钮	无	跳转到用户注册页面
测试说明	用户未登录时到步骤3跳转到登录页面
测试结果	成功	测试人

表6.2 登录测试用例

情况	用户名输入	密码输入	期望结果
(1)	15546219225	1244566	提示“用户名或者密码错误，或账号未经审核”
(2)	aaaaa	123456	提示“用户名或密码错误，或者账号未经审核”
(3)	15546219225	hangguowei	登陆成功

6.3 测试结果

测试后得到的性能和用例，系统具有足够的正确性、可靠性、稳定性，并且可以对输入数据进行准确的点击操作处理和响应测试用户的体验也得到了很好的反馈和响应时间。合理的范围，可以兼容所有主流浏览器，设计所需的效果。