随着小程序不断扩大功能，
 
 结合微信公众号，
 
 很多传统企业都想要跟上时代的发展，
 
 拥有自己的外卖小程序，
 
 今天来跟大家介绍一下微信小程序外卖平台，
 
 你可以在这个外卖平台上，
 
 免费下载外卖小程序源码。
 
 一、 小程序外卖平台介绍
 
 这个外卖小程序平台是子恒老师开发的，
 
 网址：https://211.qinziheng.com，
 
 这个网站同时也是《秦子恒微信课堂》的官网，
 
 里面有大量关于公众号，小程序的视频课程。
 
  
 
 
  
 
外卖小程序平台管理页面
 
 
 出于商业保护的原因，
 
 只有当你注册登录后，
 
 才能看到外卖小程序的信息，
 
 包括下载外卖小程序，添加商品等功能。
 
 二、 小程序外卖平台下载源代码
 
 主要有3个步骤
 
 1） 填写你的公司信息
 
 如公司名称，地址，电话等。
 
 2） 填写你的小程序信息
 
 如小程序名称，appid, app secret，michid等，
 
 只有填写好后，
 
 才能让客户在小程序里使用微信支付。
 
 3） 下载外卖小程序
 
 选择对应的类型即可
 
 
  
 
外卖小程序平台下载源码
 
 
 三、 外卖小程序具备的功能
 
 一个好的外卖小程序，
 
 需要有下面的功能：
 
 1) 图文展示
 
 2) 购物车
 
 3) 在线支付
 
 4) 收货地址管理
 
 5) 订单管理
 
 如果缺少一个，
 
 用户体验就会大打折扣。
 
 
 
  
 
 猛击这里，
 
 详细了解外卖小程序全部功能。
 
 四、 适合使用外卖小程序的行业
 
 你不要以为外卖小程序只能用于餐饮行业，
 
 其实还有很多行业都可以使用，
 
 像：餐饮，蛋糕，鲜花，水果，特产，冷饮等，
 
 这些行业有两个特点：
 
 1） 客户跟店面在同一个城市
 
 2） 都可以配送到客户那里
 
  
 
 
  
 
外卖小程序适合行业
 
 
 只要有这个特点，
 
 都可以使用外卖小程序。
 
 现在就注册登录微信外卖小程序平台，
 
 免费下载试用外卖小程序吧，
 
 这个平台里面还有企业宣传型小程序，企业销售型小程序供你下载使用。
 
 转自：《秦子恒微信课堂》
 
 
 https://www.qinziheng.com/xiaochengxu/4343.htm
 

微信小程序实现嵌入网站H5页面代码的方法：
 
<web-view src="https://www.linyufan.com"></web-view>
 
注意：
 
1、这个域名必须已经加入web-view（业务域名），个人账号貌似是无法加入。
 
2、嵌入的页面必须为H5。
 
3、如果提示不支持打开非业务域名，在小程序后台添加业务域名配置后，在开发工具点击详情->域名信息，更新下就好了。
 
 
参考小程序：
 
 
 

微信小程序开发教程文档
微信小程序是什么？微信小程序如何开发？微信小程序开发教程有哪些？本教程将从微信小程序本身，结合微信官方-微信小程序开发工具，带你一步步创建一个微信小程序，并在手机操作预览该小程序实际效果。这个小程序的首页将会显示欢迎语以及当前用户的微信头像，点击头像，可以在新开的页面中查看当前小程序的启动日志。下载源码
步骤1. 获取微信小程序的 AppID
登录 https://mp.weixin.qq.com ，就可以在网站的“设置”-“开发者设置”中，查看到微信小程序的 AppID 了，注意不可直接使用服务号或订阅号的 AppID 。


注意：如果我们不是用注册时绑定的管理员微信号，在手机上体验该小程序，那么我们还需要操作“绑定开发者”。即在“用户身份”-“开发者”模块，绑定上需要体验该小程序的微信号。本教程默认注册帐号、体验都是使用管理员微信号。



步骤2. 创建项目
我们需要通过开发者工具，来完成小程序创建和代码编辑。
开发者工具安装完成后，打开并使用微信扫码登录。选择创建“项目”，填入上文获取到的 AppID ，设置一个本地项目的名称（非小程序名称），比如“我的第一个项目”，并选择一个本地的文件夹作为代码存储的目录，点击“新建项目”就可以了。
为方便初学者了解微信小程序的基本代码结构，在创建过程中，如果选择的本地文件夹是个空文件夹，开发者工具会提示，是否需要创建一个 quick start 项目。选择“是”，开发者工具会帮助我们在开发目录里生成一个简单的 demo。


