小程序开发教程.doc

《小程序开发教程.doc》由会员分享，可在线阅读，更多相关《小程序开发教程.doc（4页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、微信小程序开发教程代码版与简易版起步根底，注册小程序帐号之后，需要安装开发工具，然后在官方开发工具里面输入代码制作。根底代码构成：JSON 配置：我们可以看到在工程的根目录有一个 app.json 与 project.config.json，此外在 pages/logs 目录下还有一个 logs.json，我们依次来说明一下他们的用途。小程序配置 app.json，app.json 是对当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等WXML 模板：从事过网页编程的人知道，网页编程采用的是 HTML + CSS + JS 这样的组合，其中 HTML 是

2、用来描述当前这个页面的构造，CSS 用来描述页面的样子，JS 通常是用来处理这个页面与用户的交互。WXSS 样式：WXSS 具有 CSS 大局部的特性，小程序在 WXSS 也做了一些扩大与修改。新增了尺寸单位。在写 CSS 样式时，开发者需要考虑到手机设备的屏幕会有不同的宽度与设备像素比，采用一些技巧来换算一些像素单位。WXSS 在底层支持新的尺寸单位 rpx ，开发者可以免去换算的烦恼，只要交给小程序底层来换算即可，由于换算采用的浮点数运算，所以运算结果会与预期结果有一点点偏差。提供了全局的样式与局部样式。与前边 app.json, page.json 的概念一样，你可以写一个 app.wx

3、ss 作为全局样式，会作用于当前小程序的所有页面，局部页面样式 page.wxss 仅对当前页面生效。此外 WXSS 仅支持局部 CSS 选择器JS 交互逻辑：一个效劳仅仅只有界面展示是不够的，还需要与用户做交互：响应用户的点击、获取用户的位置等等。在小程序里边，我们就通过编写 JS 脚本文件来处理用户的操作。如何三分钟快速制作小程序搜索-进入官网-一键生成闪云科技小程序可视化制作工具的装修界面，可以清晰的看到左边有“页面、组件、模块、模版等功能。中间是可视化设计界面，右边是设置。1、组件组件功能里面可以添加文字、图片、视频、文章与与商品列表等元素，都可以自定义样式，大小，边框、背景、颜色、阴

4、影，圆角，透明度效果等等功能，还有幻灯轮播效果。2、模块模块库里有适应全行业场景现成的组件模块，幻灯轮播类、导航栏目类、商品展示类、图文展示类、纯文字类、创意图文类、元素图标类、商品列表，精巧标题类等等，用户可以一键添加模块布局页面，组件内容均可自定义，无需重新设计排版，模块组件多，适应性高，拖一拖拽一拽，即可完成，自由组合搭配，真正做到千人千店。3、模板模板库里有适应全行业场景现成的模板，用户可以一键添加使用布局页面，模板上的内容均可自定义，都可重新设计排版自定义，模板多，适应性高，一键生成，制作小程序就是，快人一步。如果使用模板功能，一键生成制作使用，三分钟都不到就制作一个小程序。第 4 页