微信商城小程序系统设计与实现

痛定思痛。 2024-03-27 15:00 73阅读 0赞

> ## 项目背景和意义 ##

**目的**：本课题主要目标是设计并能够实现一个基于微信小程序商城系统，前台用户使用小程序，小程序使用微信开发者工具开发；后台管理使用基JAVA+MySql的C/S架构，开发工具使用IDEA；通过后台添加商品，用户通过小程序登录，查看商品、购买、下单等。

**意义**：微信小程序商城系统是计算机技术与商城管理相结合的产物，通过商城系统实现了对商城的高效管理。随着计算机技术的不断提高,计算机已经深入到社会生活的各个角落.而采用人工售货的方法，不仅效率低，易出错，手续繁琐，而且耗费大量人力。为了满足人员对商品、数量、结算等进行高效的管理，在工作人员的具备一定的计算机操作能力的前提下，特编此基于JAVA后台的小程序商城系统以提高商城的管理效率。

> ## 可行性分析 ##

基于微信小程序商城系统系统有以下三方面可以总结系统开发的可行性，具体如下：

1.技术可行性

以Windows7或10为操作系统，采用IDEA软件为开发工具，运用mysql进行数据库存储；管理人员后台管理系统硬件环境是PC机，用户在手机上使用小程序访问和使用商城。

2.经济可行性

一方面，采用IDEA和工具开发，对开发人员来讲，有好的人机界面和强劲的功能支持，对销售人员的工作效率进一步提高从而节省人力、物力；另一方面，系统的制作成本低，在现有的PC机上即可使用IDEA开发者工具进行开发。

3.操作可行性

IDEA软件在操作上是在Windows操作系统上进行商城后台管理系统的使用，主要凭借使用Windows操作技术即可完成数据的录入、修改、删除等功能，简单方便。

用户使用手机微信即可登录小程序商城系统来完成购买的使用。

> ## 主要功能模块 ##

本次论文研究的内容主要模块包括以下几点：

用户首次登陆系统需要注册一个用户或直接使用微信作为账号，用户在登录平台后，可以进行平台的操作。

1.  登录功能：注册普通账号登录；也可以直接使用微信登录；登录后可以修改用户的基本信息，也可以退出。
2.  资讯功能：后台录入资讯，在微信小程序商城系统的资讯模板展示，用户可以任意浏览资讯列表和详细信息
3.  商品库：后台录入商品的相关信息，可以在小程序商品列表里面一个一个点击进去查看商品详细信息；支持通过查询来查找所需要的商品。
4.  商品信息： 点击到商品详情页面，可以查看商品的介绍，查看商品简介、图片、详情等。
5.  收藏操作：在商品信息详情，下方点击“收藏”，进行收藏
6.  商品选择：在点菜栏目，直接点击每个商品的“+”来增加商品；也可以在商品的详情页面，点击“加入购物车”在增加商品。
7.  商品列表：购物车栏目已经有数量的商品，或者“购物车”栏目的
8.  下单：点击“去结算”，选择或者填写收货地址、确认要下单的商品和数量；如有口味等事项，在备注里面填写。点击“下单结算”，然后跳转到订单列表
9.  取消订单：在“我的订单”列表中，点击“取消申请”，删除订单
10. 去付款：：在“我的订单”列表中，点击“去付款”，模拟付款
11. 我的收藏：用户收藏的商品列表。
12. 收货地址管理：录入收货地址、修改收货地址、删除

> ## 开发概要 ##

小程序开发：微信开发者工具（MINA框架）

后台环境：JDK1.8 + Tomcat8

后台开发语言：Java

后台开发框架：springboot

后台模板引擎：Thymeleaf

后台开发工具：Idea2020

数据库：mysql8

数据库管理工具：navicat

其他开发语言：html + css +javascript

> ## 开发文件说明 ##

### 后台文件 ###

绿色的是开源的后台管理系统框架，不要动

