1.\u4ee5\u6536\u8d27\u5730\u5740\u7684\u589e\u5220\u6539\u67e5\u4e3a\u4f8b<\/p>\n
2.\u6587\u4ef6\u76ee\u5f55<\/p>\n
![\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e4b\u589e\u3001\u5220\u3001\u6539\u3001\u67e5\u64cd\u4f5c\u7684\u4ee3\u7801\u5b9e\u73b0\u63d2\u56fe\"](\"https:\/\/img.php.cn\/upload\/article\/000\/000\/009\/aef37b926fa159fc74de139b2a90a540-0.png\" "\\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e4b\u589e\u3001\u5220\u3001\u6539\u3001\u67e5\u64cd\u4f5c\u7684\u4ee3\u7801\u5b9e\u73b0\u63d2\u56fe\\"")
<\/p>\n
- \n
- \n
js\u6587\u4ef6\u662f\u903b\u8f91\u63a7\u5236\uff0c\u4e3b\u8981\u662f\u5b83\u53d1\u9001\u8bf7\u6c42\u548c\u63a5\u6536\u6570\u636e\uff0c<\/p>\n<\/li>\n
- \n
json \u7528\u4e8e\u6b64\u9875\u9762\u5c40\u90e8 \u914d\u7f6e\u5e76\u4e14\u8986\u76d6\u5168\u5c40app.json\u914d\u7f6e\uff0c<\/p>\n<\/li>\n
- \n
wxss\u7528\u4e8e\u9875\u9762\u7684\u6837\u5f0f\u8bbe\u7f6e\uff0c<\/p>\n<\/li>\n
- \n
wxml\u5c31\u662f\u9875\u9762\uff0c\u76f8\u5f53\u4e8ehtml<\/p>\n<\/li>\n<\/ol>\n
<\/pre>\n
\u767b\u5f55\u540e\u590d\u5236 \u767b\u5f55\u540e\u590d\u5236 \u6536\u8d27\u4eba\u4fe1\u606f \u59d3\u540d \u7535\u8bdd \u5730\u5740 \u9001\u8d27\u65f6\u95f4 \u6536\u8d27\u5730\u5740\u4fe1\u606f <view><view><image><\/image><view><view><text>\u6536\u8d27\u5730\u5740{{item.address}}<\/text><text>1km<\/text><\/view><view>\u6536\u8d27\u4eba{{item.name}}<\/view><view>\u6536\u8d27\u4eba\u7535\u8bdd{{item.mobile}}<\/view><view>\u5220\u9664<\/view><view>\u7f16\u8f91<\/view><\/view><\/view><\/view> \u4fdd\u5b58 <\/p>\n
\u524d\u7aef\u9875\u9762\u4e3b\u8981\u5c55\u793a\u4e00\u4e2a\u8868\u5355\u548c\u5df2\u6709\u6536\u8d27\u4eba\u4fe1\u606f<\/p>\n
1.\u5176\u4e2d\u51e0\u4e2a\u5173\u952e\u70b9\u9700\u8981\u7406\u89e3<\/p>\n
a.Form\u8868\u5355\uff0c\u9700\u8981\u7ed1\u5b9a\u4e00\u4e2asubmit\u4e8b\u4ef6\uff0c\u5728\u5c0f\u7a0b\u5e8f\u4e2d\uff0c\u5c5e\u6027\u4e3abindsubmit,<\/p>\n
bindsubmit=\u201dformSubmit\u201d<\/span> \u8fd9\u91cc\u7684\u5c5e\u6027\u503cformSubmit\uff0c\u547d\u540d\u53ef\u4ee5\u4e3a\u7b26\u5408\u89c4\u8303\u7684\u4efb\u610f\u503c\uff0c\u76f8\u5f53\u4e8e\u4ee5\u524dhtml\u4e2d\u7684 onsubmit=\u201dformSubmit()\u201d,<\/span>\u662f\u4e00\u4e2a\u51fd\u6570\u540d\uff0c\u5f53\u63d0\u4ea4\u7684\u65f6\u5019\u89e6\u53d1formSubmit\u8fd9\u4e2a\u51fd\u6570\u4e8b\u4ef6\uff0c\u8fd9\u4e2a\u51fd\u6570\u5199\u5728js\u4e2d\u3002<\/p>\n
b.\u5176\u4ed6\u7684\u5c5e\u6027\u548c\u4e4b\u524d\u7684HTML\u5dee\u4e0d\u591a\uff0c\u6ce8\u610f\u7684\u662f\uff0c\u8868\u5355\u4e00\u5b9a\u8981\u6709name=\u201cvalue\u201d\uff0c\u540e\u7aef\u5904\u7406\u548c\u4ee5\u524d\u4e00\u6837\uff0c\u6bd4\u5982name=\u201dusername\u201d PHP\u53ef\u4ee5\u7528 $_POST[\u2018username’]\u6765\u63a5\u6536\u3002<\/p>\n
c.\u7531\u4e8e\u5c0f\u7a0b\u5e8f\u6ca1\u6709input submit\u8fd9\u4e2a\u6309\u94ae\uff0c\u6240\u4ee5\u5728\u6bcf\u4e2aform\u8868\u5355\u4e2d\u90fd\u8981\u6709\u4e00\u4e2a\u63d0\u4ea4\u6309\u94ae\uff0c<\/p>\n
\u6ce8\u518c\uff0c\u8fd9\u4e2a\u6309\u94ae\u5c31\u662f\u7528\u6765\u5f00\u542f\u63d0\u4ea4\u4e8b\u4ef6\u7684\u3002<\/p>\n
\u81f3\u4e8e\u5faa\u73af\uff0c\u62c6\u5f00\u89e3<\/p>\n
d.\u5c0f\u7a0b\u5e8f\u7ed9\u6211\u4eec\u4e00\u4e2a\u5c01\u88c5\u597d\u7684\u65b9\u6cd5onLoad: function()\uff0c\u5f53\u9875\u9762\u52a0\u8f7d\u7684\u65f6\u5019\uff0c\u8c03\u7528\u8fd9\u4e2a\u65b9\u6cd5\u3002<\/p>\n<\/p>\n
var app = getApp()\n\nPage({\n\ndata:{},\n\n onLoad: function() {\n\n var that = this;\n\n \/\/\u6536\u8d27\u5730\u5740\u9996\u9875\n\n wx.request({\n\n \/\/\u7f3a\u5c11\u7528\u6237\u552f\u4e00\u6807\u8bc6\uff0c\u73b0\u5728\u7684\u5728\u670d\u52a1\u5668\u7684\u63a7\u5236\u5668\u91cc\u6709\u4e00\u4e2a\u5047id = 2\n\n url: 'https:\/\/shop.yunapply.com\/home\/shipping\/index',\n\n method: 'GET',\n\n data: {},\n\n header: {\n\n 'Accept': 'application\/json'\n\n },\n\n success: function(res) {\n\n that.setData({\n\n \"addressInfo\": res.data.info,\n\n })\n\n console.log(res.data.info);\n\n },\n\n fail:function(){\n\n wx.showToast({\n\n title: '\u670d\u52a1\u5668\u7f51\u7edc\u9519\u8bef!',\n\n icon: 'loading',\n\n duration: 1500\n\n })\n\n }\n\n })\n\n }\n\n})<\/pre>\n\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u67e5<\/strong><\/p>\n
\u6536\u8d27\u5730\u5740\u7684\u9996\u9875\uff0c\u7528\u4e8e\u62c9\u53d6\u5f53\u524d\u7528\u6237\u5df2\u6709\u7684\u6536\u8d27\u5730\u5740<\/p>\n<\/p>\n
var that = this;<\/pre>\n
\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u4e0d\u77e5\u9053\u4e3a\u4ec0\u4e48\u8981\u8fd9\u6837\u505a\uff0c\u53ef\u80fd\u662f\u4e3a\u4e86\u907f\u514dthis \u51b2\u7a81\u6216\u8005\u8bed\u610f\u4e0d\u660e\u786e\uff0c\u5c06\u5f53\u524d\u7684\u5bf9\u8c61\uff0c\u8d4b\u503c\u7ed9\u53d8\u91cfthat<\/p>\n
wx.request({})\u53d1\u8d77https\u8bf7\u6c42<\/p>\n
url: ‘https:\/\/shop.com\/home\/shipping\/index’,\u6240\u9700\u8981\u8bf7\u6c42\u7684\u7f51\u5740\u63a5\u53e3<\/p>\n
method: ‘GET’,\u8bf7\u6c42\u7684\u65b9\u5f0f\uff0c\u9ed8\u8ba4\u662fGET\uff0c\u5f53\u65f6POST\u7684\u65f6\u5019\uff0c\u5fc5\u987b\u58f0\u660e<\/p>\n
data: {},\u53d1\u9001\u7684\u8bf7\u6c42\u7684\u6570\u636e<\/p>\n
header: {},\u53d1\u9001\u7684\u5934\u4fe1\u606f\uff0c<\/p>\n
GET\u65b9\u5f0f\u7684\u5934\u4fe1\u606f\u4e3a\uff1a’Accept’: ‘application\/json’<\/p>\n
POST\u65b9\u5f0f\u7684\u5934\u4fe1\u606f\u4e3a\uff1a”Content-Type”: “application\/x-www-form-urlencoded” <\/p>\n
success:function() \u8bf7\u6c42\u6210\u529f\u8c03\u7528\u7684\u65b9\u6cd5<\/p>\n
Fail:function() \u8bf7\u6c42\u5931\u8d25\u8c03\u7528\u7684\u65b9\u6cd5<\/p>\n<\/p>\n
success: function(res) {\n\n that.setData({\n\n \"addressInfo\": res.data.info,\n\n })\n\n },<\/pre>\n\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
res\u4e3a\u8c03\u7528\u6210\u529f\u4ee5\u540e\u670d\u52a1\u5668\u7aef\u8fd4\u56de\u7684\u6570\u636e\uff0c<\/p>\n
that.setData({“addressInfo”: res.data.info,}) \u6dfb\u52a0\u6570\u636e\u5230\u5f53\u524d\u9875\u9762\u7684data\u5bf9\u8c61\uff0c\u952e\u540d\u4e3aaddressInfo,\u952e\u503c\u662f\u8fd4\u56de\u7684\u6570\u636e\uff0c\u6211\u9700\u8981\u7684\u662fres\u7684data\u5bf9\u8c61\u7684info\u5bf9\u8c61\u7684\u6240\u6709\u4fe1\u606f<\/p>\n<\/p>\n
fail:function(){\n\n wx.showToast({\n\n title: '\u670d\u52a1\u5668\u7f51\u7edc\u9519\u8bef!',\n\n icon: 'loading',\n\n duration: 1500\n\n })\n\n }<\/pre>\n\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u7f51\u7edc\u8bf7\u6c42\u5931\u8d25\u8c03\u7528\u7684\u65b9\u6cd5<\/p>\n
showToast\u7c7b\u4f3c\u4e8eJS\u4e2d\u7684alert\uff0c\u5f39\u51fa\u6846\uff0ctitle \u662f\u5f39\u51fa\u6846\u7684\u663e\u793a\u7684\u4fe1\u606f\uff0cicon\u662f\u5f39\u51fa\u6846\u7684\u56fe\u6807\u72b6\u6001\uff0c\u76ee\u524d\u53ea\u6709loading \u548csuccess\u8fd9\u4e24\u4e2a\u72b6\u6001\u3002duration\u662f\u5f39\u51fa\u6846\u5728\u5c4f\u5e55\u4e0a\u663e\u793a\u7684\u65f6\u95f4\u3002<\/p>\n
a.url\u662f\u4f60\u8bf7\u6c42\u7684\u7f51\u5740\uff0c\u6bd4\u5982\u4ee5\u524d\u5728\u524d\u7aef\uff0cPOST\u8868\u5355\u4e2daction=\u2018index.php’\uff0c\u8fd9\u91cc\u7684index.php\u662f\u76f8\u5bf9\u8def\u5f84\uff0c\u800c\u5c0f\u7a0b\u5e8f\u8bf7\u6c42\u7684\u7f51\u5740\u5fc5\u987b\u662f\u7f51\u7edc\u7edd\u5bf9\u8def\u5f84\u3002<\/p>\n
b.’https:\/\/shop.yunapply.com\/home\/shipping\/index’<\/span>,\u4ee5GET\u65b9\u5f0f\u8bf7\u6c42HOME\u6a21\u5757\u4e0b\u7684Shipping\u63a7\u5236\u4e0b\u7684index\u65b9\u6cd5<\/p>\n
c.\u5c06\u5f97\u5230\u7684\u503c\u6dfb\u52a0\u5230data\u91cc<\/p>\n
\u770bHOME\u6a21\u5757\u4e0b\u7684Shipping\u63a7\u5236\u4e0b\u7684index\u65b9\u6cd5<\/p>\n<\/p>\n
public function index()\n{\n \/\/$id \u4e3a\u7528\u6237\u540did \u7b49\u4ee5\u540e\u53ef\u4ee5\u901a\u8fc7token\u83b7\u53d6\u6216\u8005session(id)\u4ec0\u4e48\u7684\n $use_id = 2;\n $res = D('Shipping')->getAddress($use_id);\n if ($res == false){\n $this->error('\u6682\u65e0\u6536\u8d27\u5730\u5740','',true);\n }else{\n $this->success($res,'',true);\n }\n\n}<\/pre>\n\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u67e5\u770bShipping\u6a21\u578b\u4e2d\u7684getAddress()\u65b9\u6cd5<\/p>\n<\/p>\n
\/**\n * \u83b7\u53d6\u6536\u8d27\u5730\u5740\u4fe1\u606f\n * @param $id \u5f53\u524d\u7528\u6237id\n * @return \u5c5e\u4e8e\u7528\u6237\u7684\u6240\u6709\u5730\u5740\n *\/\npublic function getAddress($id)\n{\n $address_list = $this->where(array('user_id'=>$id))->select();\n if ($address_list == false){\n return false;\n }\n return $address_list;\n}<\/pre>\n\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u8fd9\u6837\u5c31\u6839\u636e\u7528\u6237\u662f\u5426\u6709\u5730\u5740\u8fd8\u8fd4\u56de\u76f8\u5e94\u7684JSON\u6570\u636e<\/p>\n
\u672c\u4f8b\u5b50\u7684JSON\u6570\u636e\u662f<\/p>\n<\/p>\n
{\"info\":[{\"id\":\"4\",\"user_id\":\"2\",\"name\":\"addTest\",\"mobile\":\"15162550544\",\"province\":\"\",\n\"city\":\"\",\"district\":\"\",\"address\":\"44563\",\"createtime\":\"2017-01-10 18:45:27\"\n,\"modifytime\":\"2017-01-10 18:45:27\",\"default\":\"0\"}],\"status\":1,\"url\":\"\"}<\/pre>\n\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u8bf7\u6c42\u6210\u529f\u4ee5\u540e\u5c31\u5c06JSON\u6dfb\u52a0\u5230data{}\u4e2d\uff0c\u5e76\u8bbe\u7f6e\u952e\u503c\u4e3aaddressInfo<\/p>\n
\u90a3\u4e48\u63a5\u4e0b\u6765\u5c31\u662f\u5c06\u8fd9\u4e9b\u4fe1\u606f\u5c55\u793a\u5728\u524d\u7aef\u9875\u9762\u4e0a<\/p>\n<\/p>\n
<view><view><image><\/image><view><view><text>\u6536\u8d27\u5730\u5740{{item.address}}<\/text><text>1km<\/text><\/view><view>\u6536\u8d27\u4eba{{item.name}}<\/view><view>\u6536\u8d27\u4eba\u7535\u8bdd{{item.mobile}}<\/view><view>\u5220\u9664<\/view><view>\u7f16\u8f91<\/view><\/view><\/view><\/view><\/pre>\n\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u63a7\u5236\u5c5e\u6027 wx:for \u7ed1\u5b9a\u4e00\u4e2a\u6570\u7ec4\uff0c\u5c31\u662fJS\u4e2d\u7684addressInfo\u8fd9\u4e2a\u6570\u7ec4\uff0c\u9ed8\u8ba4\u6570\u7ec4\u7684\u5f53\u524d\u9879\u7684\u4e0b\u6807\u53d8\u91cf\u540d\u9ed8\u8ba4\u4e3aindex\uff0c\u6570\u7ec4\u5f53\u524d\u9879\u7684\u53d8\u91cf\u540d\u9ed8\u8ba4\u4e3aitem \u3002\u53ef\u4ee5\u6839\u636e{{item.address}}\u3001{{item.name}}\u3001{{item.mobile}}\u3001{{item.id}}\u83b7\u53d6\u5230\u5f53\u524d\u6570\u636e\u7684\u5730\u5740\u3001\u6536\u8d27\u4eba\u3001\u7535\u8bdd\u548c\u8be5\u6761\u4fe1\u606f\u7684id<\/p>\n
\u5faa\u73af\u4e4b\u540e\u5c31\u53ef\u4ee5\u6309\u7167\u683c\u5f0f\u5c55\u793a\u6240\u6709\u5730\u5740\u4fe1\u606f\u4e86\uff0c\u76f8\u5f53\u4e8eTP\u6a21\u677f\u4e2d\u7684foreach<\/p>\n
\u5220<\/strong><\/p>\n
\u5728\u524d\u53f0\u6a21\u677f\u7684\u5faa\u73af\u6570\u636e\u91cc\u53ef\u4ee5\u770b\u5230\u8fd9\u6837\u4e00\u6761\u6807\u7b7e<\/p>\n<\/p>\n
event.currentTarget.dataset.deleteid;\u8868\u793a\u4e8b\u4ef6\u5bf9\u8c61\u7684\u76ee\u6807\u7684data-*\u7684\u503c<\/pre>\n
\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
bindtap\u5c5e\u6027\u662f\u5fae\u4fe1\u5728\u6a21\u677f\u9875\u4e2d\u7ed1\u5b9a\u70b9\u51fb\u4e8b\u4ef6\uff0cdeleteClick\u4e3a\u89e6\u53d1\u65f6\u95f4\u7684\u65b9\u6cd5\u540d<\/p>\n
\u5728index.js\u4e2d\uff0c\u5220\u9664\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n<\/p>\n
\/\/\u5220\u9664\u5730\u5740\n\n deleteClick:function(event){\n\n var id = event.currentTarget.dataset.deleteid;\n\n wx.request({\n\n url: 'https:\/\/shop.yunapply.com\/home\/shipping\/delAddress?id='+id,\n\n data: {},\n\n method: 'GET',\n\n success: function(res){\n\n if(res.data.status == 0){\n\n wx.showToast({\n\n title: res.data.info,\n\n icon: 'loading',\n\n duration: 1500\n\n })\n\n }else{\n\n wx.showToast({\n\n title: res.data.info,\n\n icon: 'success',\n\n duration: 1000\n\n })\n\n \/\/\u5220\u9664\u4e4b\u540e\u5e94\u8be5\u6709\u4e00\u4e2a\u5237\u65b0\u9875\u9762\u7684\u6548\u679c\uff0c\u7b49\u548c\u5176\u4ed6\u9875\u9762\u5237\u65b0\u8df3\u8f6c\u4e00\u8d77\u505a\n\n }\n\n },\n\n fail:function(){\n\n wx.showToast({\n\n title: '\u670d\u52a1\u5668\u7f51\u7edc\u9519\u8bef!',\n\n icon: 'loading',\n\n duration: 1500\n\n })\n\n }\n\n })\n\n }<\/pre>\n\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u70b9\u51fb\u524d\u7aef\u5220\u9664\u6309\u94ae\u7684\u65f6\u5019\uff0c\u89e6\u53d1deleteClick\u4e8b\u4ef6\uff0c\u53ef\u4ee5\u4f20\u5165\u4e00\u4e2a\u53c2\u6570\uff0c\u4ee3\u8868\u4e8b\u4ef6\u5bf9\u8c61\u3002<\/p>\n
event.currentTarget.dataset.deleteid;\u8868\u793a\u4e8b\u4ef6\u5bf9\u8c61\u7684\u76ee\u6807\u7684data-*\u7684\u503c<\/p>\n
\u7136\u540e\u901a\u8fc7GET\u65b9\u5f0f\u4f20\u5165url\uff0c\u5728\u670d\u52a1\u5668\u7aef\u5220\u9664\u529f\u80fd\u5982\u4e0b<\/p>\n<\/p>\n
public function delAddress($id)\n{\n $res = D('Shipping')->where(array('id'=>$id))->delete();\n if ($res){\n $this->success('\u5220\u9664\u6210\u529f','',true);\n }else{\n $this->error('\u5220\u9664\u5931\u8d25','',true);\n }\n}<\/pre>\n\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u6839\u636e\u8fd4\u56de\u7684JSON\u503c\u5c31\u53ef\u4ee5\u63d0\u793a\u5220\u9664\u6210\u529f\u4e0e\u5426<\/p>\n
\u589e\u3001\u6539<\/strong><\/p>\n
\u4e4b\u524d\u89c9\u5f97\u589e\u52a0\u548c\u4fee\u6539\u4f1a\u548c\u8868\u5355\u63d0\u4ea4\u4e00\u6837\u7b80\u5355\uff0c\u4f46\u662f\u505a\u4e86\u4e00\u4e9b\u8fd8\u662f\u89c9\u5f97\u4e0d\u4e00\u6837\uff0c\u597d\u597d\u5728\u5199\u4e00\u904d\u3002<\/p>\n
\u9996\u5148\u67e5\u770b\u524d\u53f0\u8868\u5355<\/p>\n<\/p>\n
<\/pre>\n
\u767b\u5f55\u540e\u590d\u5236 \u767b\u5f55\u540e\u590d\u5236 \u6536\u8d27\u4eba\u4fe1\u606f \u59d3\u540d \u7535\u8bdd \u5730\u5740
\n\u6536\u8d27\u5730\u5740{{item.address}} 1km \u6536\u8d27\u4eba{{item.name}} \u6536\u8d27\u4eba\u7535\u8bdd{{item.mobile}} \u5220\u9664 \u7f16\u8f91 \u4fdd\u5b58 <\/p>\n
a.Form\u8868\u5355\uff0c\u9700\u8981\u7ed1\u5b9a\u4e00\u4e2asubmit\u4e8b\u4ef6\uff0c\u5728\u5c0f\u7a0b\u5e8f\u4e2d\uff0c\u5c5e\u6027\u4e3abindsubmit,<\/p>\n
bindsubmit=\u201dformSubmit\u201d \u8fd9\u91cc\u7684\u5c5e\u6027\u503cformSubmit\uff0c\u547d\u540d\u53ef\u4ee5\u4e3a\u7b26\u5408\u89c4\u8303\u7684\u4efb\u610f\u503c\uff0c\u76f8\u5f53\u4e8e\u4ee5\u524dhtml\u4e2d\u7684 onsubmit=\u201dformSubmit()\u201d,\u662f\u4e00\u4e2a\u51fd\u6570\u540d\uff0c\u5f53\u63d0\u4ea4\u7684\u65f6\u5019\u89e6\u53d1formSubmit\u8fd9\u4e2a\u51fd\u6570\u4e8b\u4ef6\uff0c\u8fd9\u4e2a\u51fd\u6570\u5199\u5728js\u4e2d\u3002<\/p>\n
b.\u5176\u4ed6\u7684\u5c5e\u6027\u548c\u4e4b\u524d\u7684HTML\u5dee\u4e0d\u591a\uff0c\u6ce8\u610f\u7684\u662f\uff0c\u8868\u5355\u4e00\u5b9a\u8981\u6709name=\u201cvalue\u201d\uff0c\u540e\u7aef\u5904\u7406\u548c\u4ee5\u524d\u4e00\u6837\uff0c\u6bd4\u5982name=\u201dusername\u201d PHP\u53ef\u4ee5\u7528 $_POST[\u2018username’]\u6765\u63a5\u6536\u3002<\/p>\n
c.\u7531\u4e8e\u5c0f\u7a0b\u5e8f\u6ca1\u6709input submit\u8fd9\u4e2a\u6309\u94ae\uff0c\u6240\u4ee5\u5728\u6bcf\u4e2aform\u8868\u5355\u4e2d\u90fd\u8981\u6709\u4e00\u4e2a\u63d0\u4ea4\u6309\u94ae\uff0c<\/p>\n
\u6ce8\u518c\uff0c\u8fd9\u4e2a\u6309\u94ae\u5c31\u662f\u7528\u6765\u5f00\u542f\u63d0\u4ea4\u4e8b\u4ef6\u7684\u3002<\/p>\n
d.\u7531\u4e8e\u6dfb\u52a0\u5730\u5740\u548c\u7f16\u8f91\u5730\u5740\u90fd\u662f\u5728\u4e00\u4e2a\u9875\u9762\u7684\uff0c\u6240\u4ee5\u6211\u9700\u8981\u5728\u6bcf\u4e2a\u8868\u5355\u4e2d\uff0c\u52a0\u4e00\u4e2a\u9ed8\u8ba4\u503c\u53d8\u91cf\uff0c\u5f53\u70b9\u51fb\u4fee\u6539\u7684\u65f6\u5019\uff0c\u9ed8\u8ba4\u503c\u5c31\u663e\u793a\u5728\u8f93\u5165\u6846\u4e2d\u3002<\/p>\n
e.\u8868\u5355\u4e2d\u6709\u4e00\u4e2a\u7f16\u8f91\uff0c\u7ed1\u5b9a\u4e86\u4e8b\u4ef6editClick\uff0c\u5f53\u70b9\u51fb\u8fd9\u4e2a\u6309\u94ae\u7684\u65f6\u5019\uff0c\u5c31\u4f1a\u8fdb\u5165\u7f16\u8f91\u6a21\u5f0f<\/p>\n
\u6dfb\u52a0\u548c\u4fee\u6539\u7684\u653e\u5728\u4e00\u4e2a\u51fd\u6570\u91cc\u9762\uff0c\u4f46\u662f\u4fee\u6539\u6570\u636e\u7684\u663e\u793a\u662f\u53e6\u5916\u4e00\u4e2a\u51fd\u6570<\/p>\n
\u5148\u8bf4\u4fee\u6539\uff0c\u70b9\u70b9\u51fb\u7f16\u8f91\u7684\u65f6\u5019\uff0c\u89e6\u53d1editClick\u4e8b\u4ef6<\/p>\n
JS\u5982\u4e0b\uff1a<\/p>\n<\/p>\n
editClick:function(event){\n\n var that = this;\n\n var id = event.currentTarget.dataset.editid;\n\n wx.request({\n\n url: 'https:\/\/shop.yunapply.com\/home\/shipping\/edit?id='+id,\n\n data: {},\n\n method: 'GET',\n\n success: function(res){\n\n if(res.data.status == 0){\n\n wx.showToast({\n\n title: res.data.info,\n\n icon: 'loading',\n\n duration: 1500\n\n })\n\n }else{\n\n that.setData({\n\n \"addressEdit\": res.data.info,\n\n })\n\n }\n\n },\n\n fail:function(){\n\n wx.showToast({\n\n title: '\u670d\u52a1\u5668\u7f51\u7edc\u9519\u8bef!',\n\n icon: 'loading',\n\n duration: 1500\n\n })\n\n }\n\n })\n\n },<\/pre>\n\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u4e3a\u4e86\u66f4\u597d\u7406\u89e3\uff0c\u8d34\u4e2a\u56fe<\/p>\n
![\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e4b\u589e\u3001\u5220\u3001\u6539\u3001\u67e5\u64cd\u4f5c\u7684\u4ee3\u7801\u5b9e\u73b0\u63d2\u56fe1\"](\"https:\/\/img.php.cn\/upload\/article\/000\/000\/009\/6679756ea759c228d8fcafa5635f3832-1.png\" "\\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e4b\u589e\u3001\u5220\u3001\u6539\u3001\u67e5\u64cd\u4f5c\u7684\u4ee3\u7801\u5b9e\u73b0\u63d2\u56fe1\\"")
<\/p>\n\u6700\u4e0b\u9762\u6709\u4e00\u4e2a\u4fdd\u5b58\u6309\u94ae\uff0c\u5f53\u70b9\u51fb\u7f16\u8f91\u7684\u65f6\u5019\uff0c\u89e6\u53d1editClick:function(event),\u8fd9\u4e2aevent\u662f\u5f53\u524d\u89e6\u53d1\u4e8b\u4ef6\u7684\u5bf9\u8c61\uff0c<\/p>\n
var id = event.currentTarget.dataset.editid; \u5c31\u662f\u83b7\u53d6\u5f53\u524d\u4e8b\u4ef6\u5bf9\u8c61\u7684dataset\u4e2d\u7684editid\u7684\u503c\uff0c\u8fd9\u91ccid\u662f\u5f53\u524d\u5730\u5740\u7684id<\/p>\n
url: ‘https:\/\/shop.com\/home\/shipping\/edit?id=’+id<\/p>\n
Wx.request \u7684url\uff0c\u5c06id\u503c\u653e\u5728url\u4e0a\uff0c\u4f5c\u4e3aGET\u53c2\u6570\uff0c\u4f20\u9012\u5230\u670d\u52a1\u5668\u3002<\/p>\n
data: {},\u662f\u9700\u8981\u989d\u5916\u4f20\u9012\u7684\u6570\u636e<\/p>\n
method: ‘GET’, \u662f\u6570\u636e\u4f20\u9012\u65b9\u5f0f \u9ed8\u8ba4\u662f\u201cGET\u201d\uff0c\u4fdd\u6301\u5927\u5199<\/p>\n
data:{mobile:e.detail.value.mobile,password:e.detail.value.password},<\/p>\n
\u8fd9\u91cc\u7684data\u5c31\u662fPOST\u7ed9\u670d\u52a1\u5668\u7aef\u7684\u6570\u636e \u4ee5{name:value}\u7684\u5f62\u5f0f\u4f20\u9001<\/p>\n
success:function()\u662f\u8bf7\u6c42\u72b6\u6001\u6210\u529f\u89e6\u53d1\u662f\u4e8b\u4ef6\uff0c\u4e5f\u5c31\u662f200\u7684\u65f6\u5019\uff0c\u6ce8\u610f\uff0c\u8bf7\u6c42\u6210\u529f\u4e0d\u662f\u64cd\u4f5c\u6210\u529f\uff0c\u8bf7\u6c42\u53ea\u662f\u8fd9\u4e2a\u7a0b\u5e8f\u5230\u670d\u52a1\u5668\u7aef\u8fd9\u6761\u7ebf\u7684\u901a\u7684\u3002<\/p>\n
fail:function()\u5c31\u662f\u7f51\u7edc\u8bf7\u6c42\u4e0d\u6210\u529f\uff0c\u89e6\u53d1\u7684\u4e8b\u4ef6\u3002<\/p>\n
\u8fd9\u91cc\u7684\u4e00\u6bb5\u4ee3\u7801\u662f\u548cPHP\u540e\u7aef\u7a0b\u5e8f\u6709\u5173\u7cfb\u7684\uff0c\u5177\u4f53\u6d41\u7a0b\u662f\u8fd9\u6837\u7684\uff0c<\/p>\n
1.GET\u901a\u8fc7\u6570\u636e\u5230https:\/\/shop.com\/home\/Shipping\/edit\u8fd9\u4e2a\u63a5\u53e3\uff0c\u7528\u8fc7THINKPHP\u7684\u5c31\u4f1a\u77e5\u9053\u662fHOME\u6a21\u5757\u4e0b\u7684Shipping\u63a7\u5236\u4e0b\u7684edit\u65b9\u6cd5<\/strong><\/p>\n
2.\u540e\u7aefPHP\u4ee3\u7801\u5982\u4e0b\uff1a<\/strong><\/p>\n
\u63a7\u5236\u5668 ShippingController.class.php<\/p>\n<\/p>\n
public function edit($id)\n{\n $res = D('Shipping')->find($id);\n $this->success($res,'',true);\n}<\/pre>\n\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u4e5f\u5c31\u662f\u8bf4\u5c06\u8fd9\u6761\u6570\u636e\u53d6\u51fa\u6765\uff0c\u6ca1\u4ec0\u4e48\u597d\u8bf4\u7684\u3002<\/p>\n<\/p>\n
\n that.setData({\n\n \"addressEdit\": res.data.info,\n\n })\n\n }<\/pre>\n\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u8fd9\u91cc\u8bf7\u6c42\u6210\u529f\u4ee5\u540e\uff0c\u8c03\u7528\u5c0f\u7a0b\u5e8f setData\u65b9\u6cd5\uff0c\u5c06\u670d\u52a1\u5668\u7aef\u8fd4\u56de\u7684\u4fe1\u606f\u653e\u5230addressEdit[]\u4e2d\uff0c\u7136\u540e\u5728\u524d\u7aef\u9875\u9762\u8c03\u7528{{addressEdit.id}}\u3001{addressEdit.name}}\u3001{addressEdit.mobile}}\u3001{addressEdit.address}}\u5c06\u6570\u636e\u5c55\u793a\u51fa\u6765\uff0c\u8fd9\u5c31\u662f\u4fee\u6539\u65f6\u5019\u7684\u64cd\u4f5c\u3002<\/p>\n
\u63a5\u4e0b\u6765\u662f\u63d0\u4ea4\u8868\u5355\u7684\u64cd\u4f5c<\/p>\n
Js\u4ee3\u7801\u5982\u4e0b<\/p>\n<\/p>\n
addSubmit:function(e){\n\n if(e.detail.value.mobile.length==0||e.detail.value.name.length==0 ||e.detail.value.address.length==0){\n\n wx.showToast({\n\n title: '\u6536\u8d27\u4eba\u6240\u6709\u4fe1\u606f\u4e0d\u5f97\u4e3a\u7a7a!',\n\n icon: 'loading',\n\n duration: 1500\n\n })\n\n }else if(e.detail.value.mobile.length != 11){\n\n wx.showToast({\n\n title: '\u8bf7\u8f93\u516511\u4f4d\u624b\u673a\u53f7\u7801!',\n\n icon: 'loading',\n\n duration: 1500\n\n })\n\n }else{\n\n wx.request({ \n\n url: 'https:\/\/shop.yunapply.com\/home\/shipping\/save', \n\n header: { \n\n \"Content-Type\": \"application\/x-www-form-urlencoded\" \n\n },\n\n method: \"POST\",\n\n data:{id:e.detail.value.id,mobile:e.detail.value.mobile,name:e.detail.value.name,address:e.detail.value.address},\n\n success: function(res) {\n\n if(res.data.status == 0){\n\n wx.showToast({\n\n title: res.data.info,\n\n icon: 'loading',\n\n duration: 1500\n\n })\n\n }else{\n\n wx.showToast({\n\n title: res.data.info,\n\n icon: 'success',\n\n duration: 1000\n\n })\n\n setTimeout(function(){\n\n wx.navigateTo({\n\n url:'..\/address\/index'\n\n })\n\n },1000)\n\n }\n\n },\n\n fail:function(){\n\n wx.showToast({\n\n title: '\u670d\u52a1\u5668\u7f51\u7edc\u9519\u8bef!',\n\n icon: 'loading',\n\n duration: 1500\n\n })\n\n } \n\n })\n\n }\n\n }<\/pre>\n\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u5728\u524d\u7aef\u7684FORM\u8868\u5355\u4e2d\uff0c\u5f53\u70b9\u51fbformtype=\u201csubmit\u201d\u8fd9\u4e2a\u6309\u94ae\u7684\u65f6\u5019\uff0c\u89e6\u53d1addSubmit\u4e8b\u4ef6\uff0c\u524d\u9762\u7684if\u90fd\u662fJS\u9a8c\u8bc1\uff0c\u9632\u6b62\u7528\u6237\u4e0d\u586b\u5199\u4fe1\u606f\u3002<\/p>\n
1.\u5176\u4ed6\u7684request\u8bf7\u6c42\u5dee\u4e0d\u591a\uff0c\u627e\u51e0\u4e2a\u4e0d\u4e00\u6837\u7684<\/p>\n<\/p>\n
url: 'https:\/\/shop.yunapply.com\/home\/shipping\/save',<\/pre>\n
\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u8c03\u7528\u670d\u52a1\u5668\u7aef\u7684save\u65b9\u6cd5<\/p>\n<\/p>\n
\n header: { \n\n \"Content-Type\": \"application\/x-www-form-urlencoded\" \n\n },<\/pre>\n\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u7531\u4e8ePOST\u548cGET\u4f20\u9001\u6570\u636e\u7684\u65b9\u5f0f\u4e0d\u4e00\u6837\uff0cPOST\u7684header\u5fc5\u987b\u662f<\/p>\n<\/p>\n
\"Content-Type\": \"application\/x-www-form-urlencoded\"<\/pre>\n
\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
GET\u7684header\u53ef\u4ee5\u662f ‘Accept’: ‘application\/json’<\/p>\n<\/p>\n
\n data:{id:e.detail.value.id,mobile:e.detail.value.mobile,name:e.detail.value.name,address:e.detail.value.address},<\/pre>\n\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u8fd9\u91cc\u662f\u9700\u8981POST\u5230\u670d\u52a1\u5668\u7aef\u7684\u6570\u636e<\/p>\n
Save\u65b9\u6cd5\u4ee3\u7801<\/strong><\/p>\n<\/p>\n
public function save()\n{\n \/\/$user_id\n $user_id = 2;\n if (IS_POST){\n $shipping = D('Shipping');\n if (!$shipping->create()){\n $this->error($shipping->getError(),'',true);\n }else{\n if (is_numeric($_POST['id'])){\n if ($shipping->editAddress($_POST['id'])){\n $this->success('\u5730\u5740\u4fee\u6539\u6210\u529f','',true);\n }else{\n $this->error('\u5730\u5740\u4fee\u6539\u5931\u8d25','',true);\n }\n }else{\n if ($shipping->addAddress($user_id)){\n $this->success('\u6dfb\u52a0\u5730\u5740\u6210\u529f','',true);\n }else{\n $this->error('\u6dfb\u52a0\u5730\u5740\u5931\u8d25','',true);\n }\n }\n }\n }\n}<\/pre>\n\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u4ee5\u4e0a\u5c31\u662f\u672c\u6587\u7684\u5168\u90e8\u5185\u5bb9\uff0c\u5e0c\u671b\u5bf9\u5927\u5bb6\u7684\u5b66\u4e60\u6709\u6240\u5e2e\u52a9\uff0c\u66f4\u591a\u76f8\u5173\u5185\u5bb9\u8bf7\u5173\u6ce8PHP\u4e2d\u6587\u7f51\uff01<\/p>\n
\u76f8\u5173\u63a8\u8350\uff1a<\/p>\n
<\/p>\n
<\/p>\n<\/p>\n
<\/span><\/p>\n
\u4ee5\u4e0a\u5c31\u662f\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e4b\u589e\u3001\u5220\u3001\u6539\u3001\u67e5\u64cd\u4f5c\u7684\u4ee3\u7801\u5b9e\u73b0\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"
\u8fd9\u7bc7\u6587\u7ae0\u4e3b\u8981\u4ecb\u7ecd\u4e86\u5fae\u4fe1\u5c0f\u7a0b\u5e8f \u589e\u3001\u5220\u3001\u6539\u3001\u67e5\u64cd\u4f5c\u5b9e\u4f8b\u8be6\u89e3\u7684\u76f8\u5173\u8d44\u6599,\u8fd9\u91cc\u9644\u6709\u5b9e\u4f8b\u4ee3\u7801\uff0c\u9700\u8981\u7684\u670b\u53cb\u53ef\u4ee5\u53c2\u8003\u4e0b \u5fae\u4fe1\u5c0f\u7a0b\u5e8f \u589e\u3001\u5220\u3001\u6539\u3001\u67e5\u64cd\u4f5c\u5b9e\u4f8b\u8be6\u89e3 1.\u4ee5\u6536\u8d27\u5730\u5740\u7684\u589e\u5220\u6539\u67e5\u4e3a\u4f8b 2.\u6587\u4ef6\u76ee\u5f55 js\u6587\u4ef6\u662f\u903b\u8f91\u63a7\u5236\uff0c\u4e3b\u8981\u662f\u5b83\u53d1\u9001\u8bf7\u6c42\u548c\u63a5\u6536\u6570\u636e\uff0c json \u7528\u4e8e\u6b64\u9875\u9762\u5c40\u90e8 \u914d\u7f6e\u5e76\u4e14\u8986\u76d6\u5168\u5c40app.json\u914d\u7f6e\uff0c wxss\u7528\u4e8e\u9875\u9762\u7684\u6837\u5f0f\u8bbe\u7f6e\uff0c wxml\u5c31\u662f\u9875\u9762\uff0c\u76f8\u5f53\u4e8ehtml \u767b\u5f55\u540e\u590d\u5236 \u767b\u5f55\u540e\u590d\u5236 \u6536\u8d27\u4eba\u4fe1\u606f \u59d3\u540d \u7535\u8bdd \u5730\u5740 \u9001\u8d27\u65f6\u95f4 \u6536\u8d27\u5730\u5740\u4fe1\u606f <view><view><image><\/image><view><view><text>\u6536\u8d27\u5730\u5740{{item.address}}<\/text><text>1km<\/text><\/view><view>\u6536\u8d27\u4eba{{item.name}}<\/view><view>\u6536\u8d27\u4eba\u7535\u8bdd{{item.mobile}}<\/view><view>\u5220\u9664<\/view><view>\u7f16\u8f91<\/view><\/view><\/view><\/view> \u4fdd\u5b58 \u524d\u7aef\u9875\u9762\u4e3b\u8981\u5c55\u793a\u4e00\u4e2a\u8868\u5355\u548c\u5df2\u6709\u6536\u8d27\u4eba\u4fe1\u606f 1.\u5176\u4e2d\u51e0\u4e2a\u5173\u952e\u70b9\u9700\u8981\u7406\u89e3 a.Form\u8868\u5355\uff0c\u9700\u8981\u7ed1\u5b9a\u4e00\u4e2asubmit\u4e8b\u4ef6\uff0c\u5728\u5c0f\u7a0b\u5e8f\u4e2d\uff0c\u5c5e\u6027\u4e3abindsubmit, bindsubmit=\u201dformSubmit\u201d \u8fd9\u91cc\u7684\u5c5e\u6027\u503cformSubmit\uff0c\u547d\u540d\u53ef\u4ee5\u4e3a\u7b26\u5408\u89c4\u8303\u7684\u4efb\u610f\u503c\uff0c\u76f8\u5f53\u4e8e\u4ee5\u524dhtml\u4e2d\u7684 onsubmit=\u201dformSubmit()\u201d,\u662f\u4e00\u4e2a\u51fd\u6570\u540d\uff0c\u5f53\u63d0\u4ea4\u7684\u65f6\u5019\u89e6\u53d1formSubmit\u8fd9\u4e2a\u51fd\u6570\u4e8b\u4ef6\uff0c\u8fd9\u4e2a\u51fd\u6570\u5199\u5728js\u4e2d\u3002 b.\u5176\u4ed6\u7684\u5c5e\u6027\u548c\u4e4b\u524d\u7684HTML\u5dee\u4e0d\u591a\uff0c\u6ce8\u610f\u7684\u662f\uff0c\u8868\u5355\u4e00\u5b9a\u8981\u6709name=\u201cvalue\u201d\uff0c\u540e\u7aef\u5904\u7406\u548c\u4ee5\u524d\u4e00\u6837\uff0c\u6bd4\u5982name=\u201dusername\u201d PHP\u53ef\u4ee5\u7528 $_POST[\u2018username’]\u6765\u63a5\u6536\u3002 c.\u7531\u4e8e\u5c0f\u7a0b\u5e8f\u6ca1\u6709input submit\u8fd9\u4e2a\u6309\u94ae\uff0c\u6240\u4ee5\u5728\u6bcf\u4e2aform\u8868\u5355\u4e2d\u90fd\u8981\u6709\u4e00\u4e2a\u63d0\u4ea4\u6309\u94ae\uff0c \u6ce8\u518c\uff0c\u8fd9\u4e2a\u6309\u94ae\u5c31\u662f\u7528\u6765\u5f00\u542f\u63d0\u4ea4\u4e8b\u4ef6\u7684\u3002 \u81f3\u4e8e\u5faa\u73af\uff0c\u62c6\u5f00\u89e3 d.\u5c0f\u7a0b\u5e8f\u7ed9\u6211\u4eec\u4e00\u4e2a\u5c01\u88c5\u597d\u7684\u65b9\u6cd5onLoad: function()\uff0c\u5f53\u9875\u9762\u52a0\u8f7d\u7684\u65f6\u5019\uff0c\u8c03\u7528\u8fd9\u4e2a\u65b9\u6cd5\u3002 var app = getApp() Page({ data:{}, onLoad: function() { var that = this; \/\/\u6536\u8d27\u5730\u5740\u9996\u9875 wx.request({ \/\/\u7f3a\u5c11\u7528\u6237\u552f\u4e00\u6807\u8bc6\uff0c\u73b0\u5728\u7684\u5728\u670d\u52a1\u5668\u7684\u63a7\u5236\u5668\u91cc\u6709\u4e00\u4e2a\u5047id = 2 url: ‘https:\/\/shop.yunapply.com\/home\/shipping\/index’, method: ‘GET’, data: {}, header: { ‘Accept’: ‘application\/json’ }, success: function(res) { that.setData({ “addressInfo”: res.data.info, }) console.log(res.data.info); }, fail:function(){ […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-31803","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/31803","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=31803"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/31803\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=31803"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=31803"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=31803"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}