微信小程序—简介与基础配置

微信小程序

一、小程序简介

微信小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。(不同于其他APP需要下载安装)
小程序的价值在于当用户主动寻找产品、商家服务时可以随时找到、随时使用,而当用户不需要时,只管退出就行。小程序无须下载,不占内存,用完即走,对一些内存小、只需使用基本功能的用户来说是个利好。


二、小程序的优势

小程序优势


三、小程序的开发的准备工作

1、下载开发工具:

链接地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

2、准备AppID(小程序ID)

开发一个小程序首先需要注册一个 AppID开发 ==> 开发设置 ==> 开发者ID

把复制下来的 AppID 填入这里:


四、小程序目录介绍

目录

1、文件格式介绍:

  • .json后缀的文件是配置文件,主要用于程序的配置;
  • .wxml后缀的文件是页面结构文件,相当于HTML,用于构建页面;
  • .wxss后缀的文件是样式表文件,相当于CSS,用于对界面的布局和美化;
  • .js是脚本文件,主要用于用户交互和信息处理;

2、Pages目录

该目录主要存放小程序的页面文件,每个文件夹相当于一个页面,每个页面当中包含上述四种文件,其中.wxml.js文件是必须的,其余两种文件根据需要选择。

3、utils目录

该文件夹主要用于存放全局的一些.js文件,公共用到的一些事件处理代码文件可以放到该文件夹下,用于全局调用。

4、app.js、app.json、app.wxss、project.config.json

  • app.json 和 *app.wxss *文件都属于全局配置,相当于做一些初始化工作,当某个页面不需要特意的更改时,则会使用这些初始化的设定。

  • app.js:系统的方法处理文件,主要处理程序的声明周期的一些方法。

  • roject.config.json:可以针对自己的喜好做一些个性化的配置,例如:界面颜色、编译配置等等。

  • app.json 配置内容如下:
    {

    "pages":[
      "pages/index/index",
      "pages/logs/logs"
    ],
    "window":{
      "backgroundTextStyle":"light",
      "navigationBarBackgroundColor": "#fff",
      "navigationBarTitleText": "WeChat",
      "navigationBarTextStyle":"black"
    }

    }

    • pages字段 —— 用于描述当前小程序所有页面路径。例如:pages/index/index,就代表这index.wxss这个页面。它接受一个数组,每一项代表着【路径+文件名】,数组的第一项代表着小程序的初始页面。当小程序需要添加/减少页面时,都需要对该数组进行修改。
    • window字段 —— 小程序所有页面的顶部背景颜色,文字颜色定义在这里的。

5、其他配置项细节可参考官方文档

微信公众平台 | 小程序: https://developers.weixin.qq.com/miniprogram/dev/framework/


转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 848130454@qq.com

文章标题:微信小程序—简介与基础配置

文章字数:880

本文作者:Spicy boy

发布时间:2020-06-15, 22:43:43

最后更新:2021-03-08, 17:57:26

原始链接:http://www.spicyboy.cn/2020/06/15/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E2%80%94%E7%AE%80%E4%BB%8B%E4%B8%8E%E5%9F%BA%E7%A1%80%E9%85%8D%E7%BD%AE/

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。

目录
×

喜欢就点赞,疼爱就打赏