<table> 
 <tbody> 
 <tr> 
 <td> 程序名 </td> 
 <td> 包含 </td> 
 <td> </td> 
 </tr> 
 <tr> 
 <td> houtai/fenzu.java 后台分组管理 </td> 
 <td> /quanxian_fenzu_list </td> 
 <td> 分组权限列表 </td> 
 </tr> 
 <tr> 
 <td> /quanxian_fenzu_xiugai </td> 
 <td> 分组权限 修改 </td> 
 </tr> 
 <tr> 
 <td> houtai/ guanliyuan.java 后台用户管理 </td> 
 <td> /ht_mima </td> 
 <td> 密码修改 </td> 
 </tr> 
 <tr> 
 <td> /quanxian_user_add </td> 
 <td> 后台用户录入 </td> 
 </tr> 
 <tr> 
 <td> /quanxian_user_list </td> 
 <td> 后台用户列表 </td> 
 </tr> 
 <tr> 
 <td> /quanxian_user_xiugai </td> 
 <td> 用户修改 </td> 
 </tr> 
 <tr> 
 <td> houtai/ huiyuan.java 后台框架 </td> 
 <td> /login </td> 
 <td> 用户登录页面 </td> 
 </tr> 
 <tr> 
 <td> /main </td> 
 <td> 后台首页 </td> 
 </tr> 
 <tr> 
 <td> /top </td> 
 <td> 后台顶部文件 </td> 
 </tr> 
 <tr> 
 <td> /center </td> 
 <td> 后台中间文件首页 </td> 
 </tr> 
 <tr> 
 <td> /middel </td> 
 <td> 后台中间文件（包含左右） </td> 
 </tr> 
 <tr> 
 <td> /left </td> 
 <td> 后台中间文件-左边 </td> 
 </tr> 
 <tr> 
 <td> /tab </td> 
 <td> 后台中间文件-右边 </td> 
 </tr> 
 <tr> 
 <td> /down </td> 
 <td> 后台底部文件 </td> 
 </tr> 
 <tr> 
 <td> /logout </td> 
 <td> 后台退出登录 </td> 
 </tr> 
 <tr> 
 <td> houtai/ quanxian.java 后台权限管理 </td> 
 <td> /quanxian_caidan_1ji </td> 
 <td> 1级菜单列表 </td> 
 </tr> 
 <tr> 
 <td> /quanxian_caidan_2ji </td> 
 <td> 2级菜单列表 </td> 
 </tr> 
 <tr> 
 <td> /quanxian_caidan_2ji_nei </td> 
 <td> 2级菜单 操作 </td> 
 </tr> 
 <tr> 
 <td> /quanxian_caidan_3ji </td> 
 <td> 3级菜单列表 </td> 
 </tr> 
 <tr> 
 <td> /quanxian_caidan_3ji_nei </td> 
 <td> 3级菜单 操作页面 </td> 
 </tr> 
 <tr> 
 <td> houtai/ guanyu.java 关于我们设置 </td> 
 <td> /houtai_guanggao_shezhi </td> 
 <td> 设置广告 </td> 
 </tr> 
 <tr> 
 <td> /houtai_liuyan_list </td> 
 <td> 留言列表 </td> 
 </tr> 
 <tr> 
 <td> /houtai_liuyan_del </td> 
 <td> 删除留言 </td> 
 </tr> 
 <tr> 
 <td> houtai/ xinxi.java 后台新闻管理 </td> 
 <td> /houtai_xinxi_fenlei </td> 
 <td> 信息分类管理 </td> 
 </tr> 
 <tr> 
 <td> /houtai_xinxi_add </td> 
 <td> 信息录入 </td> 
 </tr> 
 <tr> 
 <td> /houtai_xinxi_list </td> 
 <td> 信息列表 </td> 
 </tr> 
 <tr> 
 <td> /houtai_xinxi_xiugai </td> 
 <td> 修改资讯 </td> 
 </tr> 
 <tr> 
 <td> /houtai_xinxi_del </td> 
 <td> 删除资讯 </td> 
 </tr> 
 <tr> 
 <td> houtai/ yonghu.java 用户管理 </td> 
 <td> /houtai_yonghu_list </td> 
 <td> 用户列表 </td> 
 </tr> 
 <tr> 
 <td> /houtai_yonghu_del </td> 
 <td> 删除用户 </td> 
 </tr> 
 <tr> 
 <td> houtai/ dingdan.java 订单管理 </td> 
 <td> / houtai_dingdan_list </td> 
 <td> 订单列表 </td> 
 </tr> 
 <tr> 
 <td> /houtai_dingdan_chuli </td> 
 <td> 订单处理 </td> 
 </tr> 
 <tr> 
 <td> houtai/ shangpin.java 商品中心 </td> 
 <td> /houtai_shangpin_fenlei </td> 
 <td> 商品分类管理 </td> 
 </tr> 
 <tr> 
 <td> /houtai_shangpin_add </td> 
 <td> 商品录入 </td> 
 </tr> 
 <tr> 
 <td> /houtai_shangpin_list </td> 
 <td> 商品列表 </td> 
 </tr> 
 <tr> 
 <td> /houtai_shangpin_xiugai </td> 
 <td> 商品修改 </td> 
 </tr> 
 <tr> 
 <td> /houtai_shangpin_del </td> 
 <td> 商品删除 </td> 
 </tr> 
 </tbody> 
