项目背景和意义
目的:本课题主要目标是设计并能够实现一个基于微信小程序商城系统,前台用户使用小程序,小程序使用微信开发者工具开发;后台管理使用基PP+MySql的B/S架构,开发工具使用phpstorm;通过后台添加商品,用户通过小程序登录,查看商品、购买、下单等。
意义:微信小程序商城系统是计算机技术与商城管理相结合的产物,通过微信小程序商城系统实现了对商城的高效管理。随着计算机技术的不断提高,计算机已经深入到社会生活的各个角落.而采用人工售货的方法,不仅效率低,易出错,手续繁琐,而且耗费大量人力。为了满足人员对商品、数量、结算等进行高效的管理,在工作人员的具备一定的计算机操作能力的前提下,特编此微信小程序商城系统以提高商城的管理效率。
可行性分析
基于微信小程序商城系统系统有以下三方面可以总结系统开发的可行性,具体如下:
1.技术可行性
以Windows7或10为操作系统,采用phpstorm软件为开发后台管理,运用mysql进行数据库存储,使用微信开发者工具开发微信小程序;后台管理系统硬件环境是PC机,前台用户在手机上使用微信小程序。
2.经济可行性
一方面,采用phpstorm和微信开发者工具开发有好的人机界面和强劲的功能支持,使销售人员的工作效率进一步提高从而节省人力、物力;另一方面,系统的制作成本低,在现有的PC机上即可使用phpstorm和微信开发者工具进行开发。
3.操作可行性
phpstorm软件在操作上是在Windows操作系统上进行商城后台管理系统的使用,主要凭借使用Windows操作技术即可完成数据的录入、修改、删除等功能,简单方便。
用户使用手机登录微信小程序商城系统来完成购买的使用。
主要功能模块
![](https://img-blog.csdnimg.cn/img_convert/28d734b050b4486e83df621e53759771.png)
![](https://img-blog.csdnimg.cn/img_convert/c76a3db08354bc45a7715c1df3974a73.gif)
编辑
后台管理员功能
会员列表:查看所有注册会员信息,支持删除
录入资讯:录入资讯标题、内容等信息
管理资讯:查看已录入资讯列表,支持删除和修改
广告设置:上传图片和设置小程序首页轮播图广告地址
留言列表:所有用户留言信息列表,支持删除
商品分类管理:支持录入、查看、修改和删除已有分类
商品录入:选择商品分类、录入商品名称、库存、已销售、价格、上传商品图片、填写商品介绍
商品管理:查看所有已经录入的商品信息、支持修改和删除
商品订单:查看所有用户下单的订单信息,包括下单时间、费用、收货地址、收货人信息、订单商品信息和备注等
订单处理:处理商品发货信息等
积分产品分类:支持录入、查看、修改和删除已有分类
积分产品录入:选择分类,录入标题、积分、图片、内容等
积分产品管理:查看所有已经录入积分产品,支持修改和删除
积分兑换订单:查看所有用户下单的订单信息,包括下单时间、费用、收货地址、收货人信息、订单商品信息和备注等
积分订单处理:处理商品发货信息等
小程序功能
用户注册登录:注册普通账号,然后使用注册的账号登录登录
微信授权登录:直接使用微信作为账号,授权后登录
资讯功能:用户可以任意浏览资讯列表和详细信息
商品库:后台录入的所有商品信息列表;支持通过查询来查找所需要商品
商品信息: 点击到商品详情页面,可以查看商品介绍、图片、价格、销售等、详情、已购买用户的评论列表。
商品收藏:在操作信息详情,下方点击“收藏”,进行收藏
商品选购:在商品的详情页面,点击“加入购物车”在增加商品,也可以直接点击“立即购买”
商品购物车:购物车栏目显示打算购买的商品信息和对应的购买数量
商品下单:在购物车列表点击“结算”,选择或者填写收货地址、确认要下单的商品和数量;填写备注。点击“下单结算”,然后跳转到订单列表
取消订单:在“我的订单”列表中,针对没有付款的订单,点击“取消申请”,删除订单
去付款::在“我的订单”列表中,点击“去付款”,模拟付款
商品评论:在“我的订单”列表中,已经付款的订单,可以对每个商品,点击“评价”,去打分和填写商品评论.
积分兑换:在积分兑换列表下单
收货地址管理:录入收货地址、查看所有收货地址,修改收货地址、删除
我的收藏:用户收藏的商品列表。
退出系统:清除缓存,返回小程序首页
留言:填写留言的内容,提交到网站管理后台
开发概要
主要介绍了系统在开发过程中所应用到的一些关键的技术,主要包括了前端小程序开发的MINA框架;后台开发PHP开发;MySQL数据库;以及常规的网页技术HTML/CSS/JAVASCRIPT的介绍。
开发操作系统:windows10 + 4G内存 + 500G
小程序开发:微信开发者工具(MINA框架)
后台环境:IIS +PHP
后台开发语言:PHP
后台开发工具:Dreamweaver +PhpStorm
数据库:mysql8
数据库管理工具:navicat
其他开发语言:html + css +javascript
开发文件说明
后台管理文件
所在路径:后台源码ht目录是后台
绿色显示的是系统框架,不要动
位置
|
程序名
|
说明
|
源码根目录
|
login.php
|
后台登录页面
|
源码根目录
|
check_u_login.php
|
后台登录处理程序
|
ht
后台根目录
|
index.php
|
后台首页
|
left.php
|
后台左侧菜单
|
|
u_logout.php
|
退出登录
|
|
ht/quanxian
密码管理
|
mima.php
|
密码修改页面
|
mima_act.php
|
密码修改程序
|
|
ht/zixun
资讯
|
zixun_add.php
|
资讯录入页面
|
zixun_add_act.php
|
资讯录入数据库程序
|
|
zixun_list.php
|
资讯列表
|
|
zixun_xiugai.php
|
资讯修改页面
|
|
zixun_xiugai_act.php
|
资讯修改程序
|
|
zixun_del.php
|
资讯删除程序
|
|
ht/ shezhi
广告和留言设置管理
|
ad_index_wx.php
|
轮播图设置页面
|
ad_index_wx_baocun
|
轮播图设置程序处理
|
|
liuyan_list.php
|
留言列表
|
|
liuyan_delt.php
|
留言删除
|
|
ht/huiyuan
会员
|
hy_list.php
|
会员列表
|
hy_del.php
|
会员删除
|
|
ht/ shangpin
商品中心
|
caidan_1ji.php
|
商品分类管理
|
sp_add.php
|
商品录入页面
|
|
sp_add_act.php
|
商品录入程序处理
|
|
sp_list.php
|
商品列表
|
|
sp_del.php
|
商品删除
|
|
sp_xiugai.php
|
商品修改页面
|
|
sp_xiugai_act.php
|
商品修改程序处理
|
|
dd_list.php
|
订单列表
|
|
dd_chuli.php
|
订单处理
|
|
ht/ cp
产品积分中心
|
caidan_1ji.php
|
积分产品分类管理
|
cp_add.php
|
积分产品录入页面
|
|
cp_add_act.php
|
积分产品录入程序
|
|
cp_list.php
|
积分产品列表
|
|
cp_del.php
|
积分产品删除
|
|
cp_xiugai.php
|
积分产品修改页面
|
|
cp_xiugai_act.php
|
积分产品修改程序
|
|
jifen_dingdan_list.php
|
积分产品订单列表
|
|
jifen_dingdan_chuli.php
|
积分产品订单处理
|
小程序接口文件
小程序接口
程序名
|
包含
|
|
首页
|
wx_lunbo.php
|
获取顶部轮播图
|
wx_news_list.php
|
获取最新资讯3条
|
|
wx_CpList_top2.php
|
最新上架商品(2)条
|
|
wx_CpList_tuijian2.php
|
最新推荐商品(2)条
|
|
商品预订
|
wx_fenlei.php
|
加载左侧分类
|
wx_api_CpList_All.php
|
加载分类产品
|
|
所有商品
查询
|
wx_CpList.php
|
加载所有商品
|
wx_CpList_top2.php
|
最新上架商品(2)条
|
|
wx_fenlei.php
|
加载分类
|
|
商品详情页
|
wx_sp_info-a.php
|
根据产品id获取产品的信息
|
wx_sp_info-b.php
|
根据产品id获取产品的详细信息
|
|
wx_gwc_add.php
|
加入购物车
|
|
wx_gwc_add.php
|
购买:加入购物车+跳转到购物车
|
|
wx_shoucang_add.php
|
录入收藏数据
|
|
购物车
|
wx_gwc_list.php
|
获取购物车列表
|
wx_gwc_del.php
|
删除购物车
|
|
wx_gwc_shuxiugai.php
|
更新购物车数据
|
|
wx_gwc_feiyong.php
|
获取购物车费用
|
|
下单页面
|
wx_gwc_list.php
|
获取下单购物车商品信息
|
wx_dizhi_list.php
|
获取地址列表
|
|
wx_dizhi_add.php
|
录入下单地址
|
|
wx_gwc_xiadan.php
|
提交下单信息
|
|
评论页面
|
wx_AddPinLun.php
|
提交评论
|
积分兑换
|
wx_jifen_fenlei.php
|
加载积分产品分类
|
wx_jifen_CpList_All.php
|
加载积分产品
|
|
积分产品
|
wx_jifen_cp_info_a.php
|
加载积分商品简介
|
wx_jifen_cp_info_b.php
|
加载积分产品详情
|
|
wx_jifen_dingdan_add.php
|
积分兑换
|
|
wx_jifen_zong_byuid.php
|
根据用户id获取积分信息
|
|
资讯信息
|
wx_news_list_byid.php
|
获取资讯列表
|
wx_news_info.php
|
获取资讯信息详情
|
|
留言
|
wx_api_liuyan.php
|
提交留言
|
会员
|
wx_check_reg_yonghu.php
|
普通用户注册
|
wx_check_login_yonghu.php
|
普通用户登录
|
|
wx_check_reg_yonghu-weixin.php
|
微信登录
|
|
wx_dingdan_list.php
|
加载订单列表
|
|
wx_dingdan_fukuan.php
|
模拟付款
|
|
wx_dingdan_del.php
|
取消订单
|
|
wx_dingdan_shouhuo.php
|
确认收货
|
|
wx_dizhi_list.php
|
加载地址列表
|
|
wx_dizhi_moren.php
|
设置地址默认
|
|
wx_dizhi_Del.php
|
地址信息删除
|
|
wx_dizhi_add.php
|
录入地址信息
|
|
wx_dizhi_info.php
|
读取地址信息
|
|
wx_dizhi_edit.php
|
更新地址信息
|
|
wx_shoucang_list.php
|
获取收藏列表
|
|
wx_shoucang_del.php
|
删除收藏
|
|
|
|
|
wx_jifen_dingdan_list.php
|
获取用户积分订单列表
|
|
wx_jifen_dingdan_fukuan.php
|
积分订单确认
|
|
wx_jifen_dingdan_del.php
|
取消积分订单兑换
|
|
wx_jifen_dingdan_shouhuo.php
|
积分订单收货
|
|
|
|
|
wx_huiyuan_xinxi_byid.php
|
读取会员信息
|
|
wx_huiyuan_xinxi_update_byid.php
|
更新会员信息
|
|
wx_huiyuan_mima_act.php
|
密码修改
|
功能模块图
功能实体图
![](https://img-blog.csdnimg.cn/img_convert/39bfd101f1614ce59ac39a0debac40a5.png)
![](https://img-blog.csdnimg.cn/img_convert/ad1e6940dce7bf68f88fe810924d103a.gif)
编辑
数据库ER图
![](https://img-blog.csdnimg.cn/img_convert/7291e44e46274decbaa222423edd4506.png)
![](https://img-blog.csdnimg.cn/img_convert/89a753fb229f1569b1f11d8e4a63c94f.gif)
编辑
作品效果截图
小程序功能截图
![](https://img-blog.csdnimg.cn/img_convert/174e887e5cef4281b5df42ff49807dbf.png)
![](https://img-blog.csdnimg.cn/img_convert/b7c620f442608ff250e52e11b6d37be0.gif)
编辑
![](https://img-blog.csdnimg.cn/img_convert/a6ba0809efce43518c1fb186e788a120.png)
![](https://img-blog.csdnimg.cn/img_convert/c51f41c664e3a60685d4568777e8e8d1.gif)
编辑
![](https://img-blog.csdnimg.cn/img_convert/14415c54fce1478cac8b1288cc43ebbc.png)
![](https://img-blog.csdnimg.cn/img_convert/442c6e5037ac7ebbbd659d49d8f8bdde.gif)
编辑
![](https://img-blog.csdnimg.cn/img_convert/06339d3b455b432b89a2aae208171f59.png)
![](https://img-blog.csdnimg.cn/img_convert/e7c97bb911f048cb2aeef5c779d229f0.gif)
编辑
![](https://img-blog.csdnimg.cn/img_convert/15a1a56431d444a09d82c8f75c495849.png)
![](https://img-blog.csdnimg.cn/img_convert/563ea91e510e7a99eb53a82c5b6dc495.gif)
编辑
![](https://img-blog.csdnimg.cn/img_convert/a2d5badd582043bd800b31f3d043e93b.png)
![](https://img-blog.csdnimg.cn/img_convert/d5aac3843a95de20eba4cfb5a3d6404a.gif)
编辑
![](https://img-blog.csdnimg.cn/img_convert/b31a4d01505c4161b6236c76c9431fa4.png)
![](https://img-blog.csdnimg.cn/img_convert/168b2e4b0dac13711c8330fa62d8d1e2.gif)
编辑
![](https://img-blog.csdnimg.cn/img_convert/4ffdb47b5f1949088222fddd04122aa9.png)
![](https://img-blog.csdnimg.cn/img_convert/dd04faf981f24b20625407bf7add8966.gif)
编辑
![](https://img-blog.csdnimg.cn/img_convert/708669f134f0464393164ecff995b7a1.png)
![](https://img-blog.csdnimg.cn/img_convert/1a4520b92b4f5cc2837cd605b1adbe46.gif)
编辑
![](https://img-blog.csdnimg.cn/img_convert/15f27a9a3f7848b6a5e8b4ed0838dfab.png)
![](https://img-blog.csdnimg.cn/img_convert/6d59f7091039fc8a241042900f572cd3.gif)
编辑
![](https://img-blog.csdnimg.cn/img_convert/2ee660630406405584b001c38f3634c1.png)
![](https://img-blog.csdnimg.cn/img_convert/1b3b4e60c75760a54f97524f93f8d9bc.gif)
编辑
![](https://img-blog.csdnimg.cn/img_convert/3e678e0e194f4eb8a72e2518f1abf0ee.png)
![](https://img-blog.csdnimg.cn/img_convert/803813676b7643d852a3d9d6dd76db01.gif)
编辑
后台管理截图
![](https://img-blog.csdnimg.cn/img_convert/0114d2beefcb49abae1839c987cc979a.png)
![](https://img-blog.csdnimg.cn/img_convert/b416a53443c38ddcccf4cf58236f8eeb.gif)
编辑
![](https://img-blog.csdnimg.cn/img_convert/1ef77672d0354c40b84f5701e42fc9d4.png)
![](https://img-blog.csdnimg.cn/img_convert/db24dcc33ba7d74d7b82ee886d021d75.gif)
编辑
![](https://img-blog.csdnimg.cn/img_convert/4ba313f1d21249c7986c736a33f0fb92.png)
![](https://img-blog.csdnimg.cn/img_convert/d9db9d0aa7bc23ce79a8c22090d1a646.gif)
编辑
![](https://img-blog.csdnimg.cn/img_convert/1a292d4956124a9298a1bd82dce355d4.png)
![](https://img-blog.csdnimg.cn/img_convert/f85871b078236460bb69d2b92c831572.gif)
编辑
![](https://img-blog.csdnimg.cn/img_convert/eba6af086e3e4c83b6fdb5819f282dd9.png)
![](https://img-blog.csdnimg.cn/img_convert/c232e5a850cd08370f0d2672846be44f.gif)
编辑
![](https://img-blog.csdnimg.cn/img_convert/e9a57c64d386449683f1cf6b7e2375ec.png)
![](https://img-blog.csdnimg.cn/img_convert/553dfe989dda1b697ad92e6768c0c0f9.gif)
编辑
![](https://img-blog.csdnimg.cn/img_convert/c86f48f1c704473485ab50f7930244c0.png)
![](https://img-blog.csdnimg.cn/img_convert/e23f74d2e9722fb7f72b1a28c0e030cf.gif)
编辑
![](https://img-blog.csdnimg.cn/img_convert/f0e8e516cbd14d75a455ca5a33319d1b.png)
![](https://img-blog.csdnimg.cn/img_convert/2a37caea317c72ffb8a36219d0bac902.gif)
编辑
![](https://img-blog.csdnimg.cn/img_convert/9bcee9ab5b0f445c95e4c5a3e8938099.png)
![](https://img-blog.csdnimg.cn/img_convert/f030a2d4b1c5a1a4cb8364a59aa598e3.gif)