敏哥

敏哥 查看完整档案

深圳编辑  |  填写毕业院校  |  填写所在公司/组织 github.com/mgbq 编辑
编辑

如果你导入源码或者学习过程中有任何问题,都可以加我qq:392716797。大家一起学习,一起进步。 QQ群:493671066

个人动态

敏哥 发布了文章 · 2月2日

零基础搭建获利的美团饿了么优惠券CPS小程序(附源码)

1、先上图

在这里插入图片描述

2、前言

某天下午,我正在公司认真的写着代码,突然我的手机弹了一个通知,我赶紧抓起手机看看(给自己一个摸鱼的理由)

让我看看到底是谁发消息打扰我认真的工作啊。

害,原来是某个群转发了一个外卖红包,我失望的刚想放下手机,但是看了一眼电脑上的代码,算了算了,还是再看看手机吧。说不定这不是一个外卖红包这么简单呢?

满30减8,就这???

看着手机屏幕上的满减券,我陷入了沉思,为什么这个人要转发一个红包到群里呢,这不是让我捡便宜了吗?

不会他真的是一个好人吧,从不利己专门利人?

我把键盘推开,然后仔细看看这个红包,嗷,原来分享给别人之后,如果别人消费了,那么他就可以拿到佣金。

哦豁?

于是一个小想法在我脑子里出现

3、想法开始实践

我要整一个这样的小程序,让用户从这里领红包,然后我就能拿到佣金

我有一千个好友,如果每个人一天吃一顿外卖20块,我拿5%

1000X20X0.05 = 1000

那就是一千啊!那我还上什么班,还给老板写什么代码???

想着,我又把鼠标给扔了

4、准备工作

一、申请一个小程序
申请地址:微信公众平台,
申请小程序的操作很简单,大家百度一下跟着步骤申请就行,某宝上还有认证小程序代申请代认证,老铁们可以自行选择。

二、下载微信开发者工具
下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

在这里插入图片描述

三、下载解压HBuilderX
下载地址:https://www.dcloud.io/hbuilderx.html
在这里插入图片描述

四、下载小程序源码

https://github.com/mgbq/coupons

大家可以在我的公众号:“南瓜影讯”直接回复“外卖”即可获得小程序源码。
下载后解压。

5、搭建开始

一、将源码导入HBuilderX
1、源码解压后导入到HBuilderX
在这里插入图片描述
二、配置项目
1、打开微信微信开发者工具,在安全设置中打开服务端口
在这里插入图片描述
在这里插入图片描述

2、打开HBuilderX,点击“运行-运行到小程序模拟器-运行配置”中设置你安装微信开发者工具的路径。
在这里插入图片描述

在这里插入图片描述

6、发布小程序

1、右键项目文件夹,点击“发行-小程序-微信(仅适用于uniapp)”
在这里插入图片描述

2、填写小程序名称和小程序appid即可唤起微信开发者工具。
在这里插入图片描述

3、在微信开发者工具点击上传,在小程序后台提交审核,审核通过后即可正常运营
在这里插入图片描述

常见问题

1.如何获取美团饿了么的推广链接

2.为什么说能赚钱?

例如你有一千个好友(四,五个微信群),如果每个人一天吃一顿外卖20块,你拿5%
1000X20X0.05 = 1000 那就是一千啊!还上什么班???

## 最后
贴一张推广大佬的收益图,只要你能推广,赚钱真的很容易。

作者相关文章

反编译获取任何微信小程序源码——看这篇就够了

抽签小程序,妈妈再也不用担心谁洗碗(分配任务)了,so easy

5分钟实现微信云小程序支付功能(含源码)

查看原文

赞 0 收藏 0 评论 0

敏哥 发布了文章 · 2月1日

mescroll高性能的下拉刷新上拉加载组件

精致的高性能的下拉刷新上拉加载组件


mescroll --【wxs+renderjs实现】高性能的下拉刷新上拉加载组件 mescroll的uni版本 是专门用在uni-app的下拉刷新和上拉加载的组件, 支持一套代码编译到iOS、Android、H5、小程序等多个平台

1、mescroll的uni版本 继承了mescroll.js的实用功能: 自动处理分页, 自动控制无数据, 空布局提示, 回到顶部按钮 ..

2、mescroll的uni版本 丰富的案例, 自由灵活的api, 超详细的注释, 可让您快速自定义真正属于自己的下拉上拉组件