</table>

### 小程序文件 ###

<table> 
 <tbody> 
 <tr> 
 <td> 页面 </td> 
 <td> 接口 </td> 
 <td> 说明 </td> 
 </tr> 
 <tr> 
 <td> Jiekou/liuyan_api 留言 </td> 
 <td> /wx_liuyan </td> 
 <td> 留言接口 </td> 
 </tr> 
 <tr> 
 <td> Jiekou/pub_api 公用 </td> 
 <td> /wx_get_ad </td> 
 <td> 读取广告设置 </td> 
 </tr> 
 <tr> 
 <td> /wx_shop_top4 </td> 
 <td> 读取最新4个商品 </td> 
 </tr> 
 <tr> 
 <td> /wx_sp_info1 </td> 
 <td> 商品详情 </td> 
 </tr> 
 <tr> 
 <td> /wx_sp_shoucang </td> 
 <td> 收藏接口 </td> 
 </tr> 
 <tr> 
 <td> /wx_gwc_add </td> 
 <td> 添加购物车 </td> 
 </tr> 
 <tr> 
 <td> /wx_shoucang_list </td> 
 <td> 收藏列表 </td> 
 </tr> 
 <tr> 
 <td> /wx_shoucang_del </td> 
 <td> 收藏删除 </td> 
 </tr> 
 <tr> 
 <td> /wx_cpList_bychaxun </td> 
 <td> 查询列表 </td> 
 </tr> 
 <tr> 
 <td> Jiekou/yonghu_api 用户 </td> 
 <td> /wx_check_reg_yonghu </td> 
 <td> 验证 用户注册 </td> 
 </tr> 
 <tr> 
 <td> /wx_check_login_yonghu </td> 
 <td> 验证 用户登录 </td> 
 </tr> 
 <tr> 
 <td> /wx_check_reg_yonghu_weixin </td> 
 <td> 验证 用户登录（微信登录） </td> 
 </tr> 
 <tr> 
 <td> /wx_huiyuan_xinxi_byid </td> 
 <td> 根据用户id获取用户信息 </td> 
 </tr> 
 <tr> 
 <td> /wx_huiyuan_xinxi_update_byid </td> 
 <td> 更新用户信息 </td> 
 </tr> 
 <tr> 
 <td> /wx_huiyuan_mima_act </td> 
 <td> 更新用户密码 </td> 
 </tr> 
 <tr> 
 <td> Jiekou /zixun_api 资讯 </td> 
 <td> /wx_news_list </td> 
 <td> 读取最新5条资讯 </td> 
 </tr> 
 <tr> 
 <td> /wx_news_list_byid&nbsp; </td> 
 <td> 资讯列表 </td> 
 </tr> 
 <tr> 
 <td> /wx_news_list_canshu </td> 
 <td> 获取列表的总页数 </td> 
 </tr> 
 <tr> 
 <td> /wx_news_info </td> 
 <td> 资讯详情 </td> 
 </tr> 
 <tr> 
 <td> Jiekou /dizhi_api 地址管理 </td> 
 <td> /wx_dizhi_add2 </td> 
 <td> 地址录入 </td> 
 </tr> 
 <tr> 
 <td> /wx_dizhi_list </td> 
 <td> 地址列表 </td> 
 </tr> 
 <tr> 
 <td> /wx_dizhi_Del </td> 
 <td> 地址删除 </td> 
 </tr> 
 <tr> 
 <td> /wx_dizhi_info_byid </td> 
 <td> 根据id获取要修改的地址信息 </td> 
 </tr> 
 <tr> 
 <td> /wx_dizhi_moren_set </td> 
 <td> 设置默认地址 </td> 
 </tr> 
 <tr> 
 <td> Jiekou /shop_api 商城接口 </td> 
 <td> /wx_gwc_feiyong_byuid </td> 
 <td> 获取用户购物车商品总费用 </td> 
 </tr> 
 <tr> 
 <td> /wx_fenlei </td> 
 <td> 读取分类列表 </td> 
 </tr> 
 <tr> 
 <td> /wx_fenlei_chanpin </td> 
 <td> 读取分类最新4个商品 </td> 
 </tr> 
 <tr> 
 <td> /wx_gwc_list </td> 
 <td> 读取购物车列表 </td> 
 </tr> 
 <tr> 
 <td> /wx_gwc_del </td> 
 <td> 购物车删除 </td> 
 </tr> 
 <tr> 
 <td> /wx_gwc_update_shuliang </td> 
 <td> 更新购物车 商品 数量 </td> 
 </tr> 
 <tr> 
 <td> /wx_gwc_list_by_gwcids </td> 
 <td> 读取下单页面商品列表 </td> 
 </tr> 
 <tr> 
 <td> /wx_gwc_xiadan_by_cs </td> 
 <td> 购物车下单 </td> 
 </tr> 
 <tr> 
 <td> /wx_dingdan_list </td> 
 <td> 获取用户订单列表 </td> 
 </tr> 
 <tr> 
 <td> /wx_dingdan_list_shangpin </td> 
 <td> 获取用户订单列表中的商品列表 </td> 
 </tr> 
 <tr> 
 <td> /wx_dingdan_del </td> 
 <td> 订单删除 </td> 
 </tr> 
 <tr> 
 <td> /wx_dingdan_fukuan </td> 
 <td> 订单模拟付款 </td> 
 </tr> 
 <tr> 
 <td> /wx_dingdan_shouhuo </td> 
 <td> 订单收货 </td> 
 </tr> 
 </tbody> 
