小程序实战第5页

微信小程序实战篇-商品详情页（一）

哈喽，大家好，今天要进入新篇章啦，商品详情页，这个可是个大模块，要分好几次才能讲解清楚，现在我们先进行第一讲，老规矩，先上效果图有木有很酷炫啊，下面由代码君教你如何实现。详情页布局看效果图，可以知道详情页包含以下几个模块，banner、标题栏、选择购买栏、商品评价、商品详情、还有一个底部悬浮栏，这里比较难的是底部悬浮栏，剩下的我们之前模块我们之前就有布局过1.detail.wxmlLANCOME兰

u012927188·2020-07-12 22:19

微信小程序开发之大神之路最全微信小程序开发教程（视频+精品文章）

qq_27642629·2020-07-12 21:45

webstorm vue开发配置

zhaocarbon·2020-07-12 19:55

微信小程序豆瓣电影

博客简介本篇博客是一个经典的豆瓣电影微信小程序实战项目，由于豆瓣API不再对公众开放，这个小项目遇到了不少的阻力，但是最终基本上都得到了解决，本篇博客的中心也是API的调用：项目展示构架和配置城市热榜获取豆瓣电影

飞翔的哈士奇·2020-07-12 14:22

微信小程序实战–集阅读与电影于一体的小程序项目（七）

weixin_34041003·2020-07-12 08:50

微信小程序实战小小应用——豆瓣电影

昨天趁着项目结束的空闲期，自己看了一下微信小程序的开发，试着用豆瓣的开源API做了一个小应用，很小很小的应用，主要是展示最近上映的电影列表以及电影的详情页展示。包含的主要技术点如下：底部tab页标签的导航切换基本的布局展示（本例中多使用flex布局），图文混排事件处理；网络请求水平滚动scroll-view的实现运行的效果演示如下，其中“加入想看清单”功能和第二个tab的功能没有实现。主要原因是我

weixin_30716141·2020-07-12 06:16

小程序实战——高考分数线查询，你可以使用云开发构建一个小程序！（含源码）

导语2020年高考报名人数达到1071万人，再创历史新高。在今年的高考落下帷幕之际，介绍一款基于云开发CloudBase的高考录取分数线查询小程序，希望能为考生的志愿填报提供便利。技术文档：https://cloudbase.net数据来源小程序后台共收录近30w条数据，包含2008-2019年大部分重点高校的各个批次的文理分科录取分数线以及2008-2019采用新课标一卷、新课标二卷、新课标三卷

用心做开发·2020-07-10 10:00

微信小程序实战之 goods（订餐页）

