微信小程序--家庭记账本开发--06

重要部分学习——记账簿本次项目开发的目的主要是记账本的开发,最初自己想法简单,把家里的纸质记账簿变成手机上的记账簿.最终自己程序可以实现的功能可以记录每天的账目信息,并形成叠加效果,并按1.2.3……向下进行排列,以实现记账. 展示如下: 其中该程序利用不同按钮实现账目信息的增加或者删除,相关代码如下: 添加账目信息: <view class="pure-u-4-24"> <button type="primary" size="min…

微信小程序--家庭记账本开发--05

界面跳转在微信小程序中,按钮也是<button></button>标签,它是通过bindtap属性来绑定点击事件: <view class="usermotto" bindtap="goIndex_1Tap"> <text class="user-motto" >家庭小账本</text> </view> 在上文的界面布局中我们可以看到做出的”家庭小账本”图片,就是一个按钮,…

微信小程序--家庭记账本开发--04

界面的布局在微信小程序开发过程中,界面的布局是十分重要的,无论是一个什么样的程序,界面的美观合理才能提供给客户一个较好的使用体验,就微信小程序布局自己看了许多小程序布局,自己将学习心得记录如下: 下面的图片是根据教学视频自己的一些学习进程. 以下是微信小程序界面的头部尾部布局相关代码: <include src="../templates/header" /> Qi <button type="default" size="{{defa…

微信小程序--家庭记账本开发--03

