精华内容
下载资源
问答
  • 130个Weixin小程序代码案例

    热门讨论 2017-09-30 16:18:11
    小程序完整demo:飞翔的小鸟:canvas实现,java后端(适用1221) 小程序页面生成器 小熊的日记 小游戏-别踩白块 校内新闻大图 新浪读书 新闻客户端 星巴克中国 摇一摇换文章 一个(仿) 一元夺宝主页设计 医药网 ...
  • 微信小程序全套源代码 最新 最全 好用 免费
  • 随着小程序不断扩大功能, 结合微信公众号, 很多传统企业都想要跟上时代的发展, 拥有自己的外卖小程序, 今天来跟大家介绍一下微信小程序外卖平台, 你可以在这个外卖平台上, 免费下载外卖...

    随着小程序不断扩大功能,

    结合微信公众号,

    很多传统企业都想要跟上时代的发展,

    拥有自己的外卖小程序,

    今天来跟大家介绍一下微信小程序外卖平台,

    你可以在这个外卖平台上,

    免费下载外卖小程序源码。

    一、 小程序外卖平台介绍

    这个外卖小程序平台是子恒老师开发的,

    网址: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页面代码

    千次阅读 2018-09-13 10:26:42
    微信小程序实现嵌入网站H5页面代码的方法: <web-view src="https://www.linyufan.com"></web-view> 注意: 1、这个域名必须已经加入web-view(业务域名),个人账号貌似...

    微信小程序实现嵌入网站H5页面代码的方法:

    <web-view src="https://www.linyufan.com"></web-view>

    注意:

    1、这个域名必须已经加入web-view(业务域名),个人账号貌似是无法加入。

    2、嵌入的页面必须为H5。

    3、如果提示不支持打开非业务域名,在小程序后台添加业务域名配置后,在开发工具点击详情->域名信息,更新下就好了。

    小程序嵌入H5页面

    参考小程序:

    林羽凡小程序

     

    展开全文
  • 微信小程序开发教程手册文档

    万次阅读 多人点赞 2018-06-28 14:25:48
    微信小程序开发教程文档微信小程序是什么?微信小程序如何开发?微信小程序开发教程有哪些?本教程将从微信小程序本身,结合微信官方-微信小程序开发工具,带你一步步创建一个微信小程序,并在手机操作预览该小程序...

    微信小程序开发教程文档

    微信小程序是什么微信小程序如何开发微信小程序开发教程有哪些本教程将从微信小程序本身,结合微信官方-微信小程序开发工具,带你一步步创建一个微信小程序,并在手机操作预览该小程序实际效果。这个小程序的首页将会显示欢迎语以及当前用户的微信头像,点击头像,可以在新开的页面中查看当前小程序的启动日志下载源码

    步骤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. 手机预览

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

    微信小程序预览

    展开全文
  • 史上最全的微信小程序代码大全源码下载

    万次阅读 多人点赞 2016-11-17 15:07:26
    小程序QQ交流群:131894955 开发文档:http://shop.jeewx.com/#/doc/rumen 小程序CMS官网源码下载 源码链接:https://gitee.com/jeecg/jeewx-app-cms JAVA版微信管家平台(各种...

     

     小程序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、添加项目->选择本项目目录->编译执行;
    展开全文
  • 精品小程序小游戏代码集合(持续更新中)

    万次阅读 多人点赞 2018-06-27 11:30:53
    在学习微信小程序时,比较痛苦是网上找demo的过程,总是发现下载的代码不可用,甚至是辛辛苦苦注册、充值买积分换来跑不起来的代码。...附上一个撸小程序代码网站,全部代码是亲测可用的,一键免登录下载。微信小程...
  • 微信小程序UI模板

    2017-01-09 21:58:57
    微信小程序几套UI模板,对于前端功力不够的同学来时可是如获至宝,比如说我
  • C语言表白练习小程序(适合初学者)

    万次阅读 多人点赞 2019-03-22 11:18:52
    需要注意的是我们仅仅是用一个程序,来熟悉我们对于字符串数组的掌握,再了解清屏函数和睡眠函数的应用 ps:仅仅是练习而已 本程序实现的是 I LOVE YOU 字母的渐渐显现过程和心形图案的逐渐显示过程 我们主要来学习...
  • 小程序的购物商城(前端+后端)基于springboot 参考: http://legoyun.com/
  • 最近在弄微信小程序,刚开始看官方文档,BOSS想要注册一个小程序,通过点击小程序分享出来的的链接直接进入微信公众号的首页,这样省的再写一套小程序代码,省时省事(其实是BOSS觉得小程序分享出去的页面比较好看...
  • 小程序代码wxml和html的转化(网站)

    千次阅读 2018-12-17 17:08:00
    https://vlily.github.io//originality/wxmlto.html 转载于:https://www.cnblogs.com/baobaoa/p/10132569.html
  • H5页面跳转至微信小程序(含完整代码)

    千次阅读 热门讨论 2020-09-25 18:47:46
    已认证的非个人主体的小程序,使用小程序云开发的静态网站托管绑定的域名下的网页,可以使用此标签跳转任意合法合规的小程序。 错误提示 若跳转时出现以下页面,表示网页绑定的服务号或小程序无权限,请检查是否...
  • 很多时候,大家是不是有这种想法,是否能开发一款小程序,H5与小程序共用的一套代码,带后端并且可以提交给微信审核。 告诉你,可以! 如何做呢?看下边 二、准备工作 平台: 进入:bmob后端云 找到Bmob最新...
  • uniapp一套代码开发app和微信小程序

    千次阅读 2020-07-02 15:35:55
    1、uniapp对于独自开发是相当友好的,一套代码可以兼容app(安卓,ios),小程序,h5等,一定程度上降低了开发的成本,个人开发的压力也在某种程度上减小了。 2、uniapp语法,如果开发人员有一定的前端基础,并且对...
  • 微信小程序代码怎么用工具打开看

    万次阅读 2018-02-10 12:05:07
    打开微信公众平台,找到右下方的小程序模块,点击「开发」按钮; 2、点击顶部导航栏的「工具」按钮,在新页面的左侧栏中找到「下载」。可以看到,开发工具提供 Windows 32 位、Windows 64 位和 Mac 三个版本。可根据...
  • vue代码转换成小程序

    千次阅读 2020-05-06 11:58:03
    mpvue:是由美团点评团队出品的小程序开发的一款基于vue的框架,从整个Vue的核心代码上经过二次开发而形成的一个框架,相当于是给Vue本身赋能,增加了开发微信小程序的能力。 二.mpvue开发流程 1、小程序账号配置 ...
  • 分享一款--一套代码生成h5跟小程序

    千次阅读 2018-09-21 17:23:25
    第一步-----安装node.js ...第二步------查看是否安装成功 1--安装成功后,... 8--这样我们就可以在visual studio code中编写小程序并可以跟微信开发者工具同步了 详情地址 : http://www.wetouch.net/wx.html
  • 小程序-商城源码,带后台,可直接使用

    千次下载 热门讨论 2017-08-03 10:55:30
    带后台系统的小程序商城源码,亲测可用,对接后台接口需要修改网址,不懂代码的小白别下载,这套系统可直接使用
  • 查看微信小程序网页源代码

    千次阅读 2019-08-08 18:05:41
    要强制微信使用 X5 内核,打开网页及小程序用 com.tencent.tbs.core.webkit.WebView,这样才能开启调试。 下面一些开启调试的指令,直接访问下面的网站,开启调试模式,修改配置后记得重启微信: ...
  • 微信小程序生成二维码

    千次阅读 2019-10-22 11:36:17
    最近比较忙,好久没有写文章了,今天抽时间来给大家讲讲如何使用小程序生成二维码。 老规矩,先看效果图 通过上图可以看出,我们是先输入一个网站,或者自己想输入的任何信息。然后点击生成二维码,就可以生成我们...
  • 出现这个原因很可能是自己电脑连接的网络设置的网络配置文件是使用了防火墙(网络链接设置为公用网络或专用)最好选择一个没有使用防火墙的的网络链接 或是取消现在网络的防火墙配置 1,打开win10的设置里的...
  • 如何从在安卓Android手机获取微信小程序代码

    千次阅读 多人点赞 2020-02-12 21:28:37
    如何从在安卓Android手机获取微信小程序代码 获取微信小程序代码两种方法: 1、在手机中获取。但需要获取手机的root权限,获得微信小程序的wxapkg包; 2、运用模拟器,在电脑上运行微信小程序,获得微信小程序的...
  • 微信小程序–云开发静态网站h5跳小程序 静态网站h5跳小程序 ----首先需要开通小程序的静态网站功能 1.开通静态网站、绑定自定义域名,需要在「微信开发者工具 - 云开发 - 更多 - 静态网站」里进行,才能拥有免鉴权的...
  • JAVA表白小程序

    千次阅读 多人点赞 2020-03-07 21:32:24
    如题,微信表白小程序 分析 3.7号,我们是女生节,班级准备给女生点礼物,我的直男想法就想到了抖音那种表白小程序,感觉或许挺好玩的,就开始制作了 制作前先想想用什么语言写比较好.备选项有Python,JAVA,Androidc,c++...
  • 告白代码

    万次阅读 多人点赞 2019-09-29 10:04:43
    简介 这是程序员表白系列中的第二波网站表白,旨在让任何人都能...顺便求一波打赏,微信支付,金钱随意,感慨一下,当年我写这个的时候, 还是一人吃饱全家不饿,如今,上有老下有,中有恶婆娘啦。。 Y(^_^)Y lo...
  • 微信小程序代码_下厨房菜谱APP

    千次阅读 2016-11-08 20:24:16
    「H5程序俱乐部」是一个专注微信小程序学习交流,相关外包/招聘需求信息发布的微信公众号 源代码下载地址: http://pan.baidu.com/s/1nv8m1ip基于微信小程序的一个查找检索菜谱的应用功能分类检索菜谱 发现最新...
  • 最近一个项目因为要帮客户做一个小程序,研究后才发现不懂代码的我根本看不懂,还好后台百度找到了这篇操作,非常简单,半天就把网站镜像到小程序了,只是可惜页面原来带有一些外部二维码导致第一次发布失败了,修改...
  • 带分销小程序商城源码,完整代码分享

    万次阅读 多人点赞 2019-02-22 15:54:15
    公众号小程序打通版开源地址:https://gitee.com/ZhongBangKeJi/CRMEB 小程序开源地址:https://gitee.com/ZhongBangKeJi/CRMEB_WeChatMiniProgram **技术交流群:**116279623 包含功能: 1.商品: 能够对商品的...
  • 史上最全小游戏分类,需要的自行下载: 下载链接在最后面!...| - 小契约(交友互动小程序) | - 信息科技公司展示小程序 | - 华云智慧园区 | - 房地产公司展示 企业应用 | - 企业OA系统小程序 优惠券卡卷 | - ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 466,363
精华内容 186,545
关键字:

网站小程序代码