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

微信小程序的开发准备与开发工具的学习

在这次寒假伊始,临近春节,学习进程有所拉下,现在补上。寻找了好多网站的相关学习视频,包括微信公众平台关于小程序这方面也有好多相关资料供查阅。

1.开发准备:

首先进入“微信公众平台”官网( https://mp.weixin.qq.com/ ),进入注册界面,注册自己的微信小程序账号,登陆成功之后,进入自己小程序的后台,获取开发所需的AppID,并点击下载相应的微信Web开发者工具,下载完成后,进行安装。

2.开发工具的学习:

打开微信Web开发者工具,需要利用自己已经注册过的微信小程序的管理者的微信进行扫码登陆。

登陆成功之后,新建自己的微信小程序项目,选择项目建立文件夹,并取自己的项目名称。

新建项目之后,来到项目的开发界面,如下图。

界面大致上分为三部分,左侧为模拟器,用来显示

原文地址:https://www.cnblogs.com/Qi77/p/10367584.html

时间: 2024-08-12 08:17:19

微信小程序--家庭记账本开发--01的相关文章

微信小程序家庭记账本开发进度五

我们要做的事一个家庭记账本的微信小程序,首先,先对app.json,进行编译 { "pages": [ "pages/index/index", "pages/item/item" ], "window": { "backgroundTextStyle": "dark", "navigationBarBackgroundColor": "#fff"

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

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

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

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

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

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

微信小程序--家庭记账小账本(五)

今天,尝试弄了账单的表,发现还是弄不了,于是就把账单上的删除功能给去了,然后查阅网上资料,实现了自动加时间的功能.并且对界面进行了优化. 最后在手机上看到的页面 原文地址:https://www.cnblogs.com/xhj1074376195/p/12230366.html

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

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

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

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

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

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

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

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