项目目录：模拟数据：utils/data.jsfunctiongetSData(){vardata=[{"name":"热销榜","type":-1,"foods":[{"name":"皮蛋瘦肉粥","price":10,"oldPrice":"","description":"咸粥","sellCount":229,"Count":0,"rating":100,"info":"一碗皮蛋瘦肉粥，总

weixin_33889245·2020-07-10 07:07

微信小程序实战篇-个人中心

哈喽，大家好，又到周五啦，有木有期待今天的更新呀~今天要教大家的是制作个人中心界面，先上效果图个人中心制作1.mine.js//pages/mine/mine.jsvarapp=getApp()Page({data:{userInfo:{},motto:'HelloWorld',//orderItemsorderItems:[{typeId:0,name:'待付款',url:'bill',imag

u012927188·2020-07-08 10:20

【java小程序实战】小程序注销功能实现

小程序实战中，如何实现程序的注销功能呢？后端代码只要删除用户的redi缓存即可。小程序端在成功返回消息后，进行登陆页面的跳转。

taojin12·2020-07-08 07:36

微信小程序实战之picker值表单提交、全局变量、跨页面传值

一、带有picker的表单提交1、只要给一个Name值即可代码如下：起始日期{{date}}终止日期{{date1}}给一个value值和一个name值即可运行结果如下：{className:"23ng",tweek:"周一",time:"8:30-10:00",dateStart:"2018-01-01",dateEnd:"2018-06-01",…}2、一个页面需要两个日期选择器，则给日期ba

runner_123·2020-07-08 04:43

企业级微信小程序实战详解

项目地址：github.com/wudiufo/WeC…完成效果展示：www.bilibili.com/video/av488…小爱心是否点赞组件components/like思路：like默认为false，显示空心小爱心触摸执行tap：onLike方法，因为this.setData({count:count,like:!like})是异步的，先执行count=like?count-1:count

weixin_34150830·2020-07-06 00:35

微信小程序实战之 pay（支付页面）

项目目录：逻辑层：pay.js//pages/pay/pay.jsPage({/***页面的初始数据*/data:{resultType:"",resultContent:"",url:""},/***生命周期函数--监听页面加载*/onLoad:function(options){varresultType=options.resultType;if(resultType=="success")

weixin_33841722·2020-07-05 23:47

vscode cshtml 智能提示

zhaocarbon·2020-07-01 07:34

微信小程序实战篇：实现抖音评论效果

我们在写小程序的时候经常会遇到弹出层的效果而现有官网提供的跳转方法多数是不支持参数传递的。本文教大家做一个抖音评论效果的小程序首先看下效果图一、页面编写查看评论 {{talks.length}}条评论 {{item.nickName}} {{item.content}} {{item.talk

IT实战联盟Lin·2020-06-30 15:16

微信小程序电商实战-入门篇

开发体验更好了，详情可以查看微信公众平台-小程序https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html好了我们开始小程序实战吧！

IT实战联盟Lin·2020-06-30 15:15

VUE select 双向绑定

zhaocarbon·2020-06-30 10:47

微信小程序编程，微信小程序的坑，微信小程序发展，微信小程序学习，微信小程序应用，微信小程序帮助，微信小程序教程，微信小程序demo，微信小程序实战等

一.前言微信小程序的概念已经炒了很长一段时间，时不时的还弄出个大新闻，小程序的每一个动作都能触动媒体圈的G点，屡试不爽。媒体圈从最开始鼓吹小程序将能对抗苹果，到后来小程序将取代原生App，最近又出来微信小程序与支付宝小程序谁得天下。为什么『取代』了这么久也不见苹果出来封禁小程序？AppStore里面排名前20的哪个举家搬到了小程序（做个阉割版占坑的不算）？抱着一大堆疑问，我决定深入了解小程序。目标

xuziwan562154119·2020-06-30 04:09

微信小程序实战教程——1.基础知识

完整教程请查看微信小程序实战教程微信小程序实战教程——2实战之模仿知乎传送门1准备工作微信小程序的语法与vueJS类似，没学过vueJS的同学尽量先过一遍vue再看本教程。

weixin_30723433·2020-06-27 23:37

Day12-微信小程序实战-交友小程序-搭建服务器与上传文件到后端并控制云开发数据库-项目总结与github代码发布流程（附上项目全部完整代码学习使用）

要搞一个小型的cms内容发布系统因为小程序上线之后，直接对数据库进行操作的话，慧出问题的，所以一般都会做一个管理系统，让工作人员通过这个管理系统来对这个数据库进行增删改查微信小程序其实给我们提供了这样的能力了（也就是可以在自己已有的服务器来进行云操作，所以就可以通过这个CMS内容管理系统来对云数据库进行修改）我们就要建立自己的web服务器--》搭建一个简易的服务器https://koa.bootc

SCAU-gogocj·2020-06-27 21:00

微信小程序实战篇-分类页面制作

哈喽，大家好，又到周五啦，今天代码君要教大家分类页面的制作，废话不多说，先上效果图这个界面布局难度不是很大，css基础好的，很快就实现了，分类界面，左边是一级目录，右边是一级目录对应的二级目录，根据这个需求，我们数据设计的结构一定是数组嵌套数组，第一个数组包含一级目录数据，嵌套的数组包含的是二级目录的数据。代码的实现classify.jsPage({data:{cateItems:[{cate_i

u012927188·2020-06-27 05:55

小程序云开发——点餐小程序之加入购物车

本篇文章主要写的是微信小程序实战项目的加入购物车逻辑，有写的不正确或是不合适的地方，请大家多多指教话不多说，先上效果图：wxml代码：首先在wxml文件中写加号部分，在这里我用的是text标签，而非Button

tingyu_·2020-06-26 19:04

Day12-微信小程序实战-交友小程序-数据库正则查询及组件复用

回顾：前面完成的是对搜索框的布局，点击输入和没点击输入的不同显示，以及历史记录的通过storage保存，还有历史记录的清空下面来搞，我们怎么样进行搜索！在search.js中定义一个searchList来保存搜索的结果，这个数组里面包含的就是我们搜索到的用户名头像还有id我们是吧用户按了回车之后，把用户输入的东西拿去查找在查找数据库后面的where设置的话，不能直接和数据库里面的nickName进

SCAU-gogocj·2020-06-26 13:00

Day12-微信小程序实战-交友小程序-优化“附近的人”页面与serach组件的布局和样式以及搜索历史记录和本地缓存*内附代码）

回顾/：我们已经实现了显示附近的人的功能了，可以多个人看到附近的人页面了但是还是要进行优化有几个问题：1、我们用户选择了其他的自定义头像之后，在首页可以看到头像的变化，但是在附近的人中头像会变成报错的样式：如：也就是500了，也就是找不到这个图片了，解决方法：看开发文档-》云开发https://developers.weixin.qq.com/miniprogram/dev/wxcloud/gui

SCAU-gogocj·2020-06-26 11:00

Day11-微信小程序实战-交友小程序-附近的人（地图的形式）及位置获取

回顾：在下面的tabbar中，我们已经实现了首页消息我的，就剩下”附近“页面了”附近“的页面主要是用地图来进行展示的（可以显示我的位置，也可以显示周围附近的人的位置）（在地图里面点击它的头像的话，就可以看到详情页了，然后也可以知道它的位置）1、首先要利用地图组件-这个是小程序给我们提供的一个组件：https://developers.weixin.qq.com/miniprogram/dev/co

SCAU-gogocj·2020-06-25 16:00

小程序开发教程、小程序资讯、小程序demo、小程序实战等合揖（7月19日更新）

7月19日微信小程序联盟更新的小程序开发教程、小程序资讯、小程序demo、小程序实战内容合揖如下：小程序资讯与小程序教程一张图带你看懂小程序发展蓝皮书2017-07-19微信小程序开发问答《五十三》手机号码处理为

APPx应用魔方·2020-06-25 14:31

Day11-微信小程序实战-交友小程序-好友详情页+好友列表页面

前期回顾：我们给每个用户的数据库都添加了一个friendList字段这个是一个数组的字段，用来保存他的好友的id，然后通过点击消息列表中的昵称，就可以添加这个好友了，然后点击添加好友之后，就会把这个消息删掉，在数据库中申请人和被申请人都会看到对方的id出现在自己的friendList字段里面的也就是构成了一个相互的好友关系了下面就是根据好友的关系，我们来设置其他的东西，比如我和你是好友的话，在好友

SCAU-gogocj·2020-06-25 13:00

Day10-微信小程序实战-交友小程序-创建friendList字段实现好友关系（添加好友功能）--内附代码

回顾：之前我们进行了删除的功能，以及对message消息的增删，下面实现添加好友的功能我们先在数据库中，在message这个字段的list里面，添加上测试号的id，就是模拟这个两个测试号要加我主号的效果“就可以达到这个效果了下面我们正式开始实现1、在removeList的wxml的昵称结构处添加一个点击事件handleAddFriend2、在removeList.js中来实现这个点击事件即可的，并

SCAU-gogocj·2020-06-25 09:00

微信小程序--搜索关键词高亮

概述今天在分享个微信小程序实战搜索关键词高亮功能案例。今天我们就分享这样的小教程。希望对大家有所帮助。不多说了，二当家要上图来啦！

极客小寨工作室·2020-06-25 09:45

微信小程序实战（二）---实现搜索页面

第一篇写了一个小程序的登录界面，昨天想要写一个仿淘宝的搜索商品页面，不管什么样的小程序，对于搜索都是会有一些需要的，所以搜索页面还是可以复用的。因为只是写个搜索页面，所以主页面就没有好好切，见谅。。。主页面就是下面这样：程序已经托管在github上了：https://github.com/Yangzhedi/myBlog-wxapp，大家可以自行下载，之后可以star一下啦~这个页面在pages/

杨小事er·2020-06-25 02:37

Day10-微信小程序实战-交友小程序-实现删除好友信息与子父组件间通信

回顾：上一次已经把消息的布局以及样式做好了效果图：在removeList.js文件中，messageId就是发起这个消息的用户了先查看一下自定义组件的生命周期https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/lifetimes.htmllifetimes:{attached:function(){

SCAU-gogocj·2020-06-24 11:00

Day10-微信小程序实战-交友小程序-添加好友功能之创建并更新message信息

1、首先要在添加好友这个按钮上添加一个事件，也就是在detail.wxml的添加好友这个按钮的哪里，添加一个点击事件handleAddFriend并且添加好友还要考虑，现在是已登陆状态还是未登陆状态的，只有是登陆状态的时候，才可以发起添加好友的请求的所以就要先判断一下它是否已经登陆了因为只要是登陆之后，就会把用户的id写入到全局的userinfo下面的handleAddFriend(){if(ap

SCAU-gogocj·2020-06-23 14:00

Day10-微信小程序实战-交友小程序-自定义callPhone 和copyText组件

---为了方便用户可以拨打电话和复制微信号（下面就要实现这样的两个功能）注意:在小程序中是没办法直接的添加用户的微信的，所以就只能是复制微信号（这种东西的话可以直接去做，也可以做成组件，做出组件的好处就是可以在其他地方也可以用的）下面也演示了如何创建一个组件在components下面，新建一个callPhone目录，然后在这个目录下面新建一个callPhone的component文件然后如果要在d

SCAU-gogocj·2020-06-22 16:00

Day10-微信小程序实战-交友小程序-对点赞次数的优化及首页推荐与最新功能实现-详情页渲染数据和样式布局

一、点赞次数的优化新建一个unitFormat.wxs文件，定义一个函数，拿到一个数字之后进行处理记得要提供一个对外的借口toFixed（n）就是说明保留n位小数了并且要注意了，定义模块名字的话，是唯一性的，也就是不能重复的这里设置的是k，假如后面超过了上万的话，也可以设置是w这个单位了17-首页推荐与最新功能实现因为在推荐中的排序顺序，其实是按照点赞的次序了进行的，最新的就是按照用户注册的时间了

SCAU-gogocj·2020-06-22 13:00

起易小程序实战全集教程

1.配置和目录结构.mp42.小程序注册.mp43.小程序的语句判断.mp44.组件（视图容器和基本内容）.mp45.组件表单.mp46.页面链接和多媒体.mp47.地图和视频.mp48.地图api详解.mp49.API界面第一讲.mp410.动画.mp411.canvas和下拉刷新.mp412.设备信息.mp413.拨打电话和剪切板.mp414.媒体图片功能1.mp415.多媒体之相册拍照选取.

a3693039·2020-06-22 11:15

Python爬虫系列之微信小程序实战

Python爬虫系列之微信小程序实战基于Scrapy爬虫框架实现对微信小程序数据的爬取首先，你得需要安装抓包工具，这里推荐使用Charles，至于怎么使用后期有时间我会出一个事例最重要的步骤之一就是分析接口

王磊本人·2020-06-21 06:34

Day8-微信小程序实战-交友小程序-首页用户列表渲染及多账号调试及其点赞功能的实现

在这之前已经把编辑个人的所有信息的功能已经完成了之后先对首页的列表搞动态的，之前都是写死的静态1、之前都是把好友写死的，现在就在js里面定义一个数组，用循环来动态的绑定在onReady中定义，取真实的数据给定义的列表数组list通过调用db.collection('users').get()这里没有加其他的限制，得到的就是所有的数据了，拿到全部的数据之后就会触发then方法了用then返回的res

SCAU-gogocj·2020-06-20 15:00

Day8-微信小程序实战-交友小程序-头像的设置

一、功能分析：1、也是要有两个按钮（和修改昵称类似）就是可以选择用微信的头像，也可以自定义头像（直接copyname.wxml中的代码即可）2、下面就不再是文本框了，而是一个image标签，并且还要实现上传图片的功能二实现：2、这个上传的功能，微信小程序已经帮我们封装好的了微信开放文档-》chooseImage-》示例代码（从本地相册选择图片或使用相机拍照）==一般这种API都是可以回调的比如su

SCAU-gogocj·2020-06-20 12:00

Day8-微信小程序实战-交友小程序-创建编辑子页和修改个人信息页面

一、因为要进行修改昵称、微信号、手机号等等页面，都是可以在editUserInfo这个页面下进行的也就是说如果要跳转到修改页面的话，就是要创立这些新的页面了，所以就可以在page下面进行创立，但是最好还是在editUserInfo这个文件中进行添加的，如下所示二、对修改签名功能进行设计直接在editUserInfo页面一下的signature.wxml中设置结构设置个性签名然后设置样式即可了inp

SCAU-gogocj·2020-06-20 10:00

Day7-微笑小程序实战-交友小程序-登陆模块

用于这是一个交友的小程序，所以用户的信息在很多页面中都是会被用到的===也就是在不同的页面中（首页推荐消息个人）中都是要用到这些消息的这些就是需要定义全局的数据了，就要在app.js中进行定义了this.userInfo={}这样通过this挂载，就可以在每个不同的页面中使用这个用户的信息了之后在每一个页面的js文件中，通过constapp=getApp()通过这个内置的getApp就可以拿到全局

SCAU-gogocj·2020-06-20 07:00

Day7-微信小程序实战-交友小程序首页UI

一般都是直接用微信提供的组件来进行布局的在小程序中最好少用id，尽量用class轮播图就是直接用swiper直接在微信开发者文档里面-》组件-》swiper-》示例代码①其中indicator-dots是设置轮播图上面那个点的样式，用true就是直接写死，也就是保留这个轮播图②是否可以轮播通过autoplay③interval是轮播的时间、duration是间隔的时间下面进行测试，通过在网上找了三

SCAU-gogocj·2020-06-19 17:00

Day7-微信小程序实战-交友小程序-tabbar实现

一、tabbar在微信开发者文档中【指南】-》【小程序配置】-》全局配置-》就可以看到tabBar相关的东西了"tabBar":{"list":[{"pagePath":"pages/index/index","text":"首页"},{"pagePath":"pages/logs/logs","text":"日志"}]},然后放到app.js全局配置中由于tabBar中的每一个单元，都是要有一个

SCAU-gogocj·2020-06-18 16:00

Day7-微信小程序实战-引入iconfont（充分利用iconfont图标库的资源）

一、引入iconfont首先在iconfont.com中注册登陆：点击上方【图标管理】并进入我的项目注意：如果没有项目的话，就点击右边的来创建项目在官网中找到想要的图标之后，以SVG的形式下载下来，然后在iconfont【我的项目】中上传刚下载下来的图标上传的时候记得对图标命名为【英文的】这样就创立了自己项目要用到的图标了那如何在微信开发者工具中使用呢？新创一个iconfont文件再回到iconf

SCAU-gogocj·2020-06-18 16:00

Day7-微信小程序实战-天气预报小程序

前段时间在B站跟着一个视频，搞天气预报小程序https://www.bilibili.com/video/BV1cJ411879s但是因为这个调用的接口要money，太贵了就没买，就只是做了一些不用接口的东西最终的效果图：一、①调用的接口视频中主要是用到了咕咕数据中的【地理坐标逆编码】接口，https://www.gugudata.com/api/details/geodecode这个接口是可以获

SCAU-gogocj·2020-06-18 14:00

微信小程序实战教程——1.基础知识（3）

6声明周期小程序的声明周期分为整个应用的声明周期以及单个页面的声明周期，对于初学者来说这部分内容可以先跳过，它就像一幅眼镜，你自然会知道什么时候需要。6.1应用生命周期回调函数在app.js中调用的App函数中，可以设置应用声明周期的回调函数教育小程序开发App({onLaunch(options){//初始化完成后执行},onShow(options){//进入小程序后执行},onHide(){

wx5eafc18b8dc42·2020-05-13 17:23

多语言工作者の十日冲刺<1/10>

冲刺这个作业的目标团队进行Alpha冲刺--第一天（04.30）作业正文如下其他参考文献...团队进行Alpha冲刺--第一天（04.30）一、项目进展学号今日安排211706106讨论alpha分工，小程序实战学习

多语言工作者·2020-05-09 19:00

小程序实战开发：flex弹性布局在小程序中的使用

采用Flex布局的元素，称为Flex容器（flexcontainer），简称”容器”。它的所有子元素自动成为容器成员，称为Flex项目（flexitem），简称”项目”任何一个元素都可以指定为Flex布局display:flex|inline-flex定义弹性伸缩盒容器类型flex将对象作为块级弹性弹性盒模型。inline-flex将对象作为内联块级弹性弹性盒模型。注意，设为Flex布局以后，子元

热爱前端的老师·2020-04-10 02:49

【小程序云开发完整流程+源码】创建并上线小程序实战项目 | 数据库 | 云函数 | 登录

大家好，我是宁一，前段时间录制了微信小程序全栈开发的一个课程，教大家开发了一个叫做【真自律】的小程序。很多同学已经跟着课程将小程序做出来了但是大部分同学都没有服务器和域名，做出来的项目只能在自己电脑上面运行。有的同学加我好友说感觉好可惜，好不容易做出来的项目，竟然不能和别人一起分享。今天就来满足大家的要求，教大家使用云开发免费将项目部署上线，不需要服务器和域名就能让用户通过微信访问到你的小程序。这

猫宁一·2020-04-06 18:49

微信小程序 | 来自小程序开发者的开发教程②

Wondgirl]****入门系列教程**《二》视图渲染**[Wondgirl]****入门系列教程**《三》模板的使用、事件**[Wondgirl]****入门系列教程**《四》生命周期Vincent：微信小程序实战教程

极乐叔·2020-04-04 03:32

微信小程序实战—知乎日报

前言看了那么多的小程序入门，想必各位看官也差不多对小程序已经有了一定的了解。这篇文章就不再主讲入门，现在我们要通过一个知乎日报的小程序去实践一下，加深对微信小程序API的理解。对了，入门可以看这篇文章，里面有工具的初步使用介绍：http://www.jianshu.com/p/37dfcea4a2f8微信小程序开发入门教程https://mp.weixin.qq.com/debug/wxadoc/

夏风轻语·2020-03-31 12:30

推荐频道

小程序实战