微信小程序开发工具使用教程 微信小程序开发工具怎么用
作者:佚名 来源:绿茶手机网 发布时间:2016-09-26

  微信小程序开发工具使用教程来啦!很多网友还不会使用微信小程序的开发工具,那么微信小程序开发工具怎么用呢?下文小乐哥给大家介绍一下!

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

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

  1、点击创建新APP;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[page]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  注意事项:

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

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

合集推荐

梦幻西游手游更多>>

绿茶梦幻西游手游下载合集专区提供梦幻西游手游、梦幻西游口袋版、梦幻西游手机版下载。我们还为大家准备了梦幻西游手游辅助、梦幻西游手游修改器等外挂下载可以帮助大家刷梦幻币、刷钱、修改、刷副本等。梦幻西游从...

相关阅读
共有0位网友发表了评论 网友评论
(请文明发言!)