基于微信小程序的在线订餐平台的设计与实现（程序+论文）_微信小程序论文订餐

目录

1、项目简介

2、设计说明

3、实现效果

4、源码获取及技术文档展示​​​​​​​

---

1、项目简介

基于微信小程序的订餐平台以微信小程序为载体，以Java加Tomcat及部分微信云开发作为后端服务。使用MySQL数据库对菜品信息、订单信息、用户信息进行信息存储。其中前端采用Vue框架技术、HTML和CSS、JavaScript语言，后端技术采用Java、spring、微信云开发三种技术。

基本功能如下

后台部分：

用户管理：可以查看对应用户的电话、昵称等信息。

餐品管理：可以管理点餐系统发布的餐品信息，进行相应的数据增删改查操作。

订单管理：对前端用户的下单信息进行查看、确认上餐管理操作。

分类管理：主要实现对前端点餐显示的餐品分类管理、分为种类管理和菜品分类管理。

系统管理：主要可以实现对系统的相关基本信息的管理操作。

用户端

产品展示：查看商品细节，分类预览，商品浏览。

使用者管理：用户登录、用户注册、用户修改手机号等。

订货管理：用户取消订单，查看订单。

购物车：添加物品、删除物品、清空购物车、付款、修改(数量)等等。

2、设计说明

功能架构图

 

整体E-R图

表4-1：wct_address

表4-2：wct_bill

3、实现效果

var app = getApp();

login: function() {

  const that = this;

  const token = wx.getStorageSync('token');

//wx.getStorageSync(string key)从本地缓存中获取指定key内容

   if (token) {

      WXAPI.checkToken(token).then(function(res) {

//封装的方法checkToken向服务器发送get请求查询token

        if (res.code != 0) {

          wx.removeStorageSync('token')

          that.login();

        } else {

          // 回到原来的地方放

          app.navigateToLogin = false

          wx.navigateBack();

        }

      })

      return;

    }

//登录函数

    wx.login({

//wx.login(Object object)微信提供的登录方法

//success为回调函数，code为登录凭证

success: function(res) {

        WXAPI.login(res.code).then(function(res) {

          if (res.code == 10000) {

            // 没有信息需要去注册

            that.registerUser();

            return;

          }

          if (res.code != 0) {

            // 登录错误

            wx.hideLoading();

            wx.showModal({

              title: '提示',

              content: '无法登录，请重试',

              showCancel: false

            })

            return;

          }

//如果登录成功则本地存储token以及uid

          wx.setStorageSync('token', res.data.token)

          wx.setStorageSync('uid', res.data.uid)

          // 回到原来的地方放

          app.navigateToLogin = false

          wx.navigateBack();

        })

      }

    })

  },

  registerUser: function() {

    let that = this;

    wx.login({

      success: function(res) {

      let code = res.code;

 // 微信登录接口返回的 code 参数，下面注册接口需要用到

//获取微信用户信息如昵称、头像等

      wx.getUserInfo({

             success: function(res) {

              let encryptedData = res.encryptedData;

          // 下面开始调用注册接口

          WXAPI.register( {

            code: code,

            encryptedData: encryptedData,

            iv: iv,

        

          }).then(function(res) {

             wx.hideLoading();

             that.login();

const WXAPI = require('../../wxapi/main')

Page({

  /**

   * 页面的初始数据

   */

  data: {

    categories: [],

    goodsWrap: [],

    categorySelected: "",

    goodsToView: "",

    categoryToView: "",

  },

  /**

   * 生命周期函数--监听页面加载

   */

  onLoad: function(options) {

    this.initData();

  },

  initData() {

    let that = this;

 //在当前页面显示导航条加载动画

    wx.showNavigationBarLoading();

//调用WXAPI中的goodsCategory函数获取数据库数据

    WXAPI.goodsCategory().then(function(res) {

      var categories = [];

      if (res.code == 0) {

        for (var i = 0; i < res.data.length; i++) {

          let item = res.data[i];

          item.scrollId = "s" + item.id;

          categories.push(item);

          if (i == 0) {

            that.setData({

              categorySelected: item.scrollId,

            })

          }

        }

      }

      that.setData({

        categories: categories,

      });

      console.log(categories);

      that.getGoodsList(0);

    }).catch((e) => {

//在当前页面隐藏导航条加载动画

      wx.hideNavigationBarLoading();

    });

  },

4、源码获取及技术文档展示