有问题加微信咨询:zhishidaquan6

大家都在看

首页 > 电脑基础 > 电脑使用技巧 > INTRODUCE

微信小程序开发工具怎么用

2016-09-27 20:43 作者:电脑知识大全 来源:diannaodiy.net 浏览:

    9月21日,微信小程序正式开启内测。在微信生态下,触手可及、用完即走的微信小程序引起广泛关注。近日,腾讯云正式上线微信小程序解决方案,提供小程序在云端服务器的技术方案。下面小编就来介绍下微信小程序开发工具怎么用

微信小程序开发工具使用教程:

  登陆微页官网,点击首页webapp即可开始进行制作。

  1、点击创建新APP;

  2、选择空模板,自由创作;

  3、选择主题模板,更快速的创作出炫丽的应用号;

微信小程序开发工具使用教程 微信小程序开发工具怎么用

微信小程序开发工具使用教程 微信小程序开发工具怎么用1

  选择模板后,填写相关信息,点击开始制作进入制作界面

微信小程序开发工具使用教程 微信小程序开发工具怎么用2

微信小程序开发工具使用教程 微信小程序开发工具怎么用3

  鼠标单击素材,可设置相应的组件内容及样式,同时可以撤销,返回及预览

微信小程序开发工具使用教程 微信小程序开发工具怎么用4

  点击组件库--基础组件--布局;里面的5个布局组件可以布局整个APP界面

  1、双栏组件:用于布局,双栏分为两部分,默认每栏占50%,可调整占宽百分比,可往栏里拖部分基础组件

  2、面板组件:可往面板拖部分组件,以此将拖进的组件分区域管理

  3、顶部导航组件:固定于页面顶部的导航

  4、底部导航组件:固定于页面底部的导航,导航项有图文和纯文字两种模式

微信小程序开发工具使用教程 微信小程序开发工具怎么用5

 

点击组件库--基础组件--基本和组合;里面的10个基础组件和组合组件可以随意填充您需要的内容在整个应用界面中

微信小程序开发工具使用教程 微信小程序开发工具怎么用6

  点击组件库--基础组件--基本和组合;里面的6个高级组件用于动态页面,绑定数据,提交数据等

  1、动态列表组件:自定义的动态列表,当前编辑的是列表每一项的内容和样式,可往里拖部分组件,其中文本组件和图片组件可以绑定相应的数据对象字段(填充相应动态数据),若有计数组件会自动与列表项关联

  2、动态容器组件:动态容器只能用于动态页,即所在页面绑定了数据对象。可往里拖部分组件,其中文本组件和图片组件可以绑定相应的数据对象字段(填充相应动态数据),若有计数组件会自动与动态容器关联

  3、自定义表单组件:其它动态组件用于接收动态数据,自定义表单用于提交动态数据,其中自定义表单特有的六个组件都可以绑定相应的数据对象字段,按钮组件可以设置为提交表单的按钮

  4、个人中心组件:个人中心组件登陆后显示用户的头像和昵称,否则提示登录,点击可修改用户的基本信息

微信小程序开发工具使用教程 微信小程序开发工具怎么用7

  布局和组件制作完毕后,点击展示界面右侧的三角形按钮预览,确认手机型号,扫描二维码在手机观看。并调整做好适配之后即可。

微信小程序开发工具使用教程 微信小程序开发工具怎么用8

  制作完成并预览确定之后--点击保存并发布;

  若是制作过程中想要找回之前的版本,只需要去历史记录中回复既可。

  后台管理--可以完成数据统计,用户管理等,并且绑定微信后,可以实时回复。

微信小程序开发工具使用教程 微信小程序开发工具怎么用9

微信小程序开发工具使用教程 微信小程序开发工具怎么用10

  内部测试,不断完善。应用号开放之后,接入即可。

  注意事项:

  关于层叠关系:点击主编辑区的组件,可以修改组件间的层叠关系。

  关于保存:建议每创建完成一个组件后,点击右上角的保存,保存一次。



(责任编辑:电脑知识大全)
------分隔线----------------------------
特别说明

◎ 广告赞助

◎ 阅读说明READ EXPLANATION

⊙电脑知识大全是一个专注电脑知识分享的开放平台!
⊙请记住我们的域名diannaodiy.net
⊙转载请注明出处,电脑知识大全diannaodiy.net
⊙如果遇到什么问题,请到本站留言板留言,我们会及时处理的!