滴答(dá)軟件(jiàn)

  • 首頁
  • 技(jì)術(shù)服務
  • 服務案例
  • 技(jì)術(shù)博客
    • 全部分(fēn)類
    • 軟件(jiàn)開(kāi)發
    • 微(wēi)信小(xiǎo)程序
    • ERP開(kāi)發
  • 項目詢價

微(wēi)信小(xiǎo)程序開(kāi)發介紹系列四—代碼模闆

2019年(nián)2月(yuè)11日(rìσ♣★)admin

蘇州小(xiǎo)程序開(kāi)發強調我們寫代碼就(jiù)是(shì)要(yào)進行(xíng)“偷懶”,這(z£≈hè)裡(lǐ)的(de)偷懶是(shì)表示寫盡量少(shǎo)的(de)₹♣'>代碼量而不(bù)是(shì)真正的(de)偷懶,記住我們是(shì→♥$)代碼設計(jì)者,不(bù)是(shì)搬運工(gōng),所以我們要(yào)對(←✘'duì)對(duì)代碼進行(xíng)設計(jì)∏₹ Ω。本節将會(huì)介紹微(wēi)信小(xiǎo)程序開(kāi)發中的(de)模≠∏₩闆策略。

提前模闆,很(hěn)容易理(lǐ)解,就(j¥✘εiù)是(shì)一(yī)個(gè)可(kě)以套用(yòng)的(de)樣∑↓§式,而具體(tǐ)的(de)內(nèi)容則®™會(huì)動态變化(huà)。

看(kàn)下(xià)面的(de)代碼:

<template name=”pro×‌ductItem”>

<view class=’product-detail’&&←♥gt;

<view class=’image’>{{ iσ÷tem .image}}</view>

<view class=’title’>≥'→{{ item .title}}</view>

<view class=’>$±';content’>

{{ item .detail}}

</view>

</view>

</template>

