基于SSM流浪猫狗救网站设计与实现.docx

Posted 2022-04-21 weixin_ancenhw

网上购物有着无限的潜力，因此越来越多的青年创业者选择加入到电商这一行业。就电子商城系统的搭建，传统的商城模板样式过于单一，且后期想要更改排版并不方便。针对以上缺陷，本文设计并实现了一个基于Vue的DIY商城模板的微信小程序。使用本小程序，用户可以随意更改商城的模板样式。
本系统分为小程序端和后台管理端，小程序端具备了购物的基本功能，包括根据关键词搜索商品、下单商品、订单状态查询和收藏商品。后台管理端的主要功能有运费规则的设置、导航DIY、DIY装修、分类商品管理、用户订单管理、用户管理和线下门店管理。本系统小程序端使用了微信小程序的MINA框架，后台管理端使用了Vue.js、elementUI、axios框架技术，后端使用了php语言，数据库使用了mysql数据库。经过测试，本系统运行良好，满足日常购物的基本功能需求。
【关键词】流浪动物爱心救助站；JAVA技术；MYSQL数据库

1 绪论 1
1.1 系统开发背景 1
1.2 系统设计的目的和意义 1
1.3 论文的主要工作 2
2 系统开发技术和工具 2
2.1 系统开发平台 2
2.1.1 微信开发者工具 2
2.1.2 Visual Studio Code 3
2.1.3 MySQL数据库 3
2.2 项目开发技术 4
2.2.1 Vue.js框架 4
2.2.2 MINA框架 4
2.2.3 Canvas对象 4
3 DIY商城模板系统的需求分析 5
3.1 系统的功能需求分析 5
3.1.1 商城搭建功能的分析 5
3.1.2 商品分类管理功能的分析 6
3.1.3 商品管理功能的分析 7
3.1.4 订单管理功能的分析 8
3.2 系统的非功能需求分析 9
3.3 系统的可行性分析 9
3.3.1 经济可行性分析 9
3.3.2 技术可行性分析 9
4 DIY商城模板系统的设计 10
4.1 系统的总体架构 10
4.2 系统功能结构设计 11
4.2.1 小程序端设计 11
4.2.2 后台管理端设计 13
4.3 数据库表的设计 14
5 DIY商城模板系统功能的实现 19
5.1 系统的开发及运行环境 19
5.2 具体功能的实现 19
5.2.1 导航DIY模块 20
5.2.2 DIY装修模块 21
5.2.3 商品管理模块 22
5.2.4 商品分享模块 24
5.2.5 商品购买模块 25
6 功能测试与分析 26
6.1 功能测试 26
6.2 性能测试 31
6.3 测试结果和分析 32
6.3.1 功能测试 32
6.3.2 性能测试 32
7 结束语 32
参考文献 33
致 谢 34

