【微信小程序】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项目:点餐小程序_第1张图片

一、项目介绍

将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
【微信小程序】wampserver项目:点餐小程序_第2张图片
shop中是相关的php代码

【微信小程序】wampserver项目:点餐小程序_第3张图片

三、项目运行

3.1、安装

其中管理员用户名和密码可以按照自己的更改,这个用作以后登录后台系统使用
【微信小程序】wampserver项目:点餐小程序_第4张图片

3.2、绑定微信小程序

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

【微信小程序】wampserver项目:点餐小程序_第5张图片

3.3、微信小程序端

3.3.1、主界面

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

【微信小程序】wampserver项目:点餐小程序_第6张图片

3.3.2、点餐界面

进入点餐界面可以将喜欢的商品加入购物车并且结算
【微信小程序】wampserver项目:点餐小程序_第7张图片

3.3.3、结算界面

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

【微信小程序】wampserver项目:点餐小程序_第8张图片

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

【微信小程序】wampserver项目:点餐小程序_第9张图片

3.3.4、订单界面

这里记录所有的账单记录,并且有详情和是否取货
【微信小程序】wampserver项目:点餐小程序_第10张图片

3.3.5、个人界面

在个人界面,可以看到消费记录和个人头像信息
【微信小程序】wampserver项目:点餐小程序_第11张图片

3.4、后台管理

3.4.1、订单管理

可以选择是否已经发货
【微信小程序】wampserver项目:点餐小程序_第12张图片

3.4.2、添加商品

添加新商品的相关信息,并且可以选择是否上架
【微信小程序】wampserver项目:点餐小程序_第13张图片

3.4.3、管理商品

【微信小程序】wampserver项目:点餐小程序_第14张图片

3.4.4、分类管理

【微信小程序】wampserver项目:点餐小程序_第15张图片

3.4.5、订单管理

【微信小程序】wampserver项目:点餐小程序_第16张图片

你可能感兴趣的:(微信小程序,微信小程序,小程序,php)