{"id":31172,"date":"2024-11-25T12:03:50","date_gmt":"2024-11-25T04:03:50","guid":{"rendered":"https:\/\/fwq.ai\/blog\/31172\/"},"modified":"2024-11-25T12:03:50","modified_gmt":"2024-11-25T04:03:50","slug":"%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f%e5%bc%80%e5%8f%91%e9%81%87%e5%88%b0%e7%9a%84%e9%97%ae%e9%a2%98%e6%b1%87%e6%80%bb","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/31172\/","title":{"rendered":"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u9047\u5230\u7684\u95ee\u9898\u6c47\u603b"},"content":{"rendered":"<p>\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u5b8c\u5de5\u4e86\uff0c\u81ea\u7136\u4e5f\u9047\u5230\u4e86\u4e0d\u5c11\u95ee\u9898\uff0c\u672c\u6587\u6211\u4eec\u4e3b\u8981\u548c\u5927\u5bb6\u5206\u4eab\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u9047\u5230\u7684\u95ee\u9898\u6c47\u603b\uff0c\u5e0c\u671b\u80fd\u5e2e\u52a9\u5230\u66f4\u591a\u7684\u5fae\u4fe1\u5f00\u53d1\u8005\u3002<\/p>\n<p>\u5c0f\u7a0b\u5e8f\u7b80\u4ecb<\/p>\n<p>\u201c\u8ba9\u5174\u8da3\u4e0d\u518d\u5b64\u5355\uff0c\u8ba9\u7231\u597d\u4e0d\u518d\u6d41\u6d6a\u201d \u662f\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u300a\u51fa\u53d1\u5427\u4e00\u8d77\u300b\u7684\u4e3b\u9898\uff0c\u8fd9\u6b3e\u5c0f\u7a0b\u5e8f\u65e8\u5728\u89e3\u51b3\u5f53\u4ee3\u5927\u5b66\u751f\u5728\u6821\u56ed\u751f\u6d3b\u4e2d\u7684\u5b64\u72ec\u611f\uff0c\u8ba9\u5927\u5bb6\u627e\u5230\u5fd7\u540c\u9053\u5408\u7684\u670b\u53cb\uff0c\u5728\u8dd1\u6b65\u3001\u5065\u8eab\u3001\u7ade\u8d5b\u7b49\u6d3b\u52a8\u4e2d\u627e\u5230\u4f19\u4f34\u3002\u5229\u7528\u5c0f\u7a0b\u5e8f\u5373\u5f00\u5373\u7528\uff0c\u7528\u5b8c\u5c31\u8d70\u7684\u7279\u70b9\u4e0e\u4ea4\u53cb\u76f8\u7ed3\u5408\uff0c\u5b83\u5c06\u4f1a\u662f\u4e00\u6b3e\u9ad8\u6548\u5feb\u6377\u3001\u65e0\u8d1f\u62c5\u7684\u7ebf\u4e0b\u4ea4\u53cb\u5229\u5668<\/p>\n<p>\u672c\u5c0f\u7a0b\u5e8f\u7531&nbsp;bmob&nbsp;\u540e\u7aef\u4e91\u63d0\u4f9b\u6570\u636e\u5904\u7406\u4e0e\u5b58\u50a8\u652f\u6301<\/p>\n<p>\u5c0f\u7a0b\u5e8f\u7801<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/\/upload\/image\/270\/604\/212\/1516863833385090.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u9047\u5230\u7684\u95ee\u9898\u6c47\u603b\u63d2\u56fe\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u9047\u5230\u7684\u95ee\u9898\u6c47\u603b\u63d2\u56fe\" \/><\/p>\n<p>\u5f00\u53d1\u4e2d\u6280\u672f\u95ee\u9898\u6c47\u603b<\/p>\n<p>1.\u4f7f\u7528e.target.dataset\u7684\u51fa\u73b0\u95ee\u9898<\/p>\n<p>\u5728\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u8fc7\u7a0b\u4e2d,\u6211\u4eec\u7ecf\u5e38\u4f1a\u7528\u5230\u6807\u7b7e\u4e2d\u5c5e\u6027\u7684\u5c5e\u6027\u503c,\u6211\u4eec\u901a\u5e38\u4f1a\u5728&nbsp; &nbsp;\u4e2d \u8bbe\u7f6e&nbsp;data-*=&#8221;{{XXX}}&#8221;&nbsp;\u7136\u540e\u5728&nbsp;JS&nbsp;\u91cc\u901a\u8fc7&nbsp;e.target.dateset.*&nbsp;\u6765\u83b7\u53d6XXX\u503c,\u4f46\u662f\u6211\u7ecf\u5e38\u9047\u5230\u83b7\u53d6\u7684\u662fundefined,\u4f7f\u7528&nbsp;console.log(e)&nbsp;\u67e5\u770b\u8f93\u51fa\u4fe1\u606f\u4f1a\u53d1\u73b0,\u5728&nbsp;e\u5bf9\u8c61\u4e2d\u5305\u542b\u4e24\u4e2a\u5bf9\u8c61\u5206\u522b\u662fcurrentTarget\u548ctarget,\u800c\u5f80\u5f80\u6709\u4e9b\u65f6\u5019\u6570\u636e\u5728currentTarget\u4e2d, <\/p>\n<p>\u6b64\u65f6\u53ef\u4ee5\u5c06\u4ee3\u7801\u66ff\u6362\u6210\u8fd9\u6837\u6765\u83b7\u53d6\u503c<\/p>\n<p>WXML<\/p>\n<pre>&lt;view&gt;&lt;\/view&gt;<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<p>JS<\/p>\n<pre>bintap:function(e){\r\n&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;id&nbsp;=&nbsp;e.currentTarget.dataset.id;\r\n}<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<p>\u7f51\u4e0a\u8fd8\u6709\u4e00\u76f4\u8bf4\u6cd5\u662f&nbsp;data-*&nbsp;\u91cc&nbsp;*&nbsp;\u547d\u540d\u7684\u95ee\u9898,\u53bb\u6389\u9a7c\u5cf0\u5f0f\u547d\u540d,\u7eaf\u5c0f\u5199\u4e5f\u80fd\u89e3\u51b3<\/p>\n<p>2.\u5c0f\u7a0b\u5e8f textarea \u6587\u672c\u6846\u5982\u4f55\u663e\u793a\u5b9e\u65f6\u5b57\u6570<\/p>\n<p>WXML<\/p>\n<pre>&lt;view&gt;&nbsp;&lt;view&gt;&nbsp;&lt;textarea maxlength=\"{{noteMaxLen}}\"&gt;&lt;\/textarea&gt;&nbsp;&lt;view&gt;\r\n{{noteNowLen}}\/{{noteMaxLen}}&lt;\/view&gt;&nbsp;&lt;\/view&gt;&nbsp;&lt;\/view&gt;<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<p>JS<\/p>\n<pre>data:{\r\n&nbsp;&nbsp;&nbsp;&nbsp;noteMaxLen:&nbsp;200,\/\/\u5907\u6ce8\u6700\u591a\u5b57\u6570\r\n&nbsp;&nbsp;&nbsp;&nbsp;noteNowLen:&nbsp;0,\/\/\u5907\u6ce8\u5f53\u524d\u5b57\u6570\r\n}\r\n&nbsp;&nbsp;\/\/\u5b57\u6570\u6539\u53d8\u89e6\u53d1\u4e8b\u4ef6\r\n&nbsp;&nbsp;bindTextAreaChange:&nbsp;function&nbsp;(e)&nbsp;{\r\n&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;that&nbsp;=&nbsp;this&nbsp;var&nbsp;value&nbsp;=&nbsp;e.detail.value,\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;len&nbsp;=&nbsp;parseInt(value.length);\r\n&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(len&nbsp;&amp;gt;&nbsp;that.data.noteMaxLen)\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return;\r\n&nbsp;&nbsp;&nbsp;&nbsp;that.setData({\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;content:&nbsp;value,&nbsp;noteNowLen:&nbsp;len\r\n&nbsp;&nbsp;&nbsp;&nbsp;})\r\n&nbsp;&nbsp;},<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<p>3.\u5229\u7528 JS \u5b9e\u73b0\u6a21\u7cca\u67e5\u8be2<\/p>\n<p>\u7531\u4e8e\u6211\u4eec\u4f7f\u7528\u7684\u662f&nbsp;Bmob&nbsp;\u540e\u7aef\u4e91\u63d0\u4f9b\u7684\u6570\u636e\u5904\u7406\u4e0e\u5b58\u50a8\u652f\u6301\uff0c\u6839\u636e Bmob \u63d0\u4f9b\u7684\u5f00\u53d1\u6587\u6863\uff0c\u514d\u8d39\u7248\u7684\u5e94\u7528\u65e0\u6cd5\u8fdb\u884c\u6a21\u7cca\u67e5\u8be2\uff0c\u770b\u5230\u8fd9\u91cc\uff0c\u518d\u770b\u770b\u5df2\u7ecf\u5feb\u5b8c\u5de5\u7684\u6d3b\u52a8\u68c0\u7d22\u754c\u9762\uff0c\u611f\u53d7\u65e0\u6cd5\u8a00\u8bf4\u3002\u6b63\u5f53\u51c6\u5907\u653e\u5f03\u7684\u65f6\u5019\uff0c\u7a81\u7136\u60f3\u5230\u4e00\u4e2a\u65b9\u6cd5\uff0c\u90a3\u5c31\u662f\u5148\u628a\u6240\u6709\u7684\u540e\u53f0\u6240\u6709\u6570\u636e\u90fd\u5b58\u5230\u96c6\u5408\u91cc\uff0c\u7136\u540e\u6839\u636e\u8f93\u5165\u7684\u68c0\u7d22\u503c\u4e00\u4e2a\u4e2a\u5339\u914d\uff0c\u60f3\u5230\u4e4b\u540e\u9a6c\u4e0a\u5c31\u5f00\u59cb\u7740\u624b\u5e72\u4e86\uff0c\u5148\u67e5\u4e86\u4e00\u4e0bjavaScript&nbsp;\u6587\u6863,String&nbsp;\u5bf9\u8c61\u6709\u4e00\u4e2a\u65b9\u6cd5\u662f&nbsp;indexOf()&nbsp;,\u53ef\u8fd4\u56de\u67d0\u4e2a\u6307\u5b9a\u7684\u5b57\u7b26\u4e32\u503c\u5728\u5b57\u7b26\u4e32\u4e2d\u9996\u6b21\u51fa\u73b0\u7684\u4f4d\u7f6e,\u8fd9\u6837\u5c31\u6210\u4e86,\u904d\u5386 \u6240\u4ee5\u6570\u636e,\u68c0\u7d22\u6bcf\u4e00\u6761\u6570\u636e\u7684\u6bcf\u4e2a\u5b57\u7b26,\u5982\u679c\u51fa\u73b0\u4e86\u5219\u5c06\u5b83\u52a0\u5165\u5230\u68c0\u7d22\u7ed3\u679c\u7684\u96c6\u5408\u4e2d.<\/p>\n<p>JS<\/p>\n<pre>\/\/js&nbsp;\u5b9e\u73b0\u6a21\u7cca\u5339\u914d\u67e5\u8be2\r\n&nbsp;&nbsp;findEach:&nbsp;function&nbsp;(e)&nbsp;{\r\n&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;that&nbsp;=&nbsp;this&nbsp;var&nbsp;strFind&nbsp;=&nbsp;that.data.wxSearchData.value;&nbsp;\/\/\u8fd9\u91cc\u4f7f\u7528\u7684&nbsp;wxSearch&nbsp;\u641c\u7d22UI\u63d2\u4ef6,&nbsp;if&nbsp;(strFind&nbsp;==&nbsp;null&nbsp;||&nbsp;strFind&nbsp;==&nbsp;\"\")&nbsp;{\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;wx.showToast({\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;title:&nbsp;'\u8f93\u5165\u4e3a\u7a7a',\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;icon:&nbsp;'loading',\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;})\r\n&nbsp;&nbsp;&nbsp;&nbsp;}\r\n&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(strFind&nbsp;!=&nbsp;\"\")&nbsp;{\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;nPos;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;resultPost&nbsp;=&nbsp;[];\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;for&nbsp;(var&nbsp;i&nbsp;in&nbsp;smoodList)&nbsp;{\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;sTxt&nbsp;=&nbsp;smoodList[i].title&nbsp;||&nbsp;'';&nbsp;\/\/\u6d3b\u52a8\u7684\u6807\u9898\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;nPos&nbsp;=&nbsp;sTxt.indexOf(strFind);&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(nPos&nbsp;&amp;gt;=&nbsp;0)&nbsp;{\/\/\u5982\u679c\u8f93\u5165\u7684\u5173\u952e\u5b57\u5728\u8be5\u6d3b\u52a8\u6807\u9898\u4e2d\u51fa\u73b0\u8fc7,\u5219\u5339\u914d\u8be5\u6d3b\u52a8\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;resultPost.push(smoodList[i]);&nbsp;\/\/\u5c06\u8be5\u6d3b\u52a8\u52a0\u5165\u5230\u641c\u7d22\u5230\u7684\u6d3b\u52a8\u5217\u8868\u4e2d\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;that.setData({\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;moodList:&nbsp;resultPost\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;})\r\n&nbsp;&nbsp;&nbsp;&nbsp;}\r\n&nbsp;&nbsp;},<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<p>\u66f4\u52a0\u8be6\u7ec6\u7684\u4ee3\u7801\u8bf7\u524d\u5f80Github\u67e5\u770b<\/p>\n<p>4.\u4f7f\u7528 JS \u5c06\u5b57\u7b26\u4e32\u683c\u5f0f\u7684\u65f6\u95f4\u8f6c\u6362\u6210\u51e0\u79d2\u524d,\u51e0\u5206\u949f\u524d&#8230;<\/p>\n<p>\u7531\u4e8e\u5c0f\u7a0b\u5e8f\u4e2d\u6d89\u53ca\u8bc4\u8bba,\u52a0\u5165\u6d3b\u52a8,\u6536\u85cf\u7b49\u4e00\u7cfb\u5217\u5305\u62ec\u4e8b\u4ef6\u65f6\u95f4\u7684\u529f\u80fd,\u800c\u6570\u636e\u5e93\u4e2d\u5b58\u7684\u65f6\u95f4\u683c\u5f0f\u4e3a&nbsp;2017-11-30 23:36:10&nbsp;\u73b0\u5728\u60f3\u8981\u5728\u754c\u9762\u4e0a\u4e0d\u663e\u793a\u5177\u4f53\u65f6\u95f4,\u800c\u662f\u663e\u793a\u4e0e\u5f53\u524d\u65f6\u95f4\u7684\u5dee,\u5373\u51e0\u79d2\u524d,\u51e0\u5206\u949f\u524d\u7b49\u7b49<\/p>\n<p>\u5b9e\u73b0\u8d77\u6765\u5e76\u4e0d\u590d\u6742,\u4e3b\u8981\u601d\u8def\u662f\u5148\u628a\u5b57\u7b26\u4e32\u7684\u65f6\u95f4\u8f6c\u6362\u6210\u65f6\u95f4\u6233,\u7136\u540e\u4e0e\u5f53\u524d\u7684\u65f6\u95f4\u6233\u8fdb\u884c\u6bd4\u8f83,\u8fd9\u6837\u5c31\u80fd\u8f6c\u6362\u6210\u51e0\u79d2\u524d\u3001\u51e0\u5206\u949f\u524d\u3001\u51e0\u5c0f\u65f6\u524d\u3001\u51e0\u5929\u524d\u7b49\u5f62\u5f0f\u4e86<\/p>\n<p>JS<\/p>\n<pre>\/\/\u5b57\u7b26\u4e32\u8f6c\u6362\u4e3a\u65f6\u95f4\u6233&nbsp;function&nbsp;getDateTimeStamp(dateStr)&nbsp;{\r\n&nbsp;&nbsp;return&nbsp;Date.parse(dateStr.replace(\/-\/gi,&nbsp;\"\/\"));\r\n}\r\n\/\/\u683c\u5f0f\u5316\u65f6\u95f4&nbsp;function&nbsp;getDateDiff(dateStr)&nbsp;{\r\n&nbsp;&nbsp;var&nbsp;publishTime&nbsp;=&nbsp;getDateTimeStamp(dateStr)&nbsp;\/&nbsp;1000,\r\n&nbsp;&nbsp;&nbsp;&nbsp;d_seconds,\r\n&nbsp;&nbsp;&nbsp;&nbsp;d_minutes,\r\n&nbsp;&nbsp;&nbsp;&nbsp;d_hours,\r\n&nbsp;&nbsp;&nbsp;&nbsp;d_days,\r\n&nbsp;&nbsp;&nbsp;&nbsp;timeNow&nbsp;=&nbsp;parseInt(new&nbsp;Date().getTime()&nbsp;\/&nbsp;1000),\r\n&nbsp;&nbsp;&nbsp;&nbsp;d,\r\n&nbsp;&nbsp;&nbsp;&nbsp;date&nbsp;=&nbsp;new&nbsp;Date(publishTime&nbsp;*&nbsp;1000),\r\n&nbsp;&nbsp;&nbsp;&nbsp;Y&nbsp;=&nbsp;date.getFullYear(),\r\n&nbsp;&nbsp;&nbsp;&nbsp;M&nbsp;=&nbsp;date.getMonth()&nbsp;+&nbsp;1,\r\n&nbsp;&nbsp;&nbsp;&nbsp;D&nbsp;=&nbsp;date.getDate(),\r\n&nbsp;&nbsp;&nbsp;&nbsp;H&nbsp;=&nbsp;date.getHours(),\r\n&nbsp;&nbsp;&nbsp;&nbsp;m&nbsp;=&nbsp;date.getMinutes(),\r\n&nbsp;&nbsp;&nbsp;&nbsp;s&nbsp;=&nbsp;date.getSeconds();\r\n&nbsp;&nbsp;\/\/\u5c0f\u4e8e10\u7684\u5728\u524d\u9762\u88650&nbsp;if&nbsp;(M&nbsp;&nbsp;0&nbsp;&amp;amp;&amp;amp;&nbsp;d_days&nbsp;&nbsp;0)&nbsp;{\r\n&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;d_hours&nbsp;+&nbsp;'\u5c0f\u65f6\u524d';\r\n&nbsp;&nbsp;}&nbsp;else&nbsp;if&nbsp;(d_hours&nbsp;&nbsp;0)&nbsp;{\r\n&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;d_minutes&nbsp;+&nbsp;'\u5206\u949f\u524d';\r\n&nbsp;&nbsp;}&nbsp;else&nbsp;if&nbsp;(d_seconds&nbsp;=&nbsp;3&nbsp;&amp;amp;&amp;amp;&nbsp;d_days&nbsp;=&nbsp;30)&nbsp;{\r\n&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;Y&nbsp;+&nbsp;'-'&nbsp;+&nbsp;M&nbsp;+&nbsp;'-'&nbsp;+&nbsp;D&nbsp;+&nbsp;'&nbsp;'&nbsp;+&nbsp;H&nbsp;+&nbsp;':'&nbsp;+&nbsp;m;\r\n&nbsp;&nbsp;}\r\n}<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<p>5.\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u63d0\u4ea4\u8868\u5355\u6e05\u7a7a\u8868\u5355\u6570\u636e<\/p>\n<p>\u5728\u53d1\u5e03\u6d3b\u52a8\u4e4b\u540e,\u7531\u4e8e\u8868\u5355\u4e2d\u7684\u6570\u636e\u6ca1\u6709\u6e05\u7a7a,\u7ed9\u7528\u6237\u7684\u4f53\u9a8c\u5fc5\u5b9a\u4e0d\u597d,\u7136\u800c\u5c0f\u7a0b\u5e8f\u7684\u6570\u636e\u4ea4\u4e92\u5e76\u4e0d\u50cfhtml + jS&nbsp;\u90a3\u6837,\u4f7f\u7528&nbsp;dataSet({})&nbsp;\u6765\u7ed9\u8d4b\u503c,\u89c6\u56fe\u5c42\u5c31\u80fd\u901a\u8fc7\u5f02\u6b65\u7684\u65b9\u5f0f\u6d3b\u52a8\u5230\u503c,\u4e8e\u662f\u60f3\u5230,\u5728\u63d0\u4ea4\u8868\u5355\u540e,\u7ed9\u8fd9\u4e9binput\u90fd\u8d4b\u503c\u4e3a\u7a7a,\u90a3\u6837\u5c31\u5b9e\u73b0\u4e86\u6e05\u7a7a\u8868\u5355\u7684\u6548\u679c,\u5f53\u7136,\u8868\u5355\u4e2d\u5e76\u4e0d\u53ea\u5305\u542binput,\u4f46\u662f\u90fd\u53ef\u4ee5\u901a\u8fc7\u8fd9\u79cd\u65b9\u5f0f\u5b9e\u73b0\u6e05\u7a7a\u6548\u679c<\/p>\n<p>WXML<\/p>\n<pre><\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 &nbsp; \u6d3b\u52a8\u540d\u79f0 &nbsp; &nbsp; &nbsp; \u786e\u5b9a&nbsp; <\/p>\n<p>JS<\/p>\n<pre>submitForm:function(e){\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;title&nbsp;=&nbsp;e.detail.value.title;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;......\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;success:&nbsp;function&nbsp;(res)&nbsp;{\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\/\/\u5c06title\u503c\u8bbe\u7f6e\u7a7a\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;that.setData({\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;title:&nbsp;''\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}\r\n}<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<p>6.\u5fae\u4fe1\u53f7,QQ\u53f7,\u624b\u673a\u53f7 \u6b63\u5219\u6821\u9a8c<\/p>\n<p>\u7531\u4e8e\u7533\u8bf7\u52a0\u5165\u6d3b\u52a8\u9700\u8981\u586b\u5199\u771f\u5b9e\u59d3\u540d,\u8054\u7cfb\u65b9\u5f0f\u7b49\u4fe1\u606f,\u4e3a\u4e86\u9632\u6b62\u7528\u6237\u968f\u610f\u586b\u5199\u4fe1\u606f,\u5fc5\u987b\u8981\u5bf9\u8fd9\u4e9b\u4fe1\u606f\u8fdb\u884c\u6821\u9a8c<\/p>\n<p>JS<\/p>\n<pre>var&nbsp;wxReg&nbsp;=&nbsp;new&nbsp;RegExp(\"^[a-zA-Z]([-_a-zA-Z0-9]{5,19})+$\");\r\n&nbsp;\/\/\u5fae\u4fe1\u53f7\u6b63\u5219\u6821\u9a8c&nbsp;var&nbsp;qqReg&nbsp;=&nbsp;new&nbsp;RegExp(\"[1-9][0-9]{4,}\");&nbsp;\r\n&nbsp;\/\/QQ\u53f7\u6b63\u5219\u6821\u9a8c&nbsp;var&nbsp;phReg&nbsp;=&nbsp;\/^1[34578]d{9}$\/;&nbsp;\r\n&nbsp;\/\/\u624b\u673a\u53f7\u6b63\u5219\u6821\u9a8c&nbsp;var&nbsp;nameReg&nbsp;=&nbsp;new&nbsp;RegExp(\"^[u4e00-u9fa5]{2,4}$\");\r\n&nbsp;&nbsp;\/\/2-4\u4f4d\u4e2d\u6587\u59d3\u540d\u6b63\u5219\u6821\u9a8c<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<p>7.\u4f7f\u7528 Bmob SDK \u5b9e\u73b0\u62a5\u540d\u6210\u529f\u53d1\u9001\u6a21\u677f\u6d88\u606f,\u751f\u6210\u5c0f\u7a0b\u5e8f\u4e8c\u7ef4\u7801\u7b49<\/p>\n<p>\u5728\u5f00\u53d1\u8fc7\u7a0b\u4e2d,\u7531\u4e8e\u60f3\u8981\u5b9e\u73b0,\u5f53\u7528\u6237\u62a5\u540d\u6210\u529f\u540e\u5982\u4f55\u901a\u77e5\u7528\u6237,\u67e5\u9605\u4e86\u5c0f\u7a0b\u5e8f\u7684\u5f00\u53d1\u6587\u6863\u53d1\u73b0\u6709\u4e00\u4e2a\u53d1\u9001\u6a21\u677f\u6d88\u606f\u7684API,\u518d\u67e5\u8be2 Bmob \u7684\u5f00\u53d1\u6587\u6863,\u53d1\u73b0\u5b9e\u73b0\u4e86\u8fd9\u4e2a\u529f\u80fd,\u8fd9\u4e2a\u771f\u7684\u592a\u6709\u7528\u4e86.\u6a21\u677f\u6d88\u606f\u53ea\u80fd\u518d\u771f\u673a\u4e0a\u624d\u80fd\u53d1\u9001\u6210\u529f,\u7ecf\u8fc7\u914d\u7f6e,\u91cd\u8981\u6210\u529f,\u4f46\u662f\u6709\u5728\u4f7f\u7528\u4e2d\u51fa\u73b0\u4e00\u4e2a\u95ee\u9898<br \/>,\u5c31\u662f\u5728\u5c0f\u7a0b\u5e8f\u53d1\u5e03\u540e \u6a21\u677f\u6d88\u606f\u4e2d\u5982\u679c\u5e26\u6709&nbsp;page&nbsp;\u53c2\u6570\u5c06\u4e0d\u4f1a\u53d1\u9001,\u4f46\u662f\u5728\u5f00\u53d1\u7248\u4e2d\u80fd\u53d1\u9001\u6210\u529f, \u8fd9\u4e2a\u95ee\u9898\u5df2\u7ecf\u53cd\u9988\u4e86,\u4f30\u8ba1\u7b49Bmob\u5c0f\u7a0b\u5e8fSDK\u66f4\u65b0\u540e\u4f1a\u89e3\u51b3\u8fd9\u4e2a\u95ee\u9898.<\/p>\n<p>\u76f8\u5173\u63a8\u8350\uff1a<\/p>\n<\/p>\n<\/p>\n<p>\u4ee5\u4e0a\u5c31\u662f\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u9047\u5230\u7684\u95ee\u9898\u6c47\u603b\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":"<p>\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u5b8c\u5de5\u4e86\uff0c\u81ea\u7136\u4e5f\u9047\u5230\u4e86\u4e0d\u5c11\u95ee\u9898\uff0c\u672c\u6587\u6211\u4eec\u4e3b\u8981\u548c\u5927\u5bb6\u5206\u4eab\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u9047\u5230\u7684\u95ee\u9898\u6c47\u603b\uff0c\u5e0c\u671b\u80fd\u5e2e\u52a9\u5230\u66f4\u591a\u7684\u5fae\u4fe1\u5f00\u53d1\u8005\u3002 \u5c0f\u7a0b\u5e8f\u7b80\u4ecb \u201c\u8ba9\u5174\u8da3\u4e0d\u518d\u5b64\u5355\uff0c\u8ba9\u7231\u597d\u4e0d\u518d\u6d41\u6d6a\u201d \u662f\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u300a\u51fa\u53d1\u5427\u4e00\u8d77\u300b\u7684\u4e3b\u9898\uff0c\u8fd9\u6b3e\u5c0f\u7a0b\u5e8f\u65e8\u5728\u89e3\u51b3\u5f53\u4ee3\u5927\u5b66\u751f\u5728\u6821\u56ed\u751f\u6d3b\u4e2d\u7684\u5b64\u72ec\u611f\uff0c\u8ba9\u5927\u5bb6\u627e\u5230\u5fd7\u540c\u9053\u5408\u7684\u670b\u53cb\uff0c\u5728\u8dd1\u6b65\u3001\u5065\u8eab\u3001\u7ade\u8d5b\u7b49\u6d3b\u52a8\u4e2d\u627e\u5230\u4f19\u4f34\u3002\u5229\u7528\u5c0f\u7a0b\u5e8f\u5373\u5f00\u5373\u7528\uff0c\u7528\u5b8c\u5c31\u8d70\u7684\u7279\u70b9\u4e0e\u4ea4\u53cb\u76f8\u7ed3\u5408\uff0c\u5b83\u5c06\u4f1a\u662f\u4e00\u6b3e\u9ad8\u6548\u5feb\u6377\u3001\u65e0\u8d1f\u62c5\u7684\u7ebf\u4e0b\u4ea4\u53cb\u5229\u5668 \u672c\u5c0f\u7a0b\u5e8f\u7531&nbsp;bmob&nbsp;\u540e\u7aef\u4e91\u63d0\u4f9b\u6570\u636e\u5904\u7406\u4e0e\u5b58\u50a8\u652f\u6301 \u5c0f\u7a0b\u5e8f\u7801 \u5f00\u53d1\u4e2d\u6280\u672f\u95ee\u9898\u6c47\u603b 1.\u4f7f\u7528e.target.dataset\u7684\u51fa\u73b0\u95ee\u9898 \u5728\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u8fc7\u7a0b\u4e2d,\u6211\u4eec\u7ecf\u5e38\u4f1a\u7528\u5230\u6807\u7b7e\u4e2d\u5c5e\u6027\u7684\u5c5e\u6027\u503c,\u6211\u4eec\u901a\u5e38\u4f1a\u5728&nbsp; &nbsp;\u4e2d \u8bbe\u7f6e&nbsp;data-*=&#8221;{{XXX}}&#8221;&nbsp;\u7136\u540e\u5728&nbsp;JS&nbsp;\u91cc\u901a\u8fc7&nbsp;e.target.dateset.*&nbsp;\u6765\u83b7\u53d6XXX\u503c,\u4f46\u662f\u6211\u7ecf\u5e38\u9047\u5230\u83b7\u53d6\u7684\u662fundefined,\u4f7f\u7528&nbsp;console.log(e)&nbsp;\u67e5\u770b\u8f93\u51fa\u4fe1\u606f\u4f1a\u53d1\u73b0,\u5728&nbsp;e\u5bf9\u8c61\u4e2d\u5305\u542b\u4e24\u4e2a\u5bf9\u8c61\u5206\u522b\u662fcurrentTarget\u548ctarget,\u800c\u5f80\u5f80\u6709\u4e9b\u65f6\u5019\u6570\u636e\u5728currentTarget\u4e2d, \u6b64\u65f6\u53ef\u4ee5\u5c06\u4ee3\u7801\u66ff\u6362\u6210\u8fd9\u6837\u6765\u83b7\u53d6\u503c WXML &lt;view&gt;&lt;\/view&gt; \u767b\u5f55\u540e\u590d\u5236 JS bintap:function(e){ &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;id&nbsp;=&nbsp;e.currentTarget.dataset.id; } \u767b\u5f55\u540e\u590d\u5236 \u7f51\u4e0a\u8fd8\u6709\u4e00\u76f4\u8bf4\u6cd5\u662f&nbsp;data-*&nbsp;\u91cc&nbsp;*&nbsp;\u547d\u540d\u7684\u95ee\u9898,\u53bb\u6389\u9a7c\u5cf0\u5f0f\u547d\u540d,\u7eaf\u5c0f\u5199\u4e5f\u80fd\u89e3\u51b3 2.\u5c0f\u7a0b\u5e8f textarea \u6587\u672c\u6846\u5982\u4f55\u663e\u793a\u5b9e\u65f6\u5b57\u6570 WXML &lt;view&gt;&nbsp;&lt;view&gt;&nbsp;&lt;textarea maxlength=&#8221;{{noteMaxLen}}&#8221;&gt;&lt;\/textarea&gt;&nbsp;&lt;view&gt; {{noteNowLen}}\/{{noteMaxLen}}&lt;\/view&gt;&nbsp;&lt;\/view&gt;&nbsp;&lt;\/view&gt; \u767b\u5f55\u540e\u590d\u5236 JS data:{ &nbsp;&nbsp;&nbsp;&nbsp;noteMaxLen:&nbsp;200,\/\/\u5907\u6ce8\u6700\u591a\u5b57\u6570 &nbsp;&nbsp;&nbsp;&nbsp;noteNowLen:&nbsp;0,\/\/\u5907\u6ce8\u5f53\u524d\u5b57\u6570 } &nbsp;&nbsp;\/\/\u5b57\u6570\u6539\u53d8\u89e6\u53d1\u4e8b\u4ef6 &nbsp;&nbsp;bindTextAreaChange:&nbsp;function&nbsp;(e)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;that&nbsp;=&nbsp;this&nbsp;var&nbsp;value&nbsp;=&nbsp;e.detail.value, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;len&nbsp;=&nbsp;parseInt(value.length); &nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(len&nbsp;&amp;gt;&nbsp;that.data.noteMaxLen) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return; &nbsp;&nbsp;&nbsp;&nbsp;that.setData({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;content:&nbsp;value,&nbsp;noteNowLen:&nbsp;len &nbsp;&nbsp;&nbsp;&nbsp;}) &nbsp;&nbsp;}, \u767b\u5f55\u540e\u590d\u5236 3.\u5229\u7528 JS \u5b9e\u73b0\u6a21\u7cca\u67e5\u8be2 \u7531\u4e8e\u6211\u4eec\u4f7f\u7528\u7684\u662f&nbsp;Bmob&nbsp;\u540e\u7aef\u4e91\u63d0\u4f9b\u7684\u6570\u636e\u5904\u7406\u4e0e\u5b58\u50a8\u652f\u6301\uff0c\u6839\u636e Bmob \u63d0\u4f9b\u7684\u5f00\u53d1\u6587\u6863\uff0c\u514d\u8d39\u7248\u7684\u5e94\u7528\u65e0\u6cd5\u8fdb\u884c\u6a21\u7cca\u67e5\u8be2\uff0c\u770b\u5230\u8fd9\u91cc\uff0c\u518d\u770b\u770b\u5df2\u7ecf\u5feb\u5b8c\u5de5\u7684\u6d3b\u52a8\u68c0\u7d22\u754c\u9762\uff0c\u611f\u53d7\u65e0\u6cd5\u8a00\u8bf4\u3002\u6b63\u5f53\u51c6\u5907\u653e\u5f03\u7684\u65f6\u5019\uff0c\u7a81\u7136\u60f3\u5230\u4e00\u4e2a\u65b9\u6cd5\uff0c\u90a3\u5c31\u662f\u5148\u628a\u6240\u6709\u7684\u540e\u53f0\u6240\u6709\u6570\u636e\u90fd\u5b58\u5230\u96c6\u5408\u91cc\uff0c\u7136\u540e\u6839\u636e\u8f93\u5165\u7684\u68c0\u7d22\u503c\u4e00\u4e2a\u4e2a\u5339\u914d\uff0c\u60f3\u5230\u4e4b\u540e\u9a6c\u4e0a\u5c31\u5f00\u59cb\u7740\u624b\u5e72\u4e86\uff0c\u5148\u67e5\u4e86\u4e00\u4e0bjavaScript&nbsp;\u6587\u6863,String&nbsp;\u5bf9\u8c61\u6709\u4e00\u4e2a\u65b9\u6cd5\u662f&nbsp;indexOf()&nbsp;,\u53ef\u8fd4\u56de\u67d0\u4e2a\u6307\u5b9a\u7684\u5b57\u7b26\u4e32\u503c\u5728\u5b57\u7b26\u4e32\u4e2d\u9996\u6b21\u51fa\u73b0\u7684\u4f4d\u7f6e,\u8fd9\u6837\u5c31\u6210\u4e86,\u904d\u5386 \u6240\u4ee5\u6570\u636e,\u68c0\u7d22\u6bcf\u4e00\u6761\u6570\u636e\u7684\u6bcf\u4e2a\u5b57\u7b26,\u5982\u679c\u51fa\u73b0\u4e86\u5219\u5c06\u5b83\u52a0\u5165\u5230\u68c0\u7d22\u7ed3\u679c\u7684\u96c6\u5408\u4e2d. JS \/\/js&nbsp;\u5b9e\u73b0\u6a21\u7cca\u5339\u914d\u67e5\u8be2 &nbsp;&nbsp;findEach:&nbsp;function&nbsp;(e)&nbsp;{ [&hellip;]<\/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-31172","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/31172","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=31172"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/31172\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=31172"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=31172"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=31172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}