使用(yòng) name 屬性,作(zuò)為(wèi)模闆的(de)≠™名字。然後在<template/>‌©內(nèi)定義代碼片段,代碼片段中的(de)內(nèi)容π₽就(jiù)是(shì)我們多(duō)次使用(yòng)的(de),例子(zǐ)中表示σ↔顯示産品詳情的(de)代碼,假設要(yào)顯示産品詳情的(de)地(dì×∏')方很(hěn)多(duō),我們這(zhè)裡(lǐ)定義模闆之後,其他♣→​£(tā)地(dì)方可(kě)以直接調用(yòng)。如(rú₩©α)果存在需求調整,比如(rú)要(yào)修改α≥産品顯示布局,或者增加新的(de)顯示項,我們隻要(yào)修改這(zhè)個(gè)模闆中的(d≤≤ e)代碼即可(kě),其他(tā)調用(yòng)的(de)地(dì)方都(dōu)會(huì)更™ 新。這(zhè)樣是(shì)不(bù)是(shì)非常高(gā&←o)效呢(ne)?

那(nà)麽我們定義好(hǎo)了(leσ≥)模闆,怎麽去(qù)使用(yòng)呢(ne)?

首頁在要(yào)使用(yòng)的(de)頁面頂部引入模闆文(wén)件(jiàn),假設模闆文≤≤φ(wén)件(jiàn)放(fàng)在template目錄下(xià),命名為(wγ♠ ©èi)product.wxml, 則語法結構:<i←‌↕ mport src=”../../template/product.wxmlR€®‌β21; />。然後就(jiù)可(kě)以在頁面中進行(xíng)使用(yò>£ng),調用(yòng)模闆的(de)語法為(wèi):<template is₹>✔∏=” productItem ” data©÷✔↕=”{{item}}” /> 這(zhè)裡(lǐ)d €☆ata屬性對(duì)應的(de)值{{item≠₩}}就(jiù)是(shì)産品數(shù)據的(de)λ®✘ 變量,保存著(zhe)産品的(de)數(shù)據信息,通(tōngβπ€π)過它傳遞到(dào)模闆頁面,然後調用(yòng)模闆中的(δ∑de)代碼渲染顯示。

我們看(kàn)調用(yòng)模闆的(de)語法,‌Ω  其中的(de)屬性is是(shì)用(yòng)來(lái)•♦聲明(míng)我們要(yào)調用(yòng)哪個(gè)模闆,對(duì)應的(de)屬π∑<∑性值就(jiù)是(shì)我們模闆中定義的(de)template的(de)name屬性的(d​∏♠e)值,必須要(yào)一(yī)緻,否則會(huì)提示錯(cuò)誤,找不(bù)到(dào)♣"₹。一(yī)個(gè)模闆文(wén)件(jiàn)中可(kě)以定義多(du✘£ ō)個(gè)模闆,數(shù)量沒有(yǒu)限制(zhì)。但(ε♠±•dàn)是(shì)為(wèi)了(le)代碼友(yǒu)好(hǎo),≠×不(bù)建議(yì)在一(yī)個(gè)模闆中定義不(bù)相(xiàng)關的(de →β★)模闆,同個(gè)模塊的(de)可(kě)以在一(y ±ī)起,但(dàn)是(shì)如(rú)果模闆代碼量較大(dà),也(yě♥  )建議(yì)單獨建立文(wén)件(jiàn)。

使用(yòng)模闆最大(dà)的(de)好(hǎo)處就(φ∏σ£jiù)是(shì)相(xiàng)同內(nèi)容的(de)代碼隻要(yào)寫一(y₹ <↑ī)份就(jiù)可(kě)以了(le),不(bù)用(yòng)複制(z₽₽λhì)多(duō)份,後期修改起來(lái)也(‍•yě)是(shì)非常的(de)高(gāo)效。

 

模闆雖然是(shì)個(gè)很(hěn)好(hǎo)的(de)東 ↓☆(dōng)西(xī),但(dàn)是(shì)有(yǒu)些(xiē)情況卻λ∑α®不(bù)能(néng)滿足,這(zhè)時(shí)我們就(jiù)要(yào)用(y​✘→≈òng)到(dào)另個(gè)高(gāo)級應用(yòng):組件(jiàn),英文(wé ≤✘n)名為(wèi)component,下(xià)節我們将著(zhe)重介紹φ< β。

标簽: 蘇州小(xiǎo)程序開(kāi)發公司, 蘇州軟件(jiàn)外(wài)包公司
上(shàng)一(yī)篇 蛋糕外(wài)送小(xiǎo)程序
下(xià)一(yī)篇 情人(rén)節商城(chéng)小(xiǎo)程序

近(jìn)期文(wén)章(zhāng)

  • 化(huà)妝品企業(yè)如(rú)何使用(₽×☆yòng)ERP系統提升企業(yè)利潤
  • 公司的(de)信息化(huà)系統對(duì)公司業(yè)務有(yǒu¶✘≤∏)哪些(xiē)幫助
  • 軟件(jiàn)項目開(kāi)發的(de)流程有(yǒu)哪些(xiē)
  • 如(rú)何選擇專業(yè)的(de)軟件(∑λ≤πjiàn)開(kāi)發公司
  • 如(rú)何設計(jì)一(yī)款符合公司業(yè)務的(de)♠±CRM系統

分(fēn)類目錄

  • ERP定制(zhì)開(kāi)發 (73)
  • Social Marketing (1)
  • Web Design (1)
  • 公司産品 (9)
  • 婚紗攝影(yǐng)小(xiǎo)程序 (2)
  • 小(xiǎo)程序開(kāi)發公司 (30)
  • 微(wēi)信公衆号 (12)
  • 微(wēi)信小(xiǎo)程序 (161)
  • 技(jì)術(shù)分(fēn)享 (11)
  • 民(mín)宿小(xiǎo)程序 (1)
  • 熱(rè)點資訊 (9)
  • 網站(zhàn)開(kāi)發 (3)
  • 蘇州ERP開(kāi)發 (44)
  • 蘇州ERP開(kāi)發公司 (66)
  • 蘇州軟件(jiàn)外(wài)包企業(yè) (97)
  • 蘇州軟件(jiàn)定制(zhì)開(kāi)發 (103)
  • 蘇州軟件(jiàn)開(kāi)發公司 (98)
  • 行(xíng)業(yè)新聞 (4)
  • 軟件(jiàn)開(kāi)發 (200)
  • 默認分(fēn)類 (27)

文(wén)章(zhāng)歸檔

  • 2023年(nián)十二月(yuè) (1)
  • 2023年(nián)七月(yuè) (9)
  • 2023年(nián)六月(yuè) (9)
  • 2023年(nián)五月(yuè) (40)
  • 2023年(nián)四月(yuè) (30)
  • 2023年(nián)三月(yuè) (26)
  • 2023年(nián)二月(yuè) (13)
  • 2021年(nián)九月(yuè) (2)
  • 2021年(nián)八月(yuè) (4)
  • 2021年(nián)七月(yuè) (2)
  • 2020年(nián)十月(yuè) (1)
  • 2020年(nián)七月(yuè) (1)
  • 2020年(nián)六月(yuè) (1)
  • 2020年(nián)三月(yuè) (2)
  • 2019年(nián)十二月(yuè) (1)
  • 2019年(nián)十一(yī)月(yuè) (2)
  • 2019年(nián)十月(yuè) (10)
  • 2019年(nián)九月(yuè) (1)
  • 2019年(nián)八月(yuè) (23)
  • 2019年(nián)七月(yuè) (33)
  • 2019年(nián)六月(yuè) (24)
  • 2019年(nián)五月(yuè) (32)
  • 2019年(nián)四月(yuè) (19)
  • 2019年(nián)三月(yuè) (42)
  • 2019年(nián)二月(yuè) (29)
  • 2019年(nián)一(yī)月(yuè) (39)
  • 2018年(nián)十二月(yuè) (2)
  • 2018年(nián)十一(yī)月(yuè) (9)
  • 2018年(nián)十月(yuè) (3)
  • 2018年(nián)九月(yuè) (24)
  • 2018年(nián)八月(yuè) (8)
  • 2018年(nián)六月(yuè) (5)
  • 2018年(nián)五月(yuè) (3)
  • 2018年(nián)三月(yuè) (2)
  • 2018年(nián)一(yī)月(yuè) (3)
  • 2017年(nián)十二月(yuè) (5)
  • 2017年(nián)九月(yuè) (1)
  • 2016年(nián)四月(yuè) (1)

聯系我們

聯系郵箱:yzhu@didasoft.cn
服務熱(rè)線:0512-65693880
服務熱(rè)線:+86 155-0167-7862 (周一(yī)至周日(rì))
公司地(dì)址: 蘇州工(gōng)業(yè)園區(qū)東(dōng)平街(jiē)299​✔σ$号歐瑞大(dà)廈320
工(gōng)作(zuò)時(shí)間(jiān): 09:00 - 18:00 ( 周一(yī)至周五 )

友(yǒu)情鏈接

蘇州PHP開(kāi)發
蘇州APP開(kāi)發
微(wēi)信小(xiǎo)程序開(kāi)發
蘇州軟件(jiàn)開(kāi)發公司
小(xiǎo)程序制(zhì)作(zuò)開(kāi)發

專業(yè) 高(gāo)效 誠信 價值

滴答(dá)軟件(jiàn)
  • 首頁
  • 技(jì)術(shù)博客
  • 項目詢價
  • FAQ問(wèn)答(dá)
版權所有(yǒu) © 2020 蘇州滴答軟件科技有限公司 京ICP證000000号

蘇公網安備 32059002004131号