小程序开发教程.doc

《小程序开发教程.doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

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.wxss作为全

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

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

5、能，一键生成制作使用，三分钟都不到就制作一个小程序。