购物系统-php + vue +微信小程序

53 阅读4分钟

购物系统-php + vue +微信小程序

本项目为前几天收费帮学妹做的一个项目,在工作环境中基本使用不到,但是很多学校把这个当作编程入门的项目来做,故分享出本项目供初学者参考

一、项目描述

基于php + vue +微信小程序的购物系统

这是一个典型的电商系统,包含用户端和管理员端。用户可以通过系统浏览商品、管理个人信息、下单购物等;

管理员则可以管理用户、商品、订单、资讯等内容。系统采用 PHP 作为后端语言,Vue.js 作为前端框架,同时结合微信小程序,实现多端访问。

登录网址: http://localhost:8080/php6qf4v/admin/dist/index.html

管理员账户密码: abo/abo

用户账户密码: 用户1/123456

二、项目功能

(1)用户模块

个人信息 用户可以查看和修改自己的个人信息,包括姓名、联系方式、地址等。

通知公告 用户可以查看系统发布的通知公告,了解最新的活动信息和重要通知。

商品信息 用户可以浏览商品列表,查看商品的详细信息,包括价格、库存、图片等。

购物资讯 提供与购物相关的资讯内容,帮助用户了解行业动态和购物技巧。

我的收藏管理 用户可以收藏自己喜欢的商品,方便后续查看和购买。

用户充值 用户可以通过系统提供的支付方式为账户充值,用于购物消费。

购物车 用户可以将心仪的商品加入购物车,进行批量购买和结算。

我的订单

用户可以查看自己的订单状态,包括以下几种:

全部订单:查看所有订单记录。

未支付:查看未完成支付的订单。

已支付:查看已支付但未发货的订单。

已发货:查看已发货但未完成的订单。

已完成:查看已完成的订单。

已取消:查看已取消的订单。

已退款:查看已退款的订单。

留言板 用户可以留言反馈问题或建议,与管理员进行沟通。

(2)管理员模块

个人中心

修改密码:管理员可以修改自己的登录密码。

个人信息:管理员可以查看和修改自己的个人信息。

用户管理 管理员可以查看所有用户的信息,包括用户名、注册时间、联系方式等,并进行相应的管理操作,如禁用或启用用户账号。

商品信息管理 管理员可以添加、编辑、删除商品信息,包括商品名称、价格、库存、图片等。

商品分类管理 管理员可以对商品进行分类管理,方便用户查找商品。

通知公告管理 管理员可以发布、编辑、删除通知公告,向用户传达重要信息。

购物资讯管理 管理员可以发布、编辑、删除购物资讯内容。

资讯分类管理 管理员可以对购物资讯进行分类管理,提高资讯的可读性。

留言板管理 管理员可以查看用户留言,并进行回复或处理。

轮播图管理 管理员可以上传、编辑、删除轮播图,用于展示重要商品或活动信息。

订单管理 管理员可以查看所有订单的状态,并进行相应的操作,包括:

已完成订单:查看已完成的订单记录。

已发货订单:查看已发货的订单记录。

未支付订单:查看未支付的订单记录,并进行催款或取消操作。

已取消订单:查看已取消的订单记录。

已支付订单:查看已支付的订单记录,并进行发货操作。

已退款订单:查看已退款的订单记录。

三、运行环境

开发工具:idea2024.1

运行环境:php7.3+MySQL5.7+nodejs14.18.1+Apache2.4.39

(此配置为本人调试所用,仅供参考)

四、项目技术

服务端技术:php 前端技术:Vue+微信小程序

以上系统源码经过技术整理与调试,确保能正常运行

五、项目截图

1754452866-4013c4680935f68.png

1754452875-7ebdad8a7513aa5.png

1754452879-b4bdea86251301c.png

1754452881-beb081c8c6f9d30.png

1754452885-dfd37b5721c6224.png

1754452888-2e5d5c4132a124e.png

1754452890-f092f869c415358.png

1754452892-5772494fd49bb8f.png

1754452894-87bfbae9d278887.png

1754452894-c986ed8d5270b9f.png

1754452895-f00aad6ac22b635.png

1754452897-91e7f3a236b1e1b.png

1754452898-03075da36e757c2.png

1754452899-f1b240a82dbce00.png

1754452901-37196d41888c92b.png

1754452903-8a7260eac790fcc.png

1754452904-0b22cde40ae764c.png

1754452905-34094c570213c99.png

1754452906-ac0b011d3d24dae.png

1754452907-74af433c1326ad4.png

1754452908-a255652ecb16763.png

1754452909-5d832b9ec3ae846.png

1754452909-d9f2d04e8aea888.png

1754452910-d222d660774cd76.png

1754452911-a650f5f7ff0accf.png

1754452912-16b6c7e6a4b4bfe.png