组件.标签以及模板的使用在一个微信小程序中,需要用到大量的组件,一些页面的设计也需要模板,在自己所学课程中,对于一些组件.标签模板的使用有了初步的了解. 1.组件组件是数据和方法的简单封装,对于微信小程序,简洁的组件化编程对于开发来说有很大帮助.微信小程序支持自定义组件,自定义组件类似于页面,一个自定义组件由 json wxml wxss js 4个文件组成.要编写一个自定义组件,首先需要在 json 文件中进行自定义组件声明(将 component 字段设为 true 可这一组文件设为自…

微信小程序--家庭记账本开发--02

代码文件的了解对于一个程序的开发,代码的了解的必须的,不同的后缀名文件有着不同的作用,通过学习,对于微信小程序开发中的文件有了自己的理解. 文件概述一个微信小程序一般有有pages文件夹,utils文件夹,以及app.js.app.json.project.config.json文件,他们分别的作用如下: 1.pages文件夹:如该文件夹的名称所示,page的复数,多个页面,所以,在该文件夹下主要用于存放小程序的页面文件,其中在该文件夹下的子文件夹每个为一个不同的页面,每个页面包括四个文件,…

微信小程序--家庭记账本开发--01

微信小程序的开发准备与开发工具的学习在这次寒假伊始,临近春节,学习进程有所拉下,现在补上.寻找了好多网站的相关学习视频,包括微信公众平台关于小程序这方面也有好多相关资料供查阅. 1.开发准备: 首先进入“微信公众平台”官网( https://mp.weixin.qq.com/ ),进入注册界面,注册自己的微信小程序账号,登陆成功之后,进入自己小程序的后台,获取开发所需的AppID,并点击下载相应的微信Web开发者工具,下载完成后,进行安装. 2.开发工具的学习: 打开微信Web开发者工具,需要…

微信小程序--家庭记账本开发--07

最终展示以及相关代码 1.最终效果展示最终效果展示已经根据最初要求使用视频拍摄在抖音上,下面是相关页面展示图片: 2.相关代码本次开发主要页面则是首页界面以及记账界面以及实现页面跳转,以及记账内容保存. index定义首页界面,部分代码如下: //index.js //获取应用实例 const app = getApp() Page({ data: { userInfo: {}, hasUserInfo: false, canIUse: wx.canIUse('button.open-typ…

微信小程序--家庭记账小账本（三）

家庭记账小账本打算先通过微信小程序来实现,昨天就去注册了解了一下微信小程序,感觉比较复杂而且困难.如何将ecplise源代码与小程序连接,如何建立数据库等等都困扰了我.查阅网上的资料也没有很大的进展.但在其中了解到可以利用微信开发者工具直接建立js,wxml,wxss,json文件来实现.但这就需要把前两天用java写的代码推翻,去重新学习微信小程序中的代码.于是好不容易查阅到了小程序的样例,看着别人的代码来慢慢的学习.他人提供的源代码也有些许的问题,包括一些界面显示的问题,我都慢慢的解决了.而…

微信小程序--家庭记账小账本（五）

(源码已上传至github,https://github.com/xhj1074376195/CostBook_weixin) 今天,尝试弄了账单的表,发现还是弄不了,于是就把账单上的删除功能给去了,然后查阅网上资料,实现了自动加时间的功能.并且对界面进行了优化. 最后在手机上看到的页面…

微信小程序--家庭记账小账本（四）

今天的进展不太顺利,总的账单表,代码改了又改,最后决定用一个新的表,账单界面中弄了一天删除,发现都无法实现想要的效果,于是把账单界面的删除功能去了,就感觉大功告成的时候,发现收入和支出界面的删除也出现了问题,表现在删除后出现的账单界面是错误的.明天再实现改进吧.…

微信小程序购物商城系统开发系列-目录结构

上一篇我们简单介绍了一下微信小程序的IDE(微信小程序购物商城系统开发系列-工具篇),相信大家都已经蠢蠢欲试建立一个自己的小程序,去完成一个独立的商城网站. 先别着急我们一步步来,先尝试下写一个自己的小demo. 这一篇文章我们主要的是介绍一下小程序的一些目录结构,以及一些语法,为我们后面的微信小程序商城系统做铺垫. 首先我们来了解下小程序的目录结构 Pages 我们新建的一些页面将保存在这个文件夹下面,每一个小程序页面是由同路径下同名的四个不同后缀文件的组成,如:index.js.index.…

微信小程序购物商城系统开发系列-工具篇

微信小程序开放公测以来,一夜之间在各种技术社区中就火起来啦.对于它估计大家都不陌生了,对于它未来的价值就不再赘述,简单一句话:可以把小程序简单理解为一个新的操作系统.新的生态,未来大部分应用场景都将给予微信小程序进行研发.基于对它的敬畏以及便于大家快速上手,特整理微信小程序商城开发系列,未来将持续增加微信小程序技术文章,让大家可全面了解如何快速开发微信小程序商城. 本篇文章主要介绍微信小程序官方提供的开发工具,俗话说:欲工善其身,必先利其器. 小程序开发文档地址https://mp.weixi…

微信小程序购物商城系统开发系列

微信小程序购物商城系统开发系列微信小程序开放公测以来,一夜之间在各种技术社区中就火起来啦.对于它估计大家都不陌生了,对于它未来的价值就不再赘述,简单一句话:可以把小程序简单理解为一个新的操作系统.新的生态,未来大部分应用场景都将给予微信小程序进行研发.基于对它的敬畏以及便于大家快速上手,特整理微信小程序商城开发系列,未来将持续增加微信小程序技术文章,让大家可全面了解如何快速开发微信小程序商城. 本篇文章主要介绍微信小程序官方提供的开发工具,俗话说:欲工善其身,必先利其器. 小程序开发文档地址…

从微信小程序到鸿蒙js开发【11】——页面路由

目录: 1.router.push()&wx.navigateTo() 2.router.replace()&wx.redirectTo() 3.router.back()&wx.navigateBack() 4.router.clear()&wx.reLaunch() 5.项目实践 6.<从微信小程序到鸿蒙js开发>系列文章合集在项目中,页面之间的路由跳转是十分普遍的.鸿蒙JS开发提供了四种页面跳转的方式(轻量级智能穿戴仅支持replace()),之前的帖子…

从微信小程序到鸿蒙js开发【12】——storage缓存&自动登录

鸿蒙入门指南,小白速来!从萌新到高手,怎样快速掌握鸿蒙开发?[课程入口] 正文: 在应用开发时,我们常需要将一些数据缓存到本地,以提升用户体验.比如在一个电商的app中,如果希望用户登录成功后,下次打开app可以自动登录,就需要将用户信息存储到缓存中. 鸿蒙JS开发模式提供了操作数据缓存的API,首先需导入storage模块. import storage from '@system.storage'; 添加缓存的API为storage.set( ),指定key和value,在用户登录成功后将用…

从微信小程序到鸿蒙js开发【13】——list加载更多&回到顶部

鸿蒙入门指南,小白速来!从萌新到高手,怎样快速掌握鸿蒙开发?[课程入口] 目录: 1.list加载更多 2.list回到顶部 3.<从微信小程序到鸿蒙js开发>系列文章合集 1.list加载更多如果在list中需要展示的数据非常多,那么一次性获取全部数据并显示,对于后端服务器和前段渲染的性能都是很大的负担,浪费资源且页面加载速度会很慢. 在网页端做分页普遍是用户点击"上一页","下一页"进行翻页,而移动端设备一般是在滑动到页面底端后加载下一页数据,并将…

从微信小程序到鸿蒙js开发【15】——JS调用Java

鸿蒙入门指南,小白速来!0基础学习路线分享,高效学习方法,重点答疑解惑--->[课程入口] 目录:1.新建一个Service Ability2.完善代码逻辑3.JS端远程调用4.<从微信小程序到鸿蒙js开发>系列文章合集除轻量级智能穿戴设备,现鸿蒙支持的手机.汽车.TV.手表.平板等属于富鸿蒙,在JS语言的项目中也有Java模块,并提供了JS跨语言调用Java方法的技术.现需要实现查看商品评论时,统计出长评.中评和短评的比例,这里将评论数据请求来后调用Java进行计算. JS调用Jav…

微信小程序版博客——开发汇总总结（附源码）

花了点时间陆陆续续,拼拼凑凑将我的小程序版博客搭建完了,这里做个简单的分享和总结. 整体效果对于博客来说功能页面不是很多,且有些限制于后端服务(基于ghost博客提供的服务),相关样式可以参考截图或者直接访问我的小程序一些体会四月份的空余时间都在折腾自己的微信小程序版博客,作为后端开发的我鼓捣起前端的技术还是稍微有点吃力的,有些语法确实不太熟悉. 但总的来说还好,静下心来看看文档,熟悉下语法,实现一些功能的时候还是挺有成就感的. 对于小程序,基础的语法和API调用,我觉得腾讯的官方文档已经…

从微信小程序到鸿蒙js开发【06】——swiper&animator&marquee

目录: 1.swiper轮播图 2.image-animator幻灯片 3.marquee跑马灯 4.nginx动静分离 1.swiper轮播图微信小程序的swiper组件中只能放置swiper-item,而鸿蒙js的swiper组件中可以放置除list之外的任意组件,功能更强大.除之前讲过用swiper结合自定义tabbar实现底部菜单分页功能,swiper最常用的就是首页的轮播图了. swiper的属性可见官方文档(https://developer.harmonyos.com/cn/do…

微信小程序的认识和开发适用性

来源:三节课课堂笔记小程序认知初识小程序. 目前微信小程序包括各类公众号接口的情况: 那么微信拥有的功能产品和对应的互联网产品有哪些: 小程序相当于AppStore应用分发市场: 张小龙对小程序的定义:用完即走.触手可及. 小程序有以下特点:安装包只有1024K大小,用户即用即搜(新的应用场景:直达服务). 结合小程序的特点和新的应用场景,小程序会有哪些机会? 从APP照搬复制:各种开发门槛较低的查询类产品可能会大量复制过来,但照搬不是最好的思路. 别硬拼渠道:…

微信小程序之使用本地接口开发

本文主要讲解如何使用本地接口进行开发,很多人都会遇到这个问题,特别是小程序上线后. 一.解决思路在小程序开发工具设置网络代理,然后再通过Charles设置代理,将https域名转为本地接口进行访问. 以下示例的环境为win7 + 老版本的微信开发工具二.准备工作 1.配置https域名为小程序配置request合法域名,在登录公众号平台去设置. 2.安装Charles 下载地址:https://www.charlesproxy.com/download/ 三.配置Charles 1.安装根…

微信小程序客服消息开发实战：实时在手机上接收小程序客服消息通知，以及在手机上回复

在微信小程序开发中,可以非常方便的集成客服功能,只需要一行代码便可以将用户引导至客服会话界面.这行代码就是: <button open-type="contact" bindcontact="handleContact">联系我们</button> 当用户点击这个[联系我们]的按钮时,便会进入微信自带的小程序客服会话界面.如下图: 虽然只能发送表情和照片,但是对于小程序来讲,已经是非常不错的功能了. 但是,虽然可以一行代码让我们的小程序…

webstorm开发微信小程序代码提醒(webstorm开发工具)

使用了微信提供的开发工具是真心难用,卡顿厉害.中英文切写注释换相当不爽.还没办法多开窗口,相信大家也遇到过这种现象. 下边我们介绍下webstorm来开发微信小程序的一些配置: File---settings点击出来以下页面 1.首先FileType下Cascading Style Sheet 添加*.wxss 1.png 2.FileType下HTML 添加*.wxml 2.png 3.将其中的wecharCode.jar下载下来,然后在webStorm 的 File -> import se…