闂傚倸鍊搁崐鎼佸磹閹间礁纾归柣鎴eГ閸ゅ嫰鏌ら崫銉︽毄濞寸姵姘ㄧ槐鎾诲磼濞嗘帒鍘$紓渚囧櫘閸ㄨ泛鐣疯ぐ鎺戠濞达絿鎳撴惔濠傗攽閻愭潙鐏﹂柣鐔濆懎濮柍褜鍓熷铏圭矙濞嗘儳鍓垫繝娈垮枔閸婃繈骞嗛崟顖f晬闁绘劕寮堕悗顒勬⒑閻熸澘鈷旂紒顕呭灦瀵煡骞栨担鍦弳闂佺粯娲栭崐鍦偓姘炬嫹
MYSQL婵犵數濮烽弫鍛婃叏閻戣棄鏋侀柛娑橈攻閸欏繐霉閸忓吋缍戦柛銊ュ€块弻锝夊箻瀹曞洤鍝洪梺鍝勵儐閻楁鎹㈠☉銏犵闁绘劏鏅滈敍鍫濃攽閻愬弶鈻曞ù婊勭箞瀵煡骞撻幒婵堝數闁荤姾娅g亸銊ξ涘鑸电厱闁冲搫鍟禒杈ㄦ叏婵犲啯銇濇俊顐㈠暙閳藉顫濋澶嬫瘒闂傚倷鑳堕幊鎾诲床閺屻儺鏁勫璺猴功閺嗭附銇勯弽顐粶鐎瑰憡绻堥幃妤€鈽夊▎瀣窗闂佸憡锕╂禍婵堟崲濠靛顫呴柨婵嗘閵嗘劙姊虹紒姗嗘當婵☆偅绻傞悾宄扳攽閸♀晜鍍甸梺鐟板悁缁€浣圭妤e啯鈷掗柛顐ゅ枔閳藉绱掗妸銉吋闁哄瞼鍠栧畷娆撳Χ閸℃浼�
SQL闂傚倸鍊搁崐鎼佸磹瀹勬噴褰掑炊椤掑鏅悷婊冪Ч濠€渚€姊虹紒妯虹伇婵☆偄瀚板鍛婄瑹閳ь剟寮婚悢鍏尖拻閻庨潧澹婂Σ顕€姊虹粙鑳潶闁告柨閰i獮澶愬箹娴e憡顥濋柣鐘充航閸斿秴鈻撴ィ鍐┾拺婵懓娲ら悘鈺侇熆閻熷府韬€殿噮鍋婂畷鍫曨敆娴e搫骞楁繝娈垮枟椤ㄥ懎螞濡や胶顩叉繝濠傚幘閻熸壋鍫柛顐犲灮閺嗩偊姊洪崫鍕効缂傚秳鐒﹂幈銊╁焵椤掑嫭鐓忛柛顐g箖椤ョ偤姊哄▎鎯у籍闁哄矉缍佹慨鈧柍杞拌兌娴犫晠姊虹紒妯煎ⅹ闁靛牏枪椤曪絿鎷犲ù瀣潔濠碘槅鍨堕弨閬嶆倵鐠囨祴鏀介柣鎰级椤ョ偤鏌涢弮鈧ú鐔笺€侀弮鍫熸櫢闁跨噦鎷�
MYSQL闂傚倸鍊搁崐鎼佸磹瀹勬噴褰掑炊椤掑鏅悷婊冪Ч閿濈偛鈹戠€n偅娅囬梺绋跨焿婵″洨绮欒箛鏃傜瘈闁靛骏绲剧涵楣冩煠濞茶鐏︾€殿喗鎮傚畷濂稿煑閳轰椒澹曞Δ鐘靛仜閻忔繈宕濆鑸电厵鐎瑰嫰鍋婇崕蹇涙煏閸℃ê绗氱紒缁樼箓椤繈顢橀悩鎻掔疄闂備浇顕х换鎺楀磻濞戞瑦娅犲ù鐘差儏閻撯€愁熆鐠鸿櫣鐏辩痪鎯с偢閺屾盯骞橀懠顒夋М婵炲濞€娴滃爼寮婚敍鍕勃闁告挆鍕灡濠电姷顣槐鏇㈠礂濮椻偓閵嗕礁鈽夊Ο宄扮墯闂佸憡渚楅崰妤咁敊韫囨稒鈷掗柛灞剧懄缁佺増淇婂鐓庡婵炲棎鍨芥俊鑸靛緞婵犲嫷鍞甸梻浣芥硶閸o箓骞忛敓锟�
闂傚倸鍊搁崐鎼佸磹閹间礁纾归柣鎴eГ閸ゅ嫰鏌ら崫銉︽毄濞寸姵姘ㄧ槐鎾诲磼濞嗘帒鍘$紓渚囧櫘閸ㄨ泛鐣疯ぐ鎺戠濞达絿鎳撴惔濠傗攽閻愭潙鐏﹂柣鐔濆懎濮柍褜鍓熷铏圭矙濞嗘儳鍓垫繝娈垮枔閸婃繈骞嗛崟顖f晬闁绘劕寮堕悗顒勬⒑閻熸澘鈷旂紒顕呭灦瀵煡骞栨担鍦弳闂佺粯娲栭崐鍦偓姘炬嫹
闂傚倸鍊搁崐鎼佸磹閹间礁纾瑰瀣捣閻棗銆掑锝呬壕濡ょ姷鍋為悧鐘汇€侀弴銏℃櫆闁芥ê顦純鏇㈡⒒娴h櫣銆婇柛鎾寸箞閹柉顦归柟顖氱焸楠炴ḿ绱掑Ο琛″亾閸偆绠鹃柟瀵稿剱娴煎棝鏌熸潏鍓х暠闁活厽顨婇悡顐﹀炊閵娧€濮囬梺缁樻尵閸犳牠寮婚敓鐘茬闁靛ǹ鍎崑鎾诲传閵夛附娈伴梺鍓插亝濞叉﹢鍩涢幒妤佺厱閻忕偠顕ч埀顒佹礋閹﹢鏁冮崒娑氬幐闁诲繒鍋熼崑鎾剁矆閸愵亞纾肩紓浣贯缚濞插鈧娲栫紞濠囥€佸▎鎾村亗妤犵儐鍠撻崐鏍崲濠靛牆鏋堟俊顖氭惈閳峰姊虹紒妯诲皑闁逞屽墰缁烩偓缂傚倹姘ㄩ幉鎼佸棘閸柭も偓鍨€掑锝呬壕濠殿喖锕ㄥ▍锝囨閹烘嚦鐔煎即閻旈浠肩紓渚囧枛閿曨亪鐛鈧、娆撴嚃閳哄骞㈤梻鍌欒兌閹虫挻鏅堕悾灞藉灊妞ゆ牜鍋涚壕濠氭煕閺囥劌骞樼痪鎹愭闇夐柨婵嗘媼濞肩姵銇勮箛鎾跺⒈闁轰礁鍊块弻宥嗘姜閹峰矈鍞归梺琛″亾濞寸姴顑嗛悡鐔兼煙闁箑澧柍缁樻礋閺屾盯濡堕崶褎鐎婚梺瀹狀潐閸ㄥ潡銆佸☉妯锋婵炲棗绻愰弨顓熶繆閵堝洤啸闁稿绋撻幑銏狀潨閳ь剙顕i锕€绠荤紓浣股戝▍銏ゆ⒑鐠恒劌娅愰柟鍑ゆ嫹
闂傚倸鍊搁崐鎼佸磹閹间礁纾归柣鎴eГ閸ゅ嫰鏌涢锝嗙闁稿被鍔庨幉鎼佸籍閸惊銉╂煕閹般劍娅嗛柛搴e枛閺屾洝绠涚€n亞鍔村┑鐐跺皺鏋柍瑙勫灴閹晝鎷犺娴兼劙鏌f惔銏犲毈闁告瑥鍟悾鐑芥晲閸垻鏉稿┑鐐村灦閻熝囧储閹剧粯鈷戦柛娑橈功缁犳捇鎮楀鐓庡⒋闁糕斁鍋撳銈嗗坊閸嬫捇鏌熼懞銉х煀闁宠閰f慨鈧柕鍫濇閳ь剛鍏橀弻锝夊箣閻愩劎绱伴梺鍛婏耿娴滆泛顫忓ú顏咁棃婵炴垼椴搁埢鎾绘⒑閹肩偛濡藉┑鐐诧躬楠炲啯銈i崘鈺冨姸閻庡箍鍎卞Λ娑㈠储閸涘﹦绠鹃弶鍫濆⒔閸掔増绻濋埀顒勬焼瀹ュ棗鍓归梺鍦劋椤ㄥ棝鎮″☉銏″€堕柣鎰邦杺閸ゆ瑥鈹戦垾鐐藉仮闁哄苯绉归幐濠冨緞濡亶锕傛煣娴兼瑧绉柡灞剧洴閳ワ箓骞嬪┑鍥╁蒋濠电偛顕崢褔宕弶鎴綎缂備焦蓱婵潙顪冪€n亞鍑归悷鏇炴缁辨捇宕掑姣欙繝鏌ら崘鎻掝暢闁告帗甯楃换婵嗩潩椤掆偓閸炪劑鎮峰⿰鍕煉鐎规洜鏁诲鎾偄缂堢姷鐩庨梻浣告惈閸燁偊宕愰崨濠勵洸闁告挆鈧崑鎾舵喆閸曨剛顦ュ銈忓瘜閸ㄨ埖淇婇幘顔肩闁规惌鍘介崓鐢告⒑缂佹ɑ灏繛鎾敱缁傛帡顢橀姀锛勫幐閻庡箍鍎扮拋鏌ュ磻閹捐妫橀柕澶涢檮閺夋悂姊绘担铏瑰笡闁告梹娲栬灒濠电姴娲ら崥褰掓煟閺傝法娈遍柡鈧懞銉d簻闁哄秲鍔庨埊鏇㈡倶韫囥儵妾い銊e劦閹瑩鎳犻鍌ゅ晪闂備浇妗ㄩ悞锕傚箲閸ヮ剙鏋侀柟鍓х帛閺呮悂鏌ㄩ悤鍌涘
闂傚倸鍊搁崐鎼佸磹瀹勬噴褰掑炊瑜忛弳锕傛煕椤垵浜濋柛娆忕箳閳ь剝顫夊ú鏍洪敂钘夊灁濠靛倸鎲¢悡娑㈡倶閻愰鍤欓柛鏃€宀搁弻锝夊Χ閸パ傚缂備胶绮惄顖氱暦閸楃倣鐔兼惞闁稒鍋呯紓鍌氬€风拋鏌ュ磻閹炬枼鏀介柣妯诲絻閺嗙偤鏌涘▎蹇曠濞e洤锕幃娆愶紣濠靛棙顔勫┑鐐茬摠缁挾绮婚弽褜娼栭柧蹇氼潐鐎氭岸鏌嶉妷銉э紞濞寸姭鏅犲娲传閵夈儲鐎惧┑鐐插悑閻熲晠骞冩ィ鍐╁€婚柤鎭掑劚娴滄粎绱掗悙顒€顎滃瀛樻倐瀵煡濮€閿涘嫮顔曢柡澶婄墕婢х晫绮旈浣典簻闁哄洨鍠撴晶鐢碘偓瑙勬处閸ㄥ爼宕洪埀顒併亜閹烘垵顏柍閿嬪浮閺屾稓浠﹂崜褎鍣梺绋跨箰閺堫剟濡甸崟顖氼潊闁绘瑥鎳撻崥顐㈩渻閵堝啫鐏€光偓缁嬫鍤曞ù鐘差儛閺佸洭鏌i幇顔芥毄鐎规洝鍩栫换婵嗩嚗闁垮绶查柍褜鍓氶崝娆忕暦閹达箑绠绘繛锝庡厸缁ㄥ姊虹€圭姵銆冮梻鍕Ч瀹曟垿濮€閳垛晛浜鹃悷娆忓缁€鈧梺闈涚墛閹倿鐛崘顔碱潊闁靛繆鈧厖绮ч梻浣规灱閺呮盯宕悧鍫㈩洸婵炲棙鎸婚埛鎴︽偣閸ャ劎鍙€妞ゅ孩顨堢槐鎺楁偐閼碱儷褏鈧娲樺ú妯横缚韫囨稑鐓橀柟顖嗗倸顥氭繝娈垮枟宀e潡宕㈣閻涱喖螖閸愵亞锛滈柣搴秵娴滆泛螣閳ь剚绻濆▓鍨灀闁稿鎹囧铏圭磼濡吋鍠涢梺绋款儐閹瑰洭寮婚敐澶婃闁圭ǹ瀵掑Λ锕傛⒑鐠団€虫灕妞ゎ偄顦甸獮蹇涘川椤栨粓鈹忛柣搴秵閸嬪棛绮旈悜鑺モ拺閻犲洦褰冮銏ゆ煟閺冩垵澧存鐐茬箻閺佹捇鏁撻敓锟�

