微信小程序 之 计算器

数据结构期末作业: 用微信小程序 做一个计算器,我上课开了一点小差,误以为是平时的小作业,所以就花了一点时间写了一个壳子.后来知道实情之后,还是决定早点解决.于是中秋的三天假期,写完了计算器的逻辑层.

也是想借这个机会,开始微信小程序的学习,搭建一个自己的小工具仓库. 目前暂定名字为: BORBER的小匣子 在微信小程序可以直接搜到.

全部源码暂时不能放出,因为害怕被抄袭.

下面放出界面的 wxml的源码:

<!-- pages/Calculator/Calculator.wxml -->
<view class="content">
    <view class="screen-container">
        <view class="history">{{history3}}</view>
        <view class="history">{{history2}}</view>
        <view class="history">{{history1}}</view>
        <view class="screen">{{screenData}}</view>
    </view>
    <view class="keyboard">
        <view class="btnGroup">
            <view class="item del" bindtap="toClearAll" id="{{do[0]}}">C</view>
            <view class="item " bindtap="clickButton" id="{{op[4]}}">(</view>
            <view class="item " bindtap="clickButton" id="{{op[5]}}">)</view>
            <view class="item " bindtap="clickButton" id="{{op[3]}}">÷</view>
        </view>
        <view class="btnGroup">
            <view class="item " bindtap="clickButton" id="{{id[7]}}">7</view>
            <view class="item " bindtap="clickButton" id="{{id[8]}}">8</view>
            <view class="item " bindtap="clickButton" id="{{id[9]}}">9</view>
            <view class="item " bindtap="clickButton" id="{{op[2]}}">×</view>
        </view>
        <view class="btnGroup">
            <view class="item " bindtap="clickButton" id="{{id[4]}}">4</view>
            <view class="item " bindtap="clickButton" id="{{id[5]}}">5</view>
            <view class="item " bindtap="clickButton" id="{{id[6]}}">6</view>
            <view class="item " bindtap="clickButton" id="{{op[1]}}">-</view>
        </view>
        <view class="btnGroup">
            <view class="item " bindtap="clickButton" id="{{id[1]}}">1</view>
            <view class="item " bindtap="clickButton" id="{{id[2]}}">2</view>
            <view class="item " bindtap="clickButton" id="{{id[3]}}">3</view>
            <view class="item " bindtap="clickButton" id="{{op[0]}}">+</view>
        </view>
        <view class="btnGroup">
            <view class="item " bindtap="deleteOne" id="{{do[1]}}">D</view>
            <view class="item " bindtap="clickButton" id="{{id[0]}}">0</view>
            <view class="item " bindtap="clickButton" id="{{id[10]}}">.</view>
            <view class="item equ" bindtap="toResults" id="{{do[2]}}">=</view>
        </view>
    </view>
</view>

下附微信小程序码 以及 运行截图:

EnwE.png
EnwS.png
Enwj.png
EnwM.png
Enwo.jpg

后续会加入 部分 科学计算器功能