</table>

> ## 成品效果图 ##

### 小程序效果截图 ###

![584013c18c4b496a949997794bf641af.jpeg][]![e90587aacaae4a0d89e8e48f260f3314.jpeg][]![6f7283e72f0244578389c1f203edebc9.jpeg][]![21a3d4d836374f64b5bdcff80b7da0b0.jpeg][]![9def7d784e234128b1c7543734b7d959.jpeg][]![cc6572bf88dc4c1ea45399c23da848cf.jpeg][]![dc818b72aaf546b8b92206762242c59c.jpeg][]![e02a0a1817a34e3d93a285b5fa6f5d0a.jpeg][]![8a0535c851e344869eb0e034dc0a16c3.jpeg][]![851bda320e784b0784e535c93d6e270c.jpeg][]![899eba8d9b454f1dae66c703ee22c857.jpeg][]![ee12435f6e2442ada9620c900585b966.jpeg][]![e494151837e4487eb15263d5a68ac749.jpeg][]![cb135fb14fc049fdb6d5da543abaec5e.jpeg][]![1d4f1106aae942f89f8436446906f500.jpeg][]![af658e9f7e8e4982a0e3b10936d2fa11.jpeg][]![138589a69a7d4613920728a41b94a856.jpeg][]![bd7f9299526f442bb93a30e3c75c46d6.jpeg][]![ae88c446d2c0422ab19ffa1c31bf68c5.jpeg][]![7fc246bb453a4a6297c687c3e009a700.jpeg][]![3993f4fdfa7540f7ba3e80fbd4515b19.jpeg][]![df9b378b56fc486eb2c9889bb5c77d98.jpeg][]![f7e876130a3e4c52915c68b7d9b2982b.jpeg][]

### 后台管理截图 ###

![6472ffd626a04c7b8aca9df75112186c.png][]![1745c211b8f7487d8c7e807454156735.png][]![f4262bd290a04ec4b1373c8c9362dac8.png][]![89f50e22ea7d4ff19ed8409a368b2437.png][]![c9bdfef752934697bb273ff55217be7a.png][]![5a2e253f36484a01865a8ecb060ce9bf.png][]![b0c6265b6d304e4491db842e3f3d98cb.png][]![cb7eee4186a34a0e81c6988309dcb0ac.png][]![cc778a2104d54be69c127632b8c19d90.png][]![926c7bf7e3fc4e72804f122e6f2112f8.png][]![1a403629f6b944bb8ec39b65155b7a3c.png][]