项目创建成功后，我们就可以点击该项目，进入并看到完整的开发者工具界面，点击左侧导航，在“编辑”里可以查看和编辑我们的代码，在“调试”里可以测试代码并模拟小程序在微信客户端效果，在“项目”里可以发送到手机里预览实际效果。



步骤3. 编写代码
创建小程序实例
点击微信小程序开发者工具左侧导航的“编辑”，我们可以看到这个项目，已经初始化并包含了一些简单的代码文件。在微信小程序的代码文件中，app.js、app.json、app.wxss 这三个文件是必不可少的，一般默认生成。其中，.js后缀的是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件。微信小程序会读取这些文件，并生成小程序实例。
下面我们简单了解这三个文件的功能，方便修改以及从头开发自己的微信小程序。
app.js是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。调用框架提供的丰富的 API，如本例的同步存储及同步读取本地数据。想了解更多可用 API，可参考 API 文档
//app.js
App({
  onLaunch: function () {
    //调用API从本地缓存中获取数据
    var logs = wx.getStorageSync('logs') || []
    logs.unshift(Date.now())
    wx.setStorageSync('logs', logs)
  },
  getUserInfo:function(cb){
    var that = this;
    if(this.globalData.userInfo){
      typeof cb == "function" && cb(this.globalData.userInfo)
    }else{
      //调用登录接口
      wx.login({
        success: function () {
          wx.getUserInfo({
            success: function (res) {
              that.globalData.userInfo = res.userInfo;
              typeof cb == "function" && cb(that.globalData.userInfo)
            }
          })
        }
      });
    }
  },
  globalData:{
    userInfo:null
  }
})
app.json 是对整个微信小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成，配置小程序的窗口背景色，配置导航条样式，配置默认标题。注意该文件不可添加任何注释。更多可配置项可参考配置详解
{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  }
}
app.wxss 是整个微信小程序的公共样式表。我们可以在页面组件的 class 属性上直接使用 app.wxss 中声明的样式规则。
/**app.wxss**/
.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 200rpx 0;
  box-sizing: border-box;
}
创建页面
在这个教程里，我们的微信小程序有两个页面，index 页面和 logs 页面，即欢迎页和微信小程序启动日志的展示页，他们都在 pages 目录下。微信小程序中的每一个页面的【路径+页面名】都需要写在 app.json 的 pages 中，且 pages 中的第一个页面是小程序的首页。
每一个小程序页面是由同路径下同名的四个不同后缀文件的组成，如：index.js、index.wxml、index.wxss、index.json。.js后缀的文件是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件，.wxml后缀的文件是页面结构文件。
index.wxml 是页面的结构文件：
<!--index.wxml-->
<view class="container">
  <view bindtap="bindViewTap" class="userinfo">
    <image class="userinfo-avatar" src="{{userInfo.avatarUrl}}" background-size="cover"></image>
    <text class="userinfo-nickname">{{userInfo.nickName}}</text>
  </view>
  <view class="usermotto">
    <text class="user-motto">{{motto}}</text>
  </view>