微信小程序WXML模板语法总结-小程序开发

首页 2024-07-09 07:46:25

本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了关于wxml模板语法的相关内容,包括了数据绑定、事件绑定、条件渲染、列表渲染等等问题,下面一起来看一下,希望对大家有帮助。

【相关学习推荐:小程序学习教程】

WXML 模板语法 - 数据绑定 1.数据绑定的基本原则

data 中定义数据

WXML 中使用数据

2. data 中定义页面的数据

在页面对应的 .js 文件中,把数据定义到 data 对象中即可:

3. Mustache 语法的格式

????????data中的数据绑定到页面中渲染,使用 Mustache 语法(双大括号)将变量包起来即可。类似于vue中的插值表达式,语法格式为:

4. Mustache 语法的应用场景?
  1. 绑定内容
  2. 绑定属性
  3. 运算(三元运算、算术运算等)
?5. 动态绑定内容

????????页面的数据如下:

????????????????

????????页面的结构如下:

?????????????????

6. 动态绑定属性?

?????????页面的数据如下:

????????????????

????????页面的结构如下:

????????????????

7. 三元运算?

????????页面的数据如下:

????????????????

????????页面的结构如下:

?????????????????

8. 算数运算

????????

WXML 模板语法 - 事件绑定?: 1. 什么是事件

