文档章节

微信小程序(应用号)零基础视频课程之加法计算器应用

秀杰
 秀杰
发布于 2016/10/02 15:55
字数 249
阅读 3031
收藏 54

本课程的源码请移步文章末尾

输入图片说明

核心代码: 1.plus.wxml

<view>
    <input placeholder="a" bindinput="getA"></input>
    <label>+</label>
    <input placeholder="b" bindinput="getB"></input>
    <text>=</text>
    <text>{{result}}</text>
    <button type="primary" bindtap="plus">运算</button>
</view>

2.plus.js

var a
var b
Page({
    data:{
        result:''
    },
    plus:function(){
        // 转int,不然成了字符串拼接
        var c = parseInt(a) + parseInt(b)
        this.setData({
            result : c
        });
    },
    // 监听input值改变事件
    getA: function(e) {
        a = e.detail.value
    },
    getB: function(e) {
        b = e.detail.value
    }
})

3.应用配置,注册plus页面

{
  "pages":[
    "pages/plus/plus",
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  }
}

源码下载:扫描下方二维码->回复1001

在线视频:扫描下方二维码->回复2001

视频下载:https://pan.baidu.com/s/1b2Rjm2 提取码:kn2n

对小程序开发有趣的朋友可以加QQ群: 581513218,微信: small_application,陆续还将推出更多作品。

公众号:huangxiujie85

公众号

© 著作权归作者所有

秀杰
粉丝 153
博文 94
码字总数 50956
作品 0
瑞安
iOS工程师
私信 提问
加载中

评论(8)

Always Light
Always Light
有react语法风格
秀杰
秀杰 博主

引用来自“小杨阿哥哥”的评论

定义变量a和b放到一行中比较好,可以少些一个var

回复@小杨阿哥哥 : 收到,感谢。
小杨阿哥哥
小杨阿哥哥
定义变量a和b放到一行中比较好,可以少些一个var
秀杰
秀杰 博主

引用来自“SVD”的评论

方便上手感受一把,师傅领进门,修行在个人

666
SVD
SVD
方便上手感受一把,师傅领进门,修行在个人
秀杰
秀杰 博主

引用来自“子弹兄”的评论

json多了两句代码,把index和logs去掉吧……
谢谢你的建议。实战篇教程有删除掉的,基础篇为了说明得更形象,故保留之。
子弹兄
子弹兄
基础学习很不错
子弹兄
子弹兄
json多了两句代码,把index和logs去掉吧……
小程序 大假期,技术猿国庆假期的正确打开方式…

明天(10月1日)就是国庆黄金7天假了。作为技术猿,除了美美的睡一觉好像也没啥别的事了。与其窝在家里玩手机刷朋友圈,不如做个小程序玩玩。 微信小程序开发正当时,没有内测资格不要紧。这...

凝小紫
2016/09/30
5.8K
11
从零开始学做微信小程序,看这些就够了!

随着正式开放公测,微信小程序再次万众瞩目,越来越多的企业和个人涌入到小程序开发的大军中。小程序究竟是什么?适合做小程序的产品有哪些?做小程序需要提前准备什么?如何零基础学做小程序...

王练
2016/11/09
30.9K
23
前端资源系列(3)-微信小程序开发资源汇总

微信(小程序or应用号)开发资源汇总-文档-工具-教程-代码-插件-组件 文档 从搭建一个微信小程序开始 小程序开发文档 小程序设计指南 工具 小程序开发者工具 - 官方 Egret Wing 3.2.x 支持微信...

xzavier
2018/08/27
0
0
微信小程序商店 | 即速商店_小程序流量平台

微信小程序商店 | 即速商店 即速应用商店-分类最齐全的微信小程序商店,收录当前最新最热门小程序,汇集各行业小程序案例及评测,在这里可以轻松找到各种实用好玩的小程序,也可 免费发布 自...

jisuapp
2018/02/08
0
0
2018最新-9小时搞定微信小程序开发

2018最新-9小时搞定微信小程序开发 网盘地址:https://pan.baidu.com/s/1N6IGuXgF3YrVvmCNi1T--Q 密码:f8pq 备用地址(腾讯微云):https://share.weiyun.com/5rrdDMP 密码:ap7b9q 本课程为...

人气王子333
2018/05/10
0
0

没有更多内容

加载失败,请刷新页面

加载更多

java通过ServerSocket与Socket实现通信

首先说一下ServerSocket与Socket. 1.ServerSocket ServerSocket是用来监听客户端Socket连接的类,如果没有连接会一直处于等待状态. ServetSocket有三个构造方法: (1) ServerSocket(int port);...

Blueeeeeee
今天
6
0
用 Sphinx 搭建博客时,如何自定义插件?

之前有不少同学看过我的个人博客(http://python-online.cn),也根据我写的教程完成了自己个人站点的搭建。 点此:使用 Python 30分钟 教你快速搭建一个博客 为防有的同学不清楚 Sphinx ,这...

王炳明
昨天
5
0
黑客之道-40本书籍助你快速入门黑客技术免费下载

场景 黑客是一个中文词语,皆源自英文hacker,随着灰鸽子的出现,灰鸽子成为了很多假借黑客名义控制他人电脑的黑客技术,于是出现了“骇客”与"黑客"分家。2012年电影频道节目中心出品的电影...

badaoliumang
昨天
15
0
很遗憾,没有一篇文章能讲清楚线程的生命周期!

(手机横屏看源码更方便) 注:java源码分析部分如无特殊说明均基于 java8 版本。 简介 大家都知道线程是有生命周期,但是彤哥可以认真负责地告诉你网上几乎没有一篇文章讲得是完全正确的。 ...

彤哥读源码
昨天
16
0
jquery--DOM操作基础

本文转载于:专业的前端网站➭jquery--DOM操作基础 元素的访问 元素属性操作 获取:attr(name);$("#my").attr("src"); 设置:attr(name,value);$("#myImg").attr("src","images/1.jpg"); ......

前端老手
昨天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部