zjw_python的博客

近端时间接触了微信小程序，决定编写一个迷你计算器的小程序试试水，不试不知道，一试爽到爆。总体而言，微信自带的小程序开发工具，用起来还挺方便的。网上用django开发小程序的完整文章也比较少，于是打算做个笔记。小程序的结构整个小程序的结构非常简单，就两个页面：index和cal，其中index页面是欢迎页面，用于获取用户授权；而cal页面就是计算器的主体页面。...

微信小程序没有自带的下拉菜单组件，因此我们需要自己需要写一个思路利用列表来存储菜单项，在外面套一个view元素作为外框，将其设置为overflow：hidden，使用CSS3动画逐渐改变外层view元素的高度，当高度为0时，里面嵌套的列表元素被完全隐藏，相当于菜单关闭。而当view元素的高度大于列表元素的高度时，相当于菜单显示效果图wxml button按钮用于触发菜单的...

刚开始接触微信小程序，想写个迷你计算机的小程序，感觉开发挺方便的，当准备使用用户信息时，打算看一下它是怎么获取用户信息的，为之后获取用户openid准备。获取用户信息主要在app.js 和 index.js中代码中的 res =>可以理解为function(res)，其中res即为返回的数据结果对象，不知道又是哪新出的语法规则app.jsApp({ onLaunch: fun...

下面将着重讲解如何实现计算器，使其可以进行小数、负数的加减乘除计算，并显示结果给用户处理用户输入用户输入一长串的表达式，里面有数字，有加减乘除符号，有括号，首先我们应该把用户输入的表达式记录下来，并进行适当的划分，将数字和符号分开来，为后续的计算做准备首先我们在为每个按钮都设置一个data-value自定义属性，从而在后台知道用户按了哪一个键<view class="...

本小程序的计算器带有历史记录功能，也就是每个用户都有自己的历史记录，因此需要存储用户信息，用于识别用户，这就少不了获取用户的Openid，这是用户的唯一标识符，除此之外，我们还需要获取用户名及头像信息。整体的流程为：用户登录，前端获取到code，将code传给服务器后端服务器后端用code，AppId和AppSecret到微信指定的API中换取用户Openid，若是新用户，则新建一个用...

最后的环节就是历史记录的获取和保存，主要包括以下2个阶段：计算页面加载时，前端将用户Openid和用户名传给后端，若对应Openid的用户的昵称未保存，则保存用户名，同时传回该用户的计算历史记录用户每执行一次计算操作，就将一次计算的表达式传给后端保存其中history和history_value都用于存储后端传来的历史记录表达式，区别在于，history存储的表达式是字符串，用于显示...