[584013c18c4b496a949997794bf641af.jpeg]: https://img-blog.csdnimg.cn/584013c18c4b496a949997794bf641af.jpeg
[e90587aacaae4a0d89e8e48f260f3314.jpeg]: https://img-blog.csdnimg.cn/e90587aacaae4a0d89e8e48f260f3314.jpeg
[6f7283e72f0244578389c1f203edebc9.jpeg]: https://img-blog.csdnimg.cn/6f7283e72f0244578389c1f203edebc9.jpeg
[21a3d4d836374f64b5bdcff80b7da0b0.jpeg]: https://img-blog.csdnimg.cn/21a3d4d836374f64b5bdcff80b7da0b0.jpeg
[9def7d784e234128b1c7543734b7d959.jpeg]: https://img-blog.csdnimg.cn/9def7d784e234128b1c7543734b7d959.jpeg
[cc6572bf88dc4c1ea45399c23da848cf.jpeg]: https://img-blog.csdnimg.cn/cc6572bf88dc4c1ea45399c23da848cf.jpeg
[dc818b72aaf546b8b92206762242c59c.jpeg]: https://img-blog.csdnimg.cn/dc818b72aaf546b8b92206762242c59c.jpeg
[e02a0a1817a34e3d93a285b5fa6f5d0a.jpeg]: https://img-blog.csdnimg.cn/e02a0a1817a34e3d93a285b5fa6f5d0a.jpeg
[8a0535c851e344869eb0e034dc0a16c3.jpeg]: https://img-blog.csdnimg.cn/8a0535c851e344869eb0e034dc0a16c3.jpeg
[851bda320e784b0784e535c93d6e270c.jpeg]: https://img-blog.csdnimg.cn/851bda320e784b0784e535c93d6e270c.jpeg
[899eba8d9b454f1dae66c703ee22c857.jpeg]: https://img-blog.csdnimg.cn/899eba8d9b454f1dae66c703ee22c857.jpeg
[ee12435f6e2442ada9620c900585b966.jpeg]: https://img-blog.csdnimg.cn/ee12435f6e2442ada9620c900585b966.jpeg
[e494151837e4487eb15263d5a68ac749.jpeg]: https://img-blog.csdnimg.cn/e494151837e4487eb15263d5a68ac749.jpeg
[cb135fb14fc049fdb6d5da543abaec5e.jpeg]: https://img-blog.csdnimg.cn/cb135fb14fc049fdb6d5da543abaec5e.jpeg
[1d4f1106aae942f89f8436446906f500.jpeg]: https://img-blog.csdnimg.cn/1d4f1106aae942f89f8436446906f500.jpeg
[af658e9f7e8e4982a0e3b10936d2fa11.jpeg]: https://img-blog.csdnimg.cn/af658e9f7e8e4982a0e3b10936d2fa11.jpeg
[138589a69a7d4613920728a41b94a856.jpeg]: https://img-blog.csdnimg.cn/138589a69a7d4613920728a41b94a856.jpeg
[bd7f9299526f442bb93a30e3c75c46d6.jpeg]: https://img-blog.csdnimg.cn/bd7f9299526f442bb93a30e3c75c46d6.jpeg
[ae88c446d2c0422ab19ffa1c31bf68c5.jpeg]: https://img-blog.csdnimg.cn/ae88c446d2c0422ab19ffa1c31bf68c5.jpeg
[7fc246bb453a4a6297c687c3e009a700.jpeg]: https://img-blog.csdnimg.cn/7fc246bb453a4a6297c687c3e009a700.jpeg
[3993f4fdfa7540f7ba3e80fbd4515b19.jpeg]: https://img-blog.csdnimg.cn/3993f4fdfa7540f7ba3e80fbd4515b19.jpeg
[df9b378b56fc486eb2c9889bb5c77d98.jpeg]: https://img-blog.csdnimg.cn/df9b378b56fc486eb2c9889bb5c77d98.jpeg
[f7e876130a3e4c52915c68b7d9b2982b.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/b130c8de816840ae9c4ac14c3d6e785d.png
[6472ffd626a04c7b8aca9df75112186c.png]: https://img-blog.csdnimg.cn/6472ffd626a04c7b8aca9df75112186c.png
[1745c211b8f7487d8c7e807454156735.png]: https://img-blog.csdnimg.cn/1745c211b8f7487d8c7e807454156735.png
[f4262bd290a04ec4b1373c8c9362dac8.png]: https://img-blog.csdnimg.cn/f4262bd290a04ec4b1373c8c9362dac8.png
[89f50e22ea7d4ff19ed8409a368b2437.png]: https://img-blog.csdnimg.cn/89f50e22ea7d4ff19ed8409a368b2437.png
[c9bdfef752934697bb273ff55217be7a.png]: https://img-blog.csdnimg.cn/c9bdfef752934697bb273ff55217be7a.png
[5a2e253f36484a01865a8ecb060ce9bf.png]: https://img-blog.csdnimg.cn/5a2e253f36484a01865a8ecb060ce9bf.png
[b0c6265b6d304e4491db842e3f3d98cb.png]: https://img-blog.csdnimg.cn/b0c6265b6d304e4491db842e3f3d98cb.png
[cb7eee4186a34a0e81c6988309dcb0ac.png]: https://img-blog.csdnimg.cn/cb7eee4186a34a0e81c6988309dcb0ac.png
[cc778a2104d54be69c127632b8c19d90.png]: https://img-blog.csdnimg.cn/cc778a2104d54be69c127632b8c19d90.png
[926c7bf7e3fc4e72804f122e6f2112f8.png]: https://img-blog.csdnimg.cn/926c7bf7e3fc4e72804f122e6f2112f8.png
[1a403629f6b944bb8ec39b65155b7a3c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/9cdbda3d455c483ea439e6576eecc380.png