最新文档(1.3.3版本): http://www.mescroll.com/uni.html

查看原文

赞 3 收藏 3 评论 0

敏哥 发布了文章 · 1月25日

基于uni-app编写的登录模板,request请求封装,全局路由拦截,也可作为项目基础模板使用

前言

做一个新的项目就需要常用的代码,比如

    • 登录,注册 (模板)
    • 全局路由守卫(路由配置)
    • Request封装(请求封装)
    • api集中管理
    • 引入依赖的UI库(color-ui,uview-ui)
    • flex常用布局css,
    • 配置分包
    • utils常用工具函数
    • 配置Vuex(store)
    • 等等

    为了提高自己的效率(说白了有点懒)决定把这些作为基础模板,下次做新项目直接用就行了

    效果图

    在这里插入图片描述

    全局路由守卫

    (1) 路由拦截

    uni-simple-router 路由、拦截、最优雅的解决方案

    (2) 路由配置

    通过 vue.config.js 配合uni-read-pages,可以随心所欲的读取 pages.json 下的所有配置

    Request封装

    适用于一项目多域名请求、七牛云图片上传、本地服务器图片上传、支持 Promise.

    api集中管理

    api集中管理; 为简化逻辑代码量整洁的原则,像调用函数一样调用api,做到代码分离,在apis目录统一创建api函数,并且封装接口返回数据类型校验的方法,挂载到vue原型中,页面通过this.$apis.apiName()调用

    分包

    sub目录分包管理 由于微信小程序的限制,上传发布机制总包大小不能大于2m,所以项目若超出该限制,要在page.json中做分包处理,分包处理的配置与pages目录保持一致

    配置vuex

    不需要引入每个子store模块

    import Vue from "vue";
    import Vuex from "vuex";
    
    Vue.use(Vuex);
    const files = require.context("./modules", false, /\.js$/);
    let modules = {
        state: {},
        mutations: {},
        actions: {}
    };
    
    files.keys().forEach((key) => {
      Object.assign(modules.state, files(key)["state"]);
      Object.assign(modules.mutations, files(key)["mutations"]);
      Object.assign(modules.actions, files(key)["actions"]);
    });
    const store = new Vuex.Store(modules);
    export default store;

    页面使用Vuex

    import { mapState,mapActions } from 'vuex';
    
    computed: {
                ...mapState(['userInfo'])
            }
    methods: {
                ...mapActions(['getUserInfo'])
            }
            

    源码下载

    后面持续更新。。。。

    作者相关文章

    反编译获取任何微信小程序源码——看这篇就够了

    抽签小程序,妈妈再也不用担心谁洗碗(分配任务)了,so easy

    5分钟实现微信云小程序支付功能(含源码)

    查看原文

    赞 12 收藏 7 评论 0

    敏哥 发布了文章 · 2020-12-23

    5分钟实现微信云小程序支付功能(含源码)

    1 先上效果图

    在这里插入图片描述

    在这里插入图片描述

    快速实现支付功能,有多快?有五连鞭这么快,不用搭建自己的服务器,不用买域名,不用备案域名,不用支持https。只需要一个简单的云函数,就可以轻松的实现微信小程序支付功能

    2 准备工作

    1,非个人小程序,个人小程序用不了支付(小程序appid

    2,已经申请微信支付的商户号(商户id,商户秘钥)。

    3,小程序里关联你的商户号(小程序和商户号绑定

    4,微信小程序开通云开发

    3 开干

    (1)初始化云开发环境

    在这里插入图片描述
    在这里插入图片描述

    (2)创建云函数pay

    在这里插入图片描述

    (3)引入第三方支付依赖tenpay

    pay文件夹右键 选择在终端打开,安装依赖 npm i tenpay

    在这里插入图片描述
    安装完成后,我们的pay云函数会多出一个package.json 文件

    (4)编写云函数

    在这里插入图片描述

    (5)简单写一个页面调用云函数

    在这里插入图片描述

    遇到问题的小伙伴可以加我qq:392716797

    异常问题

    1. Error: errCode: -404011 cloud function execution error
      是由于没有上传并部署,右键云函数上传并部署

      1. 签名错误微信支付签名错误

    源码

    查看原文

    赞 17 收藏 14 评论 0

    敏哥 发布了文章 · 2020-12-10

    获取小程序源码总结

    一 准备工具

    1 node.js 运行环境

    下载地址:https://nodejs.org/en/

    2 反编译的脚本

    链接:https://pan.baidu.com/s/1InxRoozDDb-C-g2rKGi1Cw
    提取码:i50k

    3 夜神模拟器

    下载地址:https://www.yeshen.com/cn/download/fullPackage

    二 开始反编译

    1 获取小程序pkg包:

    在模拟器中登录微信,随便打开一个小程序A

    打开文件管理器,找到/data/data/com.tencent.mm/MicroMsg 目录 ,然后找到一个很长的

    用户随机码,继续找到/appbrand/pkg/xxx,接下来会出现小程序A的wxapkg包(右键选择复制)
    在这里插入图片描述
    在这里插入图片描述
    找到安卓共享路径
    在这里插入图片描述
    黏贴按钮一直在上面,把小程序pkg包复制到安卓共享路径,这样就可以在电脑访问小程序pkg包
    在这里插入图片描述
    2 安装脚本依赖
    利用cmd cd到你刚刚下载下来的脚本目录下,执行npm install安装依赖
    在这里插入图片描述

    3执行脚本命令
    复制小程序pkg的路径 执行

    node  wuWxapkg.js C:\Users\pc-03\Nox_share\ImageShare\xx.wxapkg
    
    C:\Users\pc-03\Nox_share\ImageShare\xx.wxapkg 是我的小程序路径,你要复制自己的小程序路径

    在这里插入图片描述

    三 编译成功
    在这里插入图片描述

    四 异常情况
    1、Module build failed: Error: Cannot find module ‘escodegen’ (我遇到的)
    npm i --save-dev escodegen
    2、 Error: Cannot find module ‘cheerio’(我遇到的)
    npm install uglify-es --save
    npm install esprima --save
    npm install css-tree --save
    npm install cssbeautify --save
    npm install vm2 --save
    npm install uglify-es --save
    npm install js-beautify --save
    npm install escodegen --save
    npm install cheerio --save
    3 未识别的包
    说明拿到的两个.wxapkg文件里,当前反编译的包不是工程文件夹,再去RE文件管理器看下,是不是还有另一个文件呢!这个.wxapkg里面都是微信的基础包,是无需还原的!!! 很多博客都没说明这块,害我以为没反编译成功!

    4 SyntaxError: Unexpected end of input 解决wxss缺失问题
    修改wxappUnpacker中wuWxss.js部分代码,具体如下:

    function runVM(name,code){
    
    let wxAppCode={},handle={cssFile:name};
    
    let gg = new GwxCfg();
    
    let tsandbox = {$gwx:GwxCfg.prototype["$gwx"],__mainPageFrameReady__:GwxCfg.prototype["$gwx"],__wxAppCode__:wxAppCode,setCssToHead:cssRebuild.bind(handle)};
    
    let vm = new VM({sandbox:tsandbox});
    
    vm.run(code);
    
    for(let name in wxAppCode)if(name.endsWith(".wxss")){
    
    handle.cssFile=path.resolve(frameName,"..",name);
    
    wxAppCode[name]();
    
    }
    
    /*
    
    let wxAppCode={},handle={cssFile:name};
    
    let vm=new VM({sandbox:Object.assign(new GwxCfg(),{__wxAppCode__:wxAppCode,setCssToHead:cssRebuild.bind(handle)})});
    
    vm.run(code);
    
    for(let name in wxAppCode)if(name.endsWith(".wxss")){
    
    handle.cssFile=path.resolve(frameName,"..",name);
    
    wxAppCode[name]();
    
    }*/
    
    }

    再次反编译小程序,OK,wxss出来了

    如果有遇到问题的小伙伴可以私信我,帮你反编译获取小程序源码

    查看原文

    赞 25 收藏 22 评论 0

    敏哥 赞了回答 · 2020-10-13

    ant vue detepicker如何手动关闭弹出来的选择框

    用open属性去 打开关闭

    <a-date-picker :open="openDate"></a-date-picker>
    
    <a-button @click="closeDatePicker" >关闭</a-button>
    
    methods: {
        closeDatePicker(){
            this.openDate=false;
        }
    }

    关注 2 回答 1

    敏哥 收藏了问题 · 2020-07-06

    利用ant-design 怎么在可编辑表格的单元格里加上select控件

    利用ant-design 怎么在可编辑表格的单元格里加上select控件,并更新表格state值

    clipboard.png
    clipboard.png

    敏哥 收藏了问题 · 2020-07-03

    antd-design 生成可编辑table,单元格内加上select控件,怎么通过点击事件控制这个控件的显示

    如图,点击单元格,显示select控件并能选择字段类型,点击单元格外面,单元格又恢复原来的样子

    clipboard.png

    clipboard.png

    敏哥 赞了回答 · 2020-07-02

    解决利用ant-design 怎么在可编辑表格的单元格里加上select控件

    微信图片_201910211940041.png

    微信图片_20191021194239.png

    关注 5 回答 4

    敏哥 发布了文章 · 2020-04-15

    抽签小程序,妈妈再也不用担心谁洗碗(分配任务)了,so easy

    背景

    今天谁炒菜,谁洗碗,谁买菜...啊,Boss说用抽签吧,于是有了下图
    image

    这样存在作弊的问题(记住棍子特征,谁先,谁后抽等等)于是有了这个抽签小程序(当然小程序我一个人控制,我想不想作弊看心情了)

    简介

    扫码体验

    image

    数据服务,存储

    本项目使用的是微信云开发,云数据库声明个抽签chouqianList集合即可(云开发为开发者提供完整的原生云端支持和微信服务支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代)

    运行前准备

    (1)注册微信小程序,获取 appid,替换本项目project.config.json里的appid

    (2)开通小程序的云开发

    具体实现

    首页

    image

    首页从上至下有抽签主题,抽签选项,发起抽签,常用抽签,此页面主要功能发起抽签,把抽签内容存到数据库里面。

    微信审核提示
    image
    解决这个问题添加的内容调用这个方法(小程序内容安全api,云开发可调用)
      isCheckMsg: function (msg) {
            return new Promise(function (n, s) {
                wx.cloud.callFunction({
                    name: 'msg',
                    data: ({
                        text: msg
                    })
                }).then(res => {
                    if (res.result.errCode === 87014) {
                        // 没通过
                        n(false) 
                    } else {
                        // ("通过")
                        n(true)
                    }
                });
            });
        },

    随机抽签

     // 递归随机返回抽签项
        edchouqian() {
            let that = this;
            return new Promise(function (n, s) {
                const db = wx.cloud.database()
                // 查询当前用户所有的 chouqianList
                db.collection('chouqianList').where({
                    _id: that.data.drawlotsId
                }).get({
                    success: res => {
                        that.setData({
                            detail: res.data[0].detail,
                        });
                        let nullDetail = res.data[0].detail.filter(item => item.openid == "");//找出没有抽签的选项
                        let arrIndex = Math.floor((Math.random() * nullDetail.length));//从没有抽签的选项随机选择一个选项
                        let objindex = nullDetail[arrIndex].index;
                        n(objindex)
                    },
                    fail: err => {
                        wx.showToast({
                            icon: 'none',
                            title: '查询记录失败'
                        })
                        console.error('[数据库] [查询记录] 失败:', err);
                        s(err);
                    }
                })
            });
        },

    抽签页

    image

    抽签页有抽签功能,显示抽签结果,此页面主要功能,从数据库查询是否已经抽签,已抽签显示抽签结果,未抽签随机分配抽签(或者显示抽签次数已用完)。

    重复抽签问题用函数防抖或者节流

    抽签结果页

    image

    抽签结果页,显示所有抽签人员和结果(结果从数据库根据抽签表的id查询)

    至此完毕 源码地址

    结语:

    因为发的时间比较短,页面、功能还需要慢慢完善,发布了的功能也有一些待改进的地方,欢迎同样志同道合的码友们多多指教和交流。ヾ(????)?~

    前端学习大佬群493671066,美女多多。老司机快上车,来不及解释了。

    作者相关Vue文章

    基于Vue2.0实现后台系统权限控制

    vue2.0-基于elementui换肤(自定义主题)

    前端文档汇总

    VUE2.0增删改查附编辑添加model(弹框)组件共用

    打赏 衷心的表示感谢

    打赏

    查看原文

    赞 4 收藏 2 评论 0

    认证与成就

    • 获得 405 次点赞
    • 获得 6 枚徽章 获得 0 枚金徽章, 获得 0 枚银徽章, 获得 6 枚铜徽章

    擅长技能
    编辑

    开源项目 & 著作
    编辑

    • nx-admin

      开源的管理系统前端集成方案

    注册于 2017-08-23
    个人主页被 3.7k 人浏览