什么是微信小程序(入门)

超爱吃糖? 超爱吃糖? 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区

一、什么是微信小程序

微信小程序:英文名:Wechat applet 是一种不

二、开发工具
1.小程序开发者工具
下载地址:稳定版 Stable Build | 微信开放文档 (qq.com)

下载安装好后,先要微信扫描登录。然后选择小程序项目

 

2.点击加号创建新的项目的配置(一)

 


3.点击加号创建新的项目的配置(二)

 


这样就创建好了一个小程序的项目

 

三、项目目录

                                                                                              

 


(1)pages:用于存放所有小程序页面 (2)utils:用于存放工具性质的模块(例如:格式化时间的自定义模块) (3)app.js:小程序项目的入口文件 (4)app.json:小程序项目的全局配置文件 (5)app.wxss:小程序项目的全局样式文件(在全局生效,应用到每一个页面) (6)project.config.json:项目的配置文件 (7)sitemap.json:用于配配置小程序及其页面是否允许被微信索引

页面组成结构

将小程序中不同页面以不同文件夹形式存放在pages文件夹中,例如下图所示:

                                                                                   

 

在每一个页面文件夹中,由4个基本文件组成: (1).js文件:当前页面的脚本文件,存放页面的数据,事件处理函数等 (2).json文件:当前页面的配置文件,配置窗口的外观、表现等 (3).wxml文件:当前页面的模版结构文件 (4).wxss文件:当前页面的样式表文件

JSON配置文件

JSON配置文件的作用 JSON是一种数据格式,在实际开发中,JSON总是以配置文件的形式出现。在小程序项目开发中:通过不同的json配置文件,可以对小程序项目进行不同级别的配置。

小程序项目中共有4种json配置文件,分别是:

(1)项目根目录中的app.json配置文件 app.json是当前小程序的全局配置,包括了这个小程序的所有页面路径、窗口外观、界面表现、底部tab等。app.json包括四个配置项

(1)pages:用来记录当前小程序所有页面的路径,如上图中,该小程序只有两个页面 (2)window:全局定义小程序所有页面的背景色、文字颜色等 (3)style:全局定义小程序组件所使用的样式版本。(默认使用最新的样式版本) (4)sitemapLocation:用来指明sitemap.json的位置

4.新增页面
只需要在app.json -> pages 中新增页面的存放路径,小程序开发者会自动创建对应的页面文件 eg:输入 pages/list/list,表示在页面文件夹中,创建一个list目录,在list目录中有一个list页面 注意:app.json->pages中的第一个页面为首页
 

 

...全文

相关推荐

微信小程序开发入门教程.pdf

。

若♡

微信小程序入门指南.pdf

微信小程序入门指南.pdf 个人收集电子书,仅用学习使用,不可用于商业用途,如有版权问题,请联系删除!

我怀念De

微信小程序源码入门4个.zip

几个入门开发的微信小程序例程,适合新手入门的学习,实现对微信小程序开发的基础入门学习。几个例子也很实用,可以用来装逼先

子偲偲

微信小程序初使心得【微信小程序快速入门】

2016年推出微信小程序,时至今日,历经几个版本的更新,已形成了相对实用和稳定的服务平台。本文简单的介绍了微信小程序的入门用法,今后会继续关注和实践。 2017年,春节刚过,想来,已经过了三四个工作日。接下来,期待的莫过于,十五的元宵。 近日,在工作闲暇之余,阅读了一些关于微信小程序的文章,忍不住,想动手试他一试。本文就以“我的第一个微信小程序”为例,简单的介绍下,微信小程序的入门级用法。 开发微信小程序前期,我们需要做以下几项准备工作: 1.、注册和认证一个微信小程序账号,注册后,腾讯审核很及时,我的是当天过的。 2、“工欲善其事,必先利其器。”,接着,我们需要下载一个微信开发者工具。相关下

weixin_38642864

微信小程序从入门到放弃

深入浅出,讲诉微信小程序的入门及深入,想了解的小伙伴可以看看,不是什么博大精深的东西

retry
评论 1
收藏 已收藏
分享
返回顶部