1绪论
1.1系统开发背景
现如今，各个购物平台的竞争越发激烈，营销方式也是层出不穷。除了内在的商品质量和商家服务，美观的商店门面也是吸引顾客的一大亮点。电子商城的首页风格就像线下实体店的门店装修一样，或是趋于大众化淹没在无数商家里，或是风格迥异让人印象深刻。在视觉方面，美观的商城页面会给商店的宣传带来积极的效应。有的店铺首页信息过多，商品排布杂乱繁多，恨不得把所有产品都摆上架，但这样的操作反而会让浏览者审美疲劳。在这个快节奏的时代里，人们更加注重做事的效率和个性化的追求，详细的商品分类能够让筛选更加快速有效。在首页划分出热销商品区域和上新商品区域，更是给了选择困难者一个无声的推荐和引导。综上所述，首页的风格样式和模块布局是十分重要的。
而针对于电子商城系统的搭建，有的人贪图省钱省力，根据一些发布在网络上的电子商城模板进行二次修改。但有时候，捷径的终点并不一定通往成功。这类模板的功能模块一般比较老旧，没有创新，界面也是比较单调，并且性能上有可能存在一些bug和安全隐患[1]。还有一些人选择寻求专业开发团队的帮助，但这需要一定的开发时间和金钱，并且可能出现由于双方沟通不到位，导致需求不达标，造成资源和时间浪费的后果。
1.2系统设计的目的和意义
经过本人的市场调研，发现关于网上定制商城这项业务，虽然已经有一些公司和团队做的比较成熟了，但仍存在一些问题。即使这些系统的购物功能较为完备，但面对众多的用户需求，提供的商城模板样式就较为单一，可能有许多店家用的是同样的商城模板。如此一来，对于经常网购的客户人群来说，店铺首页缺少灵活性和吸引力。其次，对于专业建设商城的团队来说，人才是格外重要的，需要有真才实学的程序员加入，才能尽可能地满足客户的各种要求。对于网上的免费商城模板，大部分的后台代码都是固定的，后期再想更改界面内容的话，需要程序员重新更改代码，过程较为繁琐。
希望通过DIY商城模板的微信小程序，可以给商家带来自主搭建电子商城的良好体验。即使后期需要更改商城界面内容，也不需要更改代码，只需要管理员登录后台管理端，点击DIY设计功能，根据用户自己的想法来设计电子商城的首页内容的排布，并且可以根据实时需求，快速添加或删除轮播图。如若有新品的上市，可以随时在后台管理端上新商品，并且将新品信息及时贴放在商城的首页的任意地方，以此来加大新品宣传力度。因为任何操作都跟代码无关，即使是对电脑操作掌握程度一般的普通群众，操作起来都很方便，所有功能一目了然，少许摸索就可以快速了解本系统的功能和操作方法，给用户带来新鲜有趣的搭建商城体验。

1.3论文的主要工作
本文首先介绍了DIY商城模板系统的开发背景，分析了当前网络上关于商城建设模板的优缺点，针对缺点进行改进，来达到本系统的设计目的和意义；然后介绍了开发本系统所运用到的开发平台和技术；接下来，通过对电子商城功能的认识和研究，进行了需求分析、功能设计和系统实现；最后，通过测试系统，完成了一个功能稳定、性能安全的DIY商城模块系统。
本系统的服务对象主要是在网络上出售商品的店家。管理员可以按照个人需求来搭建商城的首页，管理商品的上架和下架，对客户订单进行发货和修改地址，对线下商店的信息上传。
2系统开发技术和工具
2.1系统开发平台
2.1.1微信开发者工具
电子商城小程序使用的开发工具是由腾讯官方提供的微信开发者工具，简称开发者工具[2]。在官网上下载好与电脑版本一致的微信开发者工具，打开之后需要先用微信扫描二维码获得权限，之后就会出现一个新建或者导入项目的界面，都填写好后就进入了开发界面，如图2-1所示：

操作界面主要分为模拟器、编辑器和调试器。模拟器的主要功能就是，当开发人员想要查看小程序运行时的界面，模拟在用户手机上的真实操作时，可以自定义手机型号和手机屏幕的尺寸，甚至还可以自行设计网络信号[3]。编辑器就是开发、编辑、修改代码的区域，编译代码后可以实时在模拟器上看到对应的改动。此外，将重点介绍真机调试这一功能，点击该功能后，本工具会自动生成调试二维码，用微信扫描后就能在手机上进入本小程序，而开发者工具会自动跳出一个调试框，根据开发者在小程序上的操作，可以在调试框上查看各功能的执行情况。调试完毕后，点击上传，就可以将本程序上传到开发者账号上，如若有代码更改都需要重新上传更新。
更加让人惊喜的是，为减少开发者的工作量，本工具提供了基于小程序原生的地图接口，全套功能模块均源于腾讯位置服务，天然匹配兼容，交互顺畅[4]。

项目资料下载地址：请点击！》》》》