小程序登录界面样式开发实例

　　

       大多app都有欢迎界面，那么小程序开发是否也可以设计一个登录欢迎界面，下面为大家介绍小程序登录界面样式开发实例：
 

　　index.wxml

　　index.js

　　js文件里Page里的data就类似与react中的state的机制，

　　之后在js文件中想要调用data里的数据就必须才才用this.data.XXX;

　　但是在wxml中想要绑定data里的数据，就才用双括号的方法，而且!不需要!this.data。直接就是{{XXX}}。

　　在回到代码里看，wxml中主要就是两个input框和一个button。通过小程序input的原生API - bindInput (文档：小程序input)，就可以获取input的值，

　　然后在data里定义两个(userName和userPassword)来存取这两个input的输入值。

　　再通过button的 bindTap绑定js文件中的logIn函数。

　　在logIn函数中，就通过this.data.userName和this.data.userPassword来获取曾经输入的两个值。

　　在通过调用微信的发送请求API，把两个值放在请求中，这就有点像ajax发送请求了。

　　再在success中写下成功之后想要做的事情，比如这个例子里，就跳转到welcome页面。

小程序工具提供多类型商城/门店小程序制作，可视化编辑 1秒生成5步上线。通过拖拽、拼接模块布局小程序商城页面，所看即所得，只需要美工就能做出精美商城。