1、相对于之前的WEB+PHP建站，我个人的理解是小程序只把web放在微信端，使用小程序固定格式的前端进行布局、事件触发、数据传输和阅读。 服务器端可以用任何后端语言编写，但所有数据必须以JSON的形式返回给小程序。

2、拿个人信息提交表来写这个简单的例子。

3.目录图

js文件是一个逻辑控制，主要是发送请求和接收数据。

json 用于此页面的本地配置并覆盖全局 app.json 配置。

wxss 用于页面样式，

wxml是页面，相当于html

4. 暂时忽略和json文件，我们来回顾一下表单提交

5.Wxml文件代码

6.需要理解的几个关键点

A.Form表单需要绑定一个事件。 在小程序中，属性是，

=”” 这里的属性值可以命名为任何符合规范的值，相当于前面HTML中的ο=”()”。 它是一个函数名称。 该函数事件在提交时触发。 这个函数是用js写的。 。

B.其他属性与前面的HTML类似。 注意表单必须有name=""，后端处理和之前一样。 例如name="" PHP 可以使用$[''] 来接收。

C、由于小程序没有这个按钮，所以每个表单中必须有一个提交按钮。

提交，这个按钮用来开启提交事件。

7..js代码

//.js

//获取应用实例

应用程序 = ()

页（{

数据： {

},

: (e) {

//.log(e..);

if (e.... == 0 || e...>= 8) {

wx.({

: '名称不能为空或太长！',

图标： ''，

: 1500

})

( () {

wx.()

}，2000）

} 否则如果 (e...== 0) {

wx.({

: '性别不能为空！',

图标： ''，

: 1500

})

( () {

wx.()

}，2000）

} 否则如果 (e...== 0) {

wx.({

: '爱好不能为空！',

图标： ''，

: 1500

})

( () {

wx.()

}，2000）

} 别的 {

wx.({

网址: '#39;,

：{

“-类型”：“/x-www-form-”

},

： “邮政”，

数据：{：e...，：e...，：e...}，

：（资源）{

.log(res.data);

if (res.data.== 0) {

wx.({

: '提交失败！ ！ ！ ',

图标： ''，

: 1500

})

} 别的 {

wx.({

: '提交成功！ ！ ！ ',//这里打印出登录成功

图标： ''，

: 1000

})

})

},

})

8. 需要注意的是

Page() 是一个必须具备的方法。 里面放了一个js对象，用来显示页面加载时的效果。

data: {}，数据对象，设置页面中的数据。 前端可以通过读取这个对象中的数据来显示。

：小程序中的方法都是方法名：()，其中可以传入一个参数作为当前触发时间

对象下面是函数的执行。 由于验证的太多，我只摘一部分来了解一下。

if (e.... == 0 || e...>= 8) {

wx.({

: '名称不能为空或太长！',

图标： ''，

: 1500

})

( () {

wx.()

}，2000）

这里的 e 是当前触发事件的对象，类似于 html ο="foo(this)" this 对象。 小程序封装了很多内置的调用方法。

e...是当前对象的name=""的对象的值，e....就是这个

的长度类似于JS中的弹出框。 就是弹出框中显示的信息。 icon是弹出框的图标状态。 现在

只有两种状态： 和 。 是弹出框显示在屏幕上的时间。

9.重点来了

wx.({

网址: '#39;,

：{

“-类型”：“/x-www-form-”

},

： “邮政”，

数据：{：e...，：e...，：e...}，

：（资源）{

.log(res.data);

if (res.data.== 0) {

wx.({

: '提交失败！ ！ ！ ',

图标： ''，

: 1500

})

} 别的 {

wx.({

: '提交成功！ ！ ！ ',//这里打印出登录成功

图标： ''，

: 1000

})

})

wx.({})是一个发起请求的小程序。 请注意，http 不起作用。

这里

A.url 是您请求的 URL。 比如在前端，POST形式='.php'，其中.php是相对路径，小程序

请求的 URL 必须是绝对网络路径。 例如：

B.

：{

“-类型”：“/x-www-form-”

},

由于POST和GET传输数据的方式不同，POST必须

“-类型”：“/x-www-form-”

GET 可以是 '': '/json'

C. 请务必指定：“POST”。 默认为“GET”，保持大写字母。

数据：{：e...，：e...，：e...}，

这里的数据是POST到服务器的数据，以{name:}的形式传输

D、成功回调函数

：（资源）{

// .log(res.data);

if (res.data.== 0) {

wx.({

: '提交失败！ ！ ！ ',

图标： ''，

: 1500

})

} 别的 {

wx.({

: '提交成功！ ！ ！ ',

图标： ''，

: 1000

})

E.:()是请求状态成功时触发的事件，即为200时触发的事件。注意，请求成功并不代表操作成功。 要求只是这样

从程序到服务器的线路已连接。

F。

if (res.data.== 0) {

wx.({

: '提交失败！ ！ ！ ',

图标： ''，

: 1500

})

数据库表如下：

form.php文件很简单我就不拿出来了~~

最好还是炫耀一下。 。 。

ID 姓名 性别 兴趣爱好