</view>
本例中使用了<view/>、<image/>、<text/>来搭建页面结构，绑定数据和交互处理函数。
index.js 是页面的脚本文件，在这个文件中我们可以监听并处理页面的生命周期函数、获取小程序实例，声明并处理数据，响应页面交互事件等。
//index.js
//获取应用实例
var app = getApp()
Page({
  data: {
    motto: 'Hello World',
    userInfo: {}
  },
  //事件处理函数
  bindViewTap: function() {
    wx.navigateTo({
      url: '../logs/logs'
    })
  },
  onLoad: function () {
    console.log('onLoad')
    var that = this
    //调用应用实例的方法获取全局数据
    app.getUserInfo(function(userInfo){
      //更新数据
      that.setData({
        userInfo:userInfo
      })
    })
  }
})
index.wxss 是页面的样式表：
/**index.wxss**/
.userinfo {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.userinfo-avatar {
  width: 128rpx;
  height: 128rpx;
  margin: 20rpx;
  border-radius: 50%;
}

.userinfo-nickname {
  color: #aaa;
}

.usermotto {
  margin-top: 200px;
}
微信小程序页面的样式表是非必要的。当有页面样式表时，页面的样式表中的样式规则会层叠覆盖 app.wxss 中的样式规则。如果不指定页面的样式表，也可以在页面的结构文件中直接使用 app.wxss 中指定的样式规则。
index.json 是页面的配置文件：
微信小程序页面的配置文件是非必要的。当有页面的配置文件时，配置项在该页面会覆盖 app.json 的 window 中相同的配置项。如果没有指定的页面配置文件，则在该页面直接使用 app.json 中的默认配置。
logs 的页面结构
<!--logs.wxml-->
<view class="container log-list">
  <block wx:for="{{logs}}" wx:for-item="log">
    <text class="log-item">{{index + 1}}. {{log}}</text>
  </block>
</view>
logs 页面使用 <block/> 控制标签来组织代码，在 <block/> 上使用 wx:for 绑定 logs 数据，并将 logs 数据循环展开节点。
//logs.js
var util = require('../../utils/util.js')
Page({
  data: {
    logs: []
  },
  onLoad: function () {
    this.setData({
      logs: (wx.getStorageSync('logs') || []).map(function (log) {
        return util.formatTime(new Date(log))
      })
    })
  }
})
该微信小程序测试的运行结果如下：





步骤4. 手机预览
在微信小程序开发者工具左侧菜单栏选择"项目"，点击"预览"，扫码后即可在微信客户端中体验。

 
 
 
 小程序QQ交流群：131894955 
  开发文档： http://shop.jeewx.com/#/doc/rumen 
 
 
 
 

 小程序CMS官网源码下载
 
源码链接： https://gitee.com/jeecg/jeewx-app-cms
 
 
 
JAVA版微信管家平台(各种微信活动、公众号管理)
 
源码地址： https://gitee.com/jeecg/h5huodong
 
 
 
 
 
微信小程序实例源码大全下载
 微信小应用示例代码(phodal/weapp-quick)
源码链接：https://github.com/phodal/weapp-quick

微信小应用地图定位demo(giscafer/wechat-weapp-mapdemo)
源码链接：https://github.com/giscafer/wechat-weapp-mapdemo

微信小应用- 掘金主页信息流(hilongjw/weapp-gold)
源码链接：https://github.com/hilongjw/weapp-gold

微信小程序（应用号）示例：微信小程序豆瓣电影(zce/weapp-demo)
源码链接：https://github.com/zce/weapp-demo

微信小程序-豆瓣电影(hingsir/weapp-douban-film)
源码链接：https://github.com/hingsir/weapp-douban-film

小程序 hello world 尝鲜(kunkun12/weapp)
源码链接：https://github.com/kunkun12/weapp

使用微信小程序开发2048游戏(sammffl/wechat-weapp-2048)
源码链接：https://github.com/sammffl/wechat-weapp-2048

微信小程序-微票(wangmingjob/weapp-weipiao)
源码链接：https://github.com/wangmingjob/weapp-weipiao

微信小程序购物车DEMO(SeptemberMaples/wechat-weapp-demo)
源码链接：https://github.com/SeptemberMaples/wechat-weapp-demo

微信小程序V2EX(jectychen/wechat-v2ex)
源码链接：https://github.com/jectychen/wechat-v2ex

微信小程序-知乎日报(myronliu347/wechat-app-zhihudaily)
源码链接：https://github.com/myronliu347/wechat-app-zhihudaily

微信小程序-公众号热门文章信息流(hijiangtao/weapp-newsapp)
源码链接：https://github.com/hijiangtao/weapp-newsapp

 微信小程序版Gank客户端  
源码链接：https://github.com/lypeer/wechat-weapp-gank

 微信小程序集成Redux实现的Todo list  
源码链接：https://github.com/charleyw/wechat-weapp-redux-todos

 微信小程序-番茄时钟  
源码链接：https://github.com/kraaas/timer

 微信小程序项目汇总  
源码链接：http://javascript.ctolib.com/cat ... t-wechat-weapp.html

 微信小程序版聊天室  
源码链接： https://github.com/ericzyh/wechat-chat

 微信小程序-HiApp  
源码链接： https://github.com/BelinChung/wxapp-hiapp

 小程序Redux绑定库  
源码链接： https://github.com/charleyw/wechat-weapp-redux

 微信小程序版微信
源码链接：  https://github.com/18380435477/WeApp

 小程序开发从布局开始
源码链接：  https://github.com/hardog/wechat-app-flexlayout

 微信小程序-音乐播放器 
源码链接： https://github.com/eyasliu/wechat-app-music

 微信小程序-简易计算器-适合入门
源码链接： https://github.com/dunizb/wxapp-sCalc

 微信小程序-github 
源码链接：  https://github.com/zhengxiaowai/weapp-github

 微信小程序-小熊の日记 
源码链接：  https://github.com/harveyqing/BearDiary

 微信小程序
源码链接： https://github.com/SeaHub/PigRaising

微信小程序(WeChatMeiZhi妹子图)
源码链接：https://github.com/brucevanfdm/WeChatMeiZhi

使用方法

1、克隆项目代码到本地（git应该都要会哈，现在源码几乎都会放github上，会git才方便，不会的可以自学一下哦，不会的也没关系，gitHub上也提供直接下载的链接）
2、打开微信开发者工具；
3、添加项目->选择本项目目录->编译执行；