随笔分类 -  微信小程序

微信小程序连接Java后台
摘要：js //index.js //获取应用实例 const app = getApp() Page({ bindtest: function () { wx.request({ url: 'http://localhost:8080/Tally/WXServlet', data: { username 阅读全文
posted @ 2020-02-12 20:51 ziyuliu 阅读(683) 评论(0) 推荐(0)
家庭记账本小程序开发第七天
摘要：今天对记账本的布局做了小小的改进，在主页添加了一行text文本，小程序的开发告一段落了，开始学习其他的东西。该小程序的所有代码我晚一点会整理出来发出来。 如图： https://github.com/flamelll/jizhangben相关代码已上传到github上。 阅读全文
posted @ 2020-02-11 22:27 ziyuliu 阅读(133) 评论(0) 推荐(0)
家庭记账本小程序开发第六天
摘要：今天尝试了往账单页面添加饼状图，了解了wx-charts组件 微信小程序图表插件（wx-charts）基于canvas绘制，体积小巧，支持图表类型饼图、线图、柱状图 、区域图等图表图形绘制，目前wx-charts是微信小程序图表插件中比较强大好使的一个 下图是我使用的 直接引用编译好的文件 wxch 阅读全文
posted @ 2020-02-10 10:41 ziyuliu 阅读(211) 评论(0) 推荐(0)
家庭记账本小程序开发第五天
摘要：今天完成了账单页面的汇总收入和支出并显示在页面上 如下图： 改变的js： // pages/B/index.js const app = getApp() Page({ /** * 页面的初始数据 */ data: { date:'', money:'', type:'', style:'', ty 阅读全文
posted @ 2020-02-09 19:39 ziyuliu 阅读(187) 评论(0) 推荐(0)
家庭记账本小程序开发第四天
摘要：今天对家庭记账本添加了删除功能，并对账单页面的格局进行了改动，我觉得变得更好看了。 连接了Java后台数据库。 起初遇到的问题是想实现左滑删除这一事件，尝试了Slideview组件和利用touch事件进行，但没有取得很好的进展，于是我在查看别人的案例的时候，尝试了使用movable-view组件和删 阅读全文
posted @ 2020-02-08 17:51 ziyuliu 阅读(245) 评论(0) 推荐(0)
家庭记账本小程序开发第三天
摘要：今天把账单页面优化了一下： 调用onload函数直接加载数据，并且对于呈现出来的历史账单实现了隔行换色渲染，并使用了flex布局使页面看上去更有用户体验。 如下图： 修改后的js： // pages/B/index.js const app = getApp() Page({ /** * 页面的初始 阅读全文
posted @ 2020-02-07 15:47 ziyuliu 阅读(150) 评论(0) 推荐(0)
家庭记账本小程序开发第二天
摘要：今天我做了记账页面的优化，为了提升用户体验，我使用了picker组件和radio组件： 下面是修改后效果图： 修改后的的js： // pages/A/index.js Page({ /** * 页面的初始数据 */ data: { date:'2020.01.01', money:'', type: 阅读全文
posted @ 2020-02-06 23:42 ziyuliu 阅读(184) 评论(0) 推荐(0)
家庭记账本小程序开发第一天
摘要：刚学微信开发的小白，写的代码不是很好，各位大佬多指教，嘿嘿嘿。 下面是记账本的页面，使用的工具是: 微信开发者工具 eclipse 进入记账页面输入信息，点击确认按钮即可记账成功 点击查看账单页面可以查看历史账单： 连接了后台数据库： 下面是代码实现部分： benn分为user和tally tall 阅读全文
posted @ 2020-02-06 19:10 ziyuliu 阅读(412) 评论(0) 推荐(0)
微信小程序引入方式
摘要：WXML提供两种文件引用方式 1、使用<include src="" /> include可以将目标文件除了<template/>的整个代码引入，相当于是拷贝到include位置 如： 在header.wxml中 <text> 这里是头部 </text> 在first.wxml中引入header.w 阅读全文
posted @ 2020-02-05 01:06 ziyuliu 阅读(448) 评论(0) 推荐(0)
微信小程序bindtap事件
摘要：bindtap就是点击事件 在wxml文件下 <button type="primary" bindtap="btnclick"> {{btnText}} </button> 在js文件下 Page({ /** * 页面的初始数据 */ data: { text : "这里是内容" , btnTex 阅读全文
posted @ 2020-02-05 00:48 ziyuliu 阅读(8782) 评论(0) 推荐(0)