我在学习小程序 (一)

前期准备

小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。

小程序开发准备

申请AppID

开发小程序的第一步,需要拥有一个小程序 AppID,后续的所有开发流程会基于这个 AppID 来完成。小程序的注册非常简单,只需几个操作。使用浏览器打开 https://mp.weixin.qq.com/ 点击立即注册,如下图所示,在打开的页面中选择小程序后,填入相关的信息,就可以完成注册啦。
在这里插入图片描述

安装开发者工具及基本使用

在小程序开发文档中找到小程序开发工具的下载页面,点 https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 根据自己的操作系统下载对应的安装包进行安装。需要注意的是,小程序开发工具在 Windows上仅支持 Windows 7 及以上版,在 Mac 上支持 OS X 10.8 及以上版本。

  1. 下载好,需要微信扫码登录,也就是你创建APP ID时会让你扫的一个二维码绑定,如下图
    在这里插入图片描述

  2. 点击加号(新建一个项目)

  3. 项目申请好后,会出现一个基础的样例给我们看
    在这里插入图片描述

小程序结构介绍

小程序由配置代码JSON文件、模板代码 WXML 文件、样式代码 WXSS文件以及逻辑代码 JavaScript文件组成。

如果不了解随时去看官方文档哈~

全局配置

  1. project.config.json 的功能

小程序版本的控制,所以你可以修改版本库,小程序的 APP Id之类的信息等等

  1. app.wxss 的解释

类似于HTML 中css板块,可以修改全部的页面
在这里插入图片描述
例如把背景颜色变粉。
在这里插入图片描述

  1. app.json 的解释
    在app.json中,这里是属于全局配置项的,这里的信息可以对照官方文档来学习— 全局配置

在这里插入图片描述
这里可以修改导航栏背景色,导航栏标题等

  1. app.js 的功能

页面配置

想了解可以去看看官方文档: 微信小程序官方文档 —— 页面配置

pages页面
每个页面都具有不同的功能,第一个index也就是最左边我们能看得到的内容,里面的四个文件对应这不同的功能,比如wxml 就是 html 改变了一些标签,wxss 是 css更改了标签,而且还都增加了一些其他的功能
在这里插入图片描述

这里是最后

接下来会一直记录我在学习小程序的内容,记录是为了记录我的学习路线也希望可以看到自己每天的变化,希望也可以激励想要学习小程序的小伙伴哦,要是有错误就麻溜告诉俺哦。毕竟俺是小白哈。

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值