????????事件是渲染层到逻辑层的通讯方式。通过事件可以将用户在渲染层产生的行为,反馈到逻辑层进行业务的处理。

2. 小程序中常用的事件?

类型

绑定方式

事件描述

tap

bindtap bind:tap

手指触摸后马上离开,类似于 HTML 中的 click 事件

input

bindinput bind:input

文本框的输入事件

change

bindchange bind:change

状态改变时触发

?3. 事件对象的属性列表

???????当事件回调触发的时候,会收到一个事件对象 event,它的详细属性如下表所示:?

属性

类型

说明

type

String

事件类型

timeStamp

Integer

页面打开到触发事件所经过的毫秒数

target

Object

触发事件的组件的一些属性值集合

currentTarget

Object

当前组件的一些属性值集合

detail

Object

额外的信息

touches

Array

触摸事件,当前停留在屏幕中的触摸点信息的数组

changedTouches

Array

触摸事件,当前变化的触摸点信息的数组

4. target currentTarget 的区别?

????????target 触发该事件的源头组件,而 currentTarget 则是当前事件所绑定的组件。举例如下:

点击内部的按钮时,点击事件以冒泡的方式向外扩散,也会触发外层 view tap 事件处理函数。

此时,对于外层的 view 来说:

1.target 指向的是触发事件的源头组件,因此,e.target 是内部的按钮组件

