【微信小程序】wampserver项目：点餐小程序

博主：👍不许代码码上红
欢迎：🐋点赞、收藏、关注、评论。
格言： 大鹏一日同风起，扶摇直上九万里。

文章目录

• • 一、项目介绍
  • 二、wampserver项目配置
  • • 2.1、httpd-vhosts.conf配置
    • 2.2、将shop文件夹放在指定目录下
  • 三、项目运行
  • • 3.1、安装
    • 3.2、绑定微信小程序
    • 3.3、微信小程序端
    • • 3.3.1、主界面
      • 3.3.2、点餐界面
      • 3.3.3、结算界面
      • 3.3.4、订单界面
      • 3.3.5、个人界面
    • 3.4、后台管理
    • • 3.4.1、订单管理
      • 3.4.2、添加商品
      • 3.4.3、管理商品
      • 3.4.4、分类管理
      • 3.4.5、订单管理

一、项目介绍

将wampserver与微信小程序开发相结合，手撕一个强大的、使用的点餐小程序。项目的服务器端主要是php代码组成，负责管理商品的种类和数量、订单、客户等等；小程序在近年来越来越火，因此开发的小程序如果有实际的价值将会有很大的市场。另外，微信小程序的开发非常便捷，很适合大家学习！

二、wampserver项目配置

注意：请先阅读上一篇wampserver之路启航

2.1、httpd-vhosts.conf配置

代码

# Virtual Hosts
#
<VirtualHost *:8090>
  ServerName localhost
  ServerAlias localhost
  DocumentRoot "D:/php/shop/public"
  <Directory "D:/php/shop/public">
    Options +Indexes +Includes +FollowSymLinks +MultiViews
    AllowOverride All
    Require local
  </Directory>
</VirtualHost>
LoadFile "D:\wampserver\bin\php\php7.2.14\libssh2.dll"

2.2、将shop文件夹放在指定目录下

我指定的目录是：D:\php

shop中是相关的php代码

三、项目运行

3.1、安装

其中管理员用户名和密码可以按照自己的更改，这个用作以后登录后台系统使用

3.2、绑定微信小程序

在这里输入你所注册的微信开发者ID和秘钥

3.3、微信小程序端

3.3.1、主界面

在这里点击开启点菜之旅便可以进入点餐界面

3.3.2、点餐界面

进入点餐界面可以将喜欢的商品加入购物车并且结算

3.3.3、结算界面

结算界面有付款和备注两个功能

如图，我们备注“好吃”，结算后会出现如下一张取货单

3.3.4、订单界面

这里记录所有的账单记录，并且有详情和是否取货

3.3.5、个人界面

在个人界面，可以看到消费记录和个人头像信息

3.4、后台管理

3.4.1、订单管理

可以选择是否已经发货

3.4.2、添加商品

添加新商品的相关信息，并且可以选择是否上架

3.4.3、管理商品

3.4.4、分类管理

3.4.5、订单管理