精华内容
下载资源
问答
  • 微信小程序模板

    2018-09-03 15:29:58
    完整的微信小程序模板 个人爱好 放心使用 希望大家多交流
  • 取消 推荐搜索 国产数据库 请输入关键词进行搜索 搜索-微信小程序模板、微信小程序页面成品、下载即用、布局、样式、JS分离 ... 微信小程序模板、微信小程序页面成品、下载即用、布局、样式、JS分离
  • 手机号码 请输入手机号码 获取验证码 验证码 请输入验证码 邮箱登录 立即登录 登录-微信小程序模板 微信小程序模板、微信小程序页面成品、下载即用、布局、样式、JS分离
  • 100个以上微信小程序模板 100个以上微信小程序模板 100个以上微信小程序模板
  • 200+微信小程序模板

    2020-10-19 13:45:46
    200+微信小程序模板
  • 微信小程序模板.zip

    2020-05-15 15:12:25
    包含多个精美微信小程序模板,页面精美,模板可套用,使用简单快捷,供微信小程序开发学习使用!
  • 主要介绍了微信小程序模板template简单用法,结合实例形式分析了微信小程序模板template的功能、简单使用方法及相关操作注意事项,需要的朋友可以参考下
  • 常用的微信小程序模板
  • 微信小程序模板消息demo,这个是微信小程序中有关模板的使用方式介绍
  • TemplateOfHotel 酒店类微信小程序模板 项目截图
  • 微信 小程序 模板 代码 内含多款小程序模板代码,心血之作,请勿随意共享!!!
  • 50个微信小程序模板
  • uniapp-template:微信小程序模板
  • 主要介绍了微信小程序模板和模块化用法,结合实例形式分析了微信小程序中的模板与模块化概念与简单使用技巧,需要的朋友可以参考下
  • 主要为大家详细介绍了微信小程序模板之分页滑动栏的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 医院问诊微信小程序模板源码免费下载
  • 什么是微信小程序模板推送呢? 首先一张图给大家看一下:你们有没有收到这些通知。顿时是不是觉得活动性感觉很牛掰。还是先上一下官方文档: 小程序模板消息官方文档文档其实写的很详细清除了,包括返回数据的类型,...

    什么是微信小程序模板推送呢? 首先一张图给大家看一下:

    9cbd8291d4f9096e3b527c6ac3baa0de.png

    你们有没有收到这些通知。顿时是不是觉得活动性感觉很牛掰。

    还是先上一下官方文档: 小程序模板消息官方文档

    文档其实写的很详细清除了,包括返回数据的类型,报错信息,

    前提是 在小程序官方后台设置 开发者 服务器域名和相关 模板字段。

    5be3ce9733004d52a3350e493010f8ab.png

    然后大致流程就是:调用微信小程序的接口,获取openid 和 access_token,然后再调用发送模板信息的接口,发送消息,

    发送模板消息所需要的参数有:

    openid: 在后面发送模板消息的时候有一个  touser 的参数会用到,在小程序登陆的时候 利用小程序的code获取相应的 openid。我在做小程序的时候 就把获取的 openid 存放到数据库了,然后后面需要的时候 直接从数据库拿就好了。

    template_id: 这个是在小程序官方后台设置的好消息模板后 就会有一个模板ID,直接拿来用就好了。

    form_id:这个是在小程序表单form处设置report-submit="{{true}}" ,然后提交表单的时候 就会返回一个formid,直接获取用就可以了。

    获取openid的方法:

    /**

    * 获取 openid

    */

    public function getOpenId($code =''){

    $idata=$this->getappconfig();

    $appid=$idata['appid'];

    $secret=$idata['appsecret'];

    $api="https://api.weixin.qq.com/sns/jscode2session?appid={$appid}&secret={$secret}&js_code={$code}&grant_type=authorization_code";

    $info = file_get_contents($api);//发送HTTPs请求并获取返回的数据,推荐使用curl

    $json = json_decode($info);//对json数据解码

    $arr = get_object_vars($json);

    $openid = $arr['openid'];

    $session_key = $arr['session_key']; //我觉得用不着session_key

    return $openid;

    }

    上面方法里面的$code 是在小程序端 wx.login()登陆方法 成功之后返回的一个code,用它换取openid。

    然后就是就是获取 access_token ,通过以下方法:

    function getToken($appid = "" , $secret='') {

    $url="https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid={$appid}&secret={$secret}";

    $data = '';

    $AccessToken = $this->sendCmd($url, $data);//公共方法sendCmd

    $AccessToken = json_decode($AccessToken, true);

    $AccessToken = $AccessToken['access_token'];

    return $AccessToken;//获取到的accesstoken

    }

    这里放一个 sendcmd 通用的方法:

    function sendCmd($url, $data) {

    $curl = curl_init(); // 启动一个CURL会话

    curl_setopt($curl, CURLOPT_URL, $url); // 要访问的地址

    curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, 0); // 对认证证书来源的检测

    curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, 2); // 从证书中检查SSL加密算法是否存在

    curl_setopt($curl, CURLOPT_HTTPHEADER, array('Expect:')); //解决数据包大不能提交

    curl_setopt($curl, CURLOPT_FOLLOWLOCATION, 1); // 使用自动跳转

    curl_setopt($curl, CURLOPT_AUTOREFERER, 1); // 自动设置Referer

    curl_setopt($curl, CURLOPT_POST, 1); // 发送一个常规的Post请求

    curl_setopt($curl, CURLOPT_POSTFIELDS, $data); // Post提交的数据包

    curl_setopt($curl, CURLOPT_TIMEOUT, 30); // 设置超时限制防止死循

    curl_setopt($curl, CURLOPT_HEADER, 0); // 显示返回的Header区域内容

    curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1); // 获取的信息以文件流的形式返回

    $tmpInfo = curl_exec($curl); // 执行操作

    if (curl_errno($curl)) {

    echo 'Errno' . curl_error($curl);

    }

    curl_close($curl); // 关键CURL会话

    return $tmpInfo; // 返回数据

    }

    上面这两个方法我都是放到tp5的 model里面的。

    现在参数基本都有了,下面就是可以 发送模板消息了,发送消息之前 我们还需要做一个事情就是组装消息模板,这个需要按照官方的格式来:

    {

    "touser": "OPENID",

    "template_id": "TEMPLATE_ID",

    "page": "index",

    "form_id": "FORMID",

    "data": {

    "keyword1": {

    "value": "339208499"

    },

    "keyword2": {

    "value": "2015年01月05日 12:30"

    },

    "keyword3": {

    "value": "腾讯微信总部"

    } ,

    "keyword4": {

    "value": "广州市海珠区新港中路397号"

    }

    },

    "emphasis_keyword": "keyword1.DATA"

    }

    然后我们按照上面的格式 套进去就好了。下面贴出具体方法:

    public function sendMessage($openid,$templateid,$data,$token)

    {

    $config=new config();

    $access_token = $token;

    $senddata=[

    "touser"=>$openid,

    "template_id"=>$templateid,

    "page"=>'pages/mine/mine',

    "form_id"=>$data['formid'],

    "data"=>[

    "keyword1" => [

    "value"=> $data['name']

    ],

    "keyword2" => [

    "value"=> $data['phone']

    ],

    "keyword3" => [

    "value"=> date('Y-m-d H:i:s',time())

    ],

    "keyword4" => [

    "value"=> "XC".time()

    ]

    ],

    "emphasis_keyword"=> "keyword4.DATA"

    ];

    $urls = 'https://api.weixin.qq.com/cgi-bin/message/wxopen/template/send?access_token='.$access_token;

    $data= json_encode($senddata);

    $ret = $config->sendCmd($urls, $data);

    return $ret;

    }

    这里对上面方法的参数说明一下:

    $openid应该清楚,在上面说到了,当前登录小程序的openid,前面已经用code换取了,从数据库获取的。

    $templateid是直接从小程序官方后台获取的,直接复制的。

    $data 是用户表单提交的数据,里面包含有 formid和用户自己的其他字段,

    然后还有一个差点忘了,就是page的参数,这里就是点击模板消息后 跳转到小程序的页面,这里放页面路径就好了,也就是在app.json里面配置的页面,放其中一个在这里就好了。

    这个数据组装完之后 然后就是通过 $url 这个地址的接口带上组装的数据 通过sendcmd请求就可以了。如果返回的是 :

    {

    "errcode": 0,

    "errmsg": "ok"

    }

    就说明发送成功了,到这里呢就基本完成了,需要注意的就是获取前面的 openid和access_token,这两个参数需要获取一下。

    上面就是小程序发送模板消息的方法,如果有写得不对的地方,还请大家指正,我们一起学习,共同进步。

    我个人还觉得小程序有一个小问题就是 不方便主动给小程序推送消息,就算网上说的有很多方法,就是做一些模拟按钮,在用户不自觉的点击的时候 悄悄的获取formid,这个方法对于经常访问这个小程序的用户来说还勉强可行,但是如果某个用户一个星期(7天) 不点击小程序,这个方法就无效了,所以还是有点遗憾。如果有其他方法的朋友,我们可以沟通一下,一起学习一下。

    展开全文
  • 微信小程序发布近四年来,诞生了各行各业的高质量小程序,其中有很多都是用微信小程序模板制作的。新手在制作自己的小程序时,就可以参考这些好看的小程序模板案例。1.电商小程序这是目前非常常见的小程序类型,很...
    b4c35c329335f44d3933ac50ee962883.png微信小程序发布近四年来,诞生了各行各业的高质量小程序,其中有很多都是用微信小程序模板制作的。新手在制作自己的小程序时,就可以参考这些好看的小程序模板案例027be2203cfc01b4f065e23bd5f3cc81.png

    1.电商小程序

    这是目前非常常见的小程序类型,很适合零售行业商家。电商小程序通常商品较多,如何使用小程序模板,让版面排列美观呢?通常页面是这样排列:图片banner - 快捷按钮 - 产品及分类,这种布局模式比较符合用户的浏览习惯和页面逻辑,让小程序内容有一个很好的递进关系,也能呈现出比较美观的效果。图片banner通常是轮播图或者拼接图海报,用来展示品牌特色、主打产品、新的活动等;快捷按钮一般是商品、服务分类。除了这些主要版块,你还可以适当添加视频、标题、各种优惠活动。adabc3abe95ddf8e8e2d0babd30e18c6.png上线了小程序案例,禁止转载比如上图这个用「上线了」sxl.cn小程序模板制作的案例,使用了“拼接图”功能,制作了显眼的海报,能快速吸引客户注意力;然后是简单的导航,优惠券,再接下来是各种商品及分类栏。商家还添加了文章页面作为公告,来告知客户重要的宠物知识、店铺活动。

    2.服务预订小程序

    对于服务行业来说,一个服务预订小程序可以让商家详尽地展示服务内容、人员、管理预约的订单,既方便了客户,也能提高商家的效率,节约时间。服务预订小程序无需太复杂,尽量简单,比如下图这个家政服务小程序,用轮播图简单展示服务项目、品牌优势后,就是各种服务和分类预约了。7e481fc22d4ded3b426491d2541be3c0.png上线了小程序案例,禁止转载

    3.展示小程序

    当企业有需要展示的业务时,用展示小程序是很合适的。展示小程序排版与电商差不多,都可以先用轮播图吸引客户注意力,再用快捷按钮展示企业重要信息、案例作品,然后可用拼接图详细说明企业品牌优势、团队等。还可以添加视频,文章模块,让客户详细了解自己。下图这个展示小程序案例就是这样做的。4f33b23677457ee7d1e983834331a013.png上线了小程序案例,禁止转载「上线了」sxl.cn超级云名片展示小程序,你还能与客户在小程序内随时交流,用留言表单收集客户反馈,了解客户在小程序内的动态,从而做针对性营销。11bd1c70c6bfb849d8dd8ae899e1605e.png上线了小程序案例,禁止转载

    4.文章小程序

    这是非常简单的一种小程序,设计方法和前面几个类似,主要由轮播图、文章列表组成。而且「上线了」sxl.cn文章小程序是永久免费哦!0160349e2362e268093dcb4eb1ad67ea.png上线了小程序案例,禁止转载好看小程序模板案例通常风格一致、页面简洁,新手可以使用“上线了”模板达到这样的效果,做出高质量的小程序!点击下方“阅读原文”,用「上线了」制作一个自己的小程序试试吧!(电脑端操作更方便哦)「上线了sxl.cn」是一个专注自助建站与小程序开发的SaaS平台,针对众多行业提供多套小程序模板,目前已经帮助三百多万没有技术和设计基础的用户,通过上线了一键生成网站或小程序,快速建立品牌、获取客户、经营生意。2019年8月入选腾讯SaaS加速器首期成员。75dc416ff53732c02201e380bc7ff85b.png推荐阅读a7683d5ef51d6220a25199d4002d53bc.png4个方案,教你提高产品利润 c29b2f022170db8f0604184cc57f58a4.png用网站展示你的创业项目! 5f76e54431e18e554066194eec789bc0.png2021年微信小程序市场前瞻 
    展开全文
  • 邮箱登录微信小程序模板 布局、样式、JS分离 包含以下内容 请输入邮箱 靖输入密码 忘记密码 提交 微信小程序模板 布局、样式、JS分离
  • 微信小程序模板下载_300多套精品模板,涵盖类型有:点餐,电商,视频,资讯,阅读,社交等等,满足各种小程序开发样式需求
  • 主要为大家详细介绍了微信小程序模板template使用的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 微信小程序,仅仅依赖着背后有着10...一是“定制微信小程序 ”二是“模板小程序”而在这个过程中越来越多的公司,商家在开发小程序情况下,都非常担心,应该怎么选择?到底是定制开发小程序好?还是模板设计开发比较...

    微信小程序,仅仅依赖着背后有着10亿用户,就能给全国各地各行业的领域带来非常可观的互联网数据流量收益,也正是因为这样,现在越来越多的公司,商家,企业,都加入了小程序这一项目中,而在开发小程序这个过程中,也能常常听见常挂在嘴边的两个词,一是“定制微信小程序 ”二是“模板小程序”而在这个过程中越来越多的公司,商家在开发小程序情况下,都非常担心,应该怎么选择?到底是定制开发小程序好?还是模板设计开发比较好?

    74e96d4b68b6b2122551935c8ba9df0d.png

    一、开发设计 精准定位

    定制微信小程序:定制开发这个方法,开发流程更加细致,从开发设计以前的內容的精准定位、用户界面精准定位、用户需求精准定位,到最终的产品研发,检测等一系列技术性维护保养,全是“量身定做”,更能反映公司,商家,企业,的知名品牌特点,商品特点等等。模版微信小程序:与定制微信小程序对比,模版小程序定制开发总流量比较简单。除此之外,因为模版的限定,很多作用和界面设计通常没法依据公司和公司的特性公司文化开发设计,开发设计空间比较限。

    二、开发设计 实际效果

    定制微信小程序:定制开发方法,不管在用户界面还是作用,通常都能展示出各公司商家企业上的与众不同个性化 。除此之外,因为每一项作用全是独立开发设计的,因而订制开发小程序更能考虑公司、用户需求,且针对中后期运营策划也有益。

    此外,假如挑选开发设计定制的微信小程序,公司和企业以及商家都可以有开发设计源代码和网络服务器,既能提升安全系数,又能适用中后期改动维护和二次开发。模版微信小程序:模版小程序定制开发速度更快、高效率高些、发布更快。殊不知,因为模版微信小程序归属于第三方商品,模版一般依据行业类别开发设计。因而,开发设计的微信小程序通常欠缺自身的特性,缺少公司企业文化特性没法完成二次开发。对总体实际效果和作用仍有一定的局限性。

    e4be36505ff731823ff121210180c4d4.png

    三、开发设计花费

    定制微信小程序:一种定制开发方式。由于每一个作用都必须单独开发设计,因此价格对比模版微信小程序高许多,模版微信小程序:挑选模版微信小程序时,只必须向第三方软件开发平台付款一点模版服务费,周期时间短,低成本,但其作用没法与定制微信小程序对比 。

    好了说到这里相信大家都早已可以了解基础并且掌握定制微信小程序和免费模板微信小程序如何选择。 在这里还是想说一句无论是定制微信小程序和模版微信小程序都各有各的优点,挑选哪样开发方法最后在于公司和企业以及商家的自身具体情况和需求。

    展开全文
  • 120多套各种类别微信小程序模板源码
  • 所以今天就跟大家科普下微信小程序模板设计要点,教你设计出一个美观的小程序。1.选择高质量素材在设计小程序的时候,轮播图、快捷按钮、商品图片等都需要图片素材来展示,商品图片素材需要商家自己准备,要注意图片...

    微信小程序界面的风格、色彩、版块布局都需要好好设计,但是大多数想要制作小程序的商家、个人都是新手,不懂设计知识。所以今天就跟大家科普下微信小程序模板设计要点,教你设计出一个美观的小程序。

    40a370810a32f40ceabc89e5859f9759.png

    1.选择高质量素材

    在设计小程序的时候,轮播图、快捷按钮、商品图片等都需要图片素材来展示,商品图片素材需要商家自己准备,要注意图片应清晰、美观,图片素材的风格要和品牌风格一致,这样才能使小程序的界面形成一个整体,对用户形成更加强烈的吸引力。

    如果你没有快捷按钮图标素材,那么可以用「上线了」小程序制作工具,有丰富的图标素材提供,都是专业设计师制作,美观简约,符合当代审美。

    0bfdae60d55a348045ab5ee54dac1162.png

    2.控制色彩种类

    小程序页面会需要多种色彩,有主色调,辅助色,其它色彩等等,不同色彩搭配起来,就能令整个界面看起来更加生动,有层次感。但是在使用色彩的时候,并不是使用越多的色彩效果就越好,如果色彩种类太多,反而会使页面太眼花缭乱,所以一般采用三到四种颜色比较好。

    ea33f6b2912b525e23e69a704f2d0d4b.png

    上线了小程序案例,禁止转载

    3.有逻辑的页面布局

    小程序的页面布局一般是图片banner - 快捷按钮 - 商品分类,中间可根据需求适当穿插视频、标题、优惠券等不同功能版块。总之主页设计一定要流程明确,让用户能顺畅地使用页面,并且理解接下来的操作。

    尤其要注意头图banner版块,这部分一般展示主打产品、重要的品牌信息、当前进行的活动等,力求快速吸引到访客。你可以使用轮播图形式,也可以使用拼接图海报样式,如下面的小程序商城模板设计图所示。图片可链接到相关商品或商品分类,还能跳转到其他小程序。

    b3208186a7dd09cec8b46915046423c3.png

    上线了小程序案例,禁止转载

    4.清晰的分类+文章说明

    小程序一般有3~5个分页,商家可以添加商品分类和文章页面,让小程序内容更丰富。分类页面一定要足够清楚,让客户能一目了然地找到所需服务。下图这个旅游小程序模板设计欣赏,就是按不同的服务项目来详细分类,并有文章页面来宣传自己,让客户能了解商家的品牌内容。

    3b7dcf877ed83fa53aaa305c8c050543.png

    上线了小程序案例,禁止转载

    总之,新手在设计小程序页面时,可以多看些高质量的小程序模板设计参考,理解小程序的主流排版布局,你才能自己做出美观的小程序,吸引用户注意力。

    展开全文
  • 微信小程序模板消息无限制群发

    万次阅读 多人点赞 2017-07-10 11:35:38
    微信小程序模板消息无限制群发
  • 本篇文章给大家带来的内容是关于微信小程序模板消息定时推送(图文),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。最近更新了创建推送API接口的模块,所以你要是想做一个定时推送微信小程序模板...
  • 微信小程序模板消息

    2019-06-27 16:42:07
    微信小程序模板消息 因公司业务需求:扫码开锁/关锁等, 实现消息推送通知, 这里就不截流程图,大概流程 文章目录微信小程序模板消息效果图介绍1. 配置消息推送2. 消息模板3. 发送模板消息页面的 [form]...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,584
精华内容 1,833
关键字:

微信小程序模板

微信小程序 订阅