2.currentTarget 指向的是当前正在触发事件的那个组件,因此,e.currentTarget 是当前的 view 组件

5. bindtap 的语法格式?

在小程序中,不存在 HTML 中的 onclick 鼠标点击事件,而是通过 tap 事件来响应用户的触摸行为。

通过 bindtap ,可以为组件绑定 tap 触摸事件,语法如下:


????????②在页面的 .js 文件中定义对应的事件处理函数,事件参数通过形参 event(一般简写成 e) 来接收:

?????????

6. 在事件处理函数中为 data 中的数据赋值?

????????通过调用 this.setData(dataObject) 方法,可以给页面 data 中的数据重新赋值,示例如下:

????????

7. 事件传参?

????????小程序中的事件传参比较特殊,不能在绑定事件的同时为事件处理函数传递参数。例如,下面的代码将不能正常工作:

????????

因为小程序会把 bindtap 的属性值,统一当作事件名称来处理,相当于要调用一个名称为 btnHandler(123) 的事件处理函数。

????????可以为组件提供 data-* 自定义属性传参,其中 * 代表的是参数的名字,示例代码如下:

最终:

1? info 会被解析为 参数 的名字

2 数值 2 会被解析为 参数的值

在事件处理函数中,通过 event.target.dataset.参数名 即可获取到具体参数的值,示例代码如下:

?? ??

8. bindinput 的语法格式?

?????????在小程序中,通过 input 事件来响应文本框的输入事件,语法格式如下: