1.页面注册 既然我们希望跳转到新的页面,那自然要新建页面相关的文件才行.在开篇已经讲过,一个小程序页面由四个文件组成,假如我们的页面名为welcome,那么这四个文件则是: welcome.js welcome.json welcome.wxml welcome.wxss   另外需要注意的是,json文件中至少包含空的结构体 { },而js文件中最好包含空的Page({ })方法,否则会编译出错(新版的IDE中对于空的js文件好像已经不再报错,不过还是建议加上)       新建页面到这里就…

页面Page是object Page({  data:{    String1  },  onLoad:function(options){    // 生命周期函数--监听页面加载 一个页面只会调用一次. 接收页面参数可以获取wx.navigateTo和wx.redirectTo及<navigator/>中的 query. String2  },  onReady:function(){    // 生命周期函数--监听页面初次渲染完成 一个页面只会调用一次,代表页面已经准备妥当,可以和视图…

微信小程序开发 --02 微信小程序在开发中,难度系数不是很大,其中应用的技术也是web开发中常用的技术,虽然在微信开发者工具中的叫法与常见的web开发的叫法不太一样. 首先,在微信小程序开发中,代码文件格式大体有以下四中: .wxml .wxss .js .json 首先,wxml后缀的文件类似于html和xml的结合,例如在html中常用的div在微信小程序开发中被替换成了view,而在html中输出文本用的p标签被替换成了text标签,引入图像由html中的img 标签变成了image标签…

app下的app.json文件是全局配置. app下的每一个page中,也可以配置.json文件. page中配置的内容是对应app中window配置项下的内容. page中的配置将覆盖window中的全局配置,形成自己page的个性样式. [微信小程序开发]全局配置 End…

现在我们已经学会使用工具了,再来了解,测试一下微信小程序的常用组件,所谓组件,就是微信团队已经开发好的一些常用标签,我们只需要掌握用法就可以了,当然,以后学得深入了,也可以开发自己的组件,让其他人使用,这是程序员的更高层境界.好了,闲言少叙,进入正题. 微信小程序组件开发文档:https://developers.weixin.qq.com/miniprogram/dev/component/,各位可以参考这个文档,来快速学习. 一.text 显示文本组件,在index.wxml中键入如下代码…

一.前言 因为小程序的api描述都比较简单,并没有wxml及wxss的描述,一定会想小程序有没有一个UI库,类似于前端中的Bootstrap,MD,Semantic UI这样的框架UI库.有的,它就是WeUI. WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一.包含button.cell.dialog. progress. toast.article.actionsheet.icon等各式元素. 它的界面如图: 二.…

js代码: Page({ data:{ upploadimagelist:{},    //上报图片列表 js数组 }}) 后台数据库保存的格式:{"imageList":[{"fileUrl":"http://218.87.254.137:7999/uploads/20170528/48e11aa9-88ef-449e-b617-513c83a09f40.jpg"},{"fileUrl":"http://218.8…

接口: wx.navigateTo({url:......})   保留当前页面,跳转到应用内指定URL页面,导航栏左上角有返回按钮 wx.redirecTo({url:.....})       关闭当前页面,跳转到应用内指定URL页面,导航栏左上角没有返回按钮 以上两个接口都可以在url里面拼接参数传递到跳转的目的界面      如url:‘../../index?参数名(parmer)'+parmer 目的界面在onLoad方法里面获取如onLoad:function(option){ /…

js:Page( { data:{ parmer:"",             //字符串参数 userinfo:{      userphone:"",      headimage:"../../../../../../image/个人中心/个人中心_07.png",      username:"半世浮沉"    }                       //对象参数 } }) wxml: <image …

一.微信小程序开发--页面文件组成 [page.name].js 页面逻辑文件,用于创建页面对象,以及处理页面生命周期控制和数据处理 [page.name].wxml wxml指的是Wei Xin Markup Language 用于定义页面元素结构的.  语法遵循XML语法,不是HTML语法 [page.name].json  (可选) 设置当前页面的Window的配置,此处会覆盖app.json中的window设置,也就是说,只可以设置window中设置的属性. [page.name].wx…