滴答(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)發介紹系列一(yī)

2019年(nián)1月(yuè)21日(rì)admin

蘇州小(xiǎo)程序開(kāi)發指出,随著(zhe)近(jìn)年(nián)小(xiǎo)程序熱♣β (rè)的(de)興起,越來(lái)越多(duō)的( "de)開(kāi)發人(rén)員(yuán)進入小(xiǎo)程序$βπ♥開(kāi)發這(zhè)個(gè)領域,有(yǒu)初>≈↓入工(gōng)作(zuò)的(de)應屆生(shē±≥♣βng),也(yě)有(yǒu)工(gōng)作(zuò)了(le)多(duō)年(nián)★♠¶的(de)資深的(de)程序猿,總的(de)來&↔(lái)說(shuō)層次不(bù)齊,雖然最後也(yě)都(dōu)能(néng)開( ‍kāi)發出想要(yào)的(de)功能(néng)或産品。小(xiǎo)程序 ‍±開(kāi)發雖然門(mén)檻不(bù)高(gāo),但(dàn)是(shì)也(yě)是(s&¶™‍hì)軟件(jiàn)開(kāi)發中的(de)一(yī)個(gè)分(fēn)支,想要(yào©♠↕←)做(zuò)好(hǎo)還(hái)是(shì)需要(yào)長(cháng)期的(de)經驗積δ≤₽累。作(zuò)為(wèi)在軟件(jiàn)行(xíng)業(yè)從(®€σcóng)業(yè)十幾年(nián)的(de)開(§™¶®kāi)發人(rén)員(yuán)來(lái)說(shuō),非常樂(yuè)意把自§&∞♦(zì)己的(de)經營分(fēn)享給各位新手們,當然如(rú)果你(nαβǐ)已是(shì)資深人(rén)員(yuán)也(yě)歡迎參與討♦ <(tǎo)論。下(xià)面進入正題:

小(xiǎo)程序開(kāi)發分(fēn)為(wèi)前Ω↕端和(hé)後端,何為(wèi)前端?何為(wèi)後端?

前端即是(shì)用(yòng)戶界面,用(yòng)戶看(kàn)到(dào)的(d♠Ωe)靜(jìng)态的(de)和(hé)可(kě)™↔以互動的(de)頁面,通(tōng)俗的(de)講就(j♦®iù)是(shì)用(yòng)戶看(kàn)到(dào)的(de)圖片、文(wén)字、 π表格和(hé)動畫(huà)等的(de)組合內(nèi)容頁面。從(cóng)技&φ(jì)術(shù)角度是(shì)WXML+WXSS+JS的(de)組合編程.↕©β®

Wxml文(wén)件(jiàn)其實就(ji>₩'​ù)是(shì)微(wēi)信小(xiǎo)程序封裝了(le)的(d&↑ e)html,簡化(huà)為(wèi)了(le✔×₽)一(yī)種标簽<view>, 極大(dà)的(d≠≤¶<e)方便了(le)開(kāi)發者,因為(wèi)不(bù)用(yòng)去(qù)考→&Ω慮類似html中的(de)很(hěn)多(duō)不(bù)同的(de)标簽,一(yī)個♣∞Ω§(gè)标簽走天下(xià)。

Wxss則是(shì)樣式文(wén)件(jiàn),等同于月(yuè)html的(de)css,→✘♠,所有(yǒu)頁面上(shàng)的(de)樣式都(dōu)可(kě)以寫在這( •←zhè)個(gè)頁面對(duì)應的(de)css中。

Js文(wén)件(jiàn)和(hé)html頁面使用(yòng)的(™₹‍₩de)js文(wén)件(jiàn)一(yī)樣,但(dàn)是(shì)稍有(yǒu)不(bù) ♠©同,比如(rú),每個(gè)頁面對(dλ'₽→uì)應的(de)js文(wén)件(jiàn)都(dōu)有(yǒu)個(gè)固定j'¥s類格式,所有(yǒu)頁面上(shàn★®g)需要(yào)進行(xíng)動态交付的(de)操作(zuò)都(dōu)會(huεδ✘ì)在這(zhè)個(gè)文(wén)件(jiàn)裡(lǐ)實現(xiàn)。Js文(wén γ'$)件(jiàn)有(yǒu)個(gè)非常重要(yào)的(de)應用(yòng)≥∑∏就(jiù)是(shì)wx.request()遠(y™✘€☆uǎn)程請(qǐng)求方法,類似ajax,$&₩™也(yě)就(jiù)是(shì)封裝後的(de)ajax;所有(yǒ∞₩u)的(de)通(tōng)過和(hé)後端接口進行≠✘(xíng)數(shù)據交互的(de)方法都(d‌♦ πōu)通(tōng)過這(zhè)個(gè)方法執行(xíng),後面我們将單獨介紹如(rú)何δα¶‍進行(xíng)封裝。

Json文(wén)件(jiàn)是(shì)配置文(wén)件(ji"§àn),分(fēn)頁面對(duì)應的Ω₩★×(de)json文(wén)件(jiàn)和(hé)app.json,頁面對(duì)應的(β↕≠de)json配置僅對(duì)當前頁面有(yǒu)效,而app.js≈ >↕on是(shì)全局的(de)。

理(lǐ)解了(le)上(shàng)面的(de)基本文(wé§↑≤n)件(jiàn)功能(néng)之後,我們介紹下(xià)如(rú)何編寫wxml文(wén)件®→φ(jiàn),頁面結構非常重要(yào),關系&¶≈後期的(de)修改、維護等,下(xià)面是(shì)≠↑典型的(de)代碼結構:

微(wēi)信小(xiǎo)程序代碼

<view class=”contai₽±≤ner”>…</vie•φ w> 作(zuò)為(wèi)最外(wài)層的(de)标簽,用(yòng)戶定位頁面整體(λ™tǐ)樣式,比如(rú)背景色或圖片、字體(tǐ)大(dà)小(xiǎo)、邊距等&₹‍等。

<view class=”content-header”>…&φ>±"lt;/view>定義內(nèi)容header部分(fēn)樣式,樣例代<↔碼中是(shì)個(gè)輪播圖;

<view class=”content-block” ©♥;>…</view> 這(zhè)™₹≈ 裡(lǐ)面放(fàng)的(de)內(nèi)容塊,即✔★✔頁面主要(yào)的(de)內(nèi)容組成部分(fēn),可(kě)以有(yǒu)多(d© φuō)個(gè)。

通(tōng)過以上(shàng)布局,代碼結構非常清晰,後台修改或維護非常容易。

 

下(xià)節将介紹樣式文(wén)件(jiàn)的(de)命名規範。₹&÷點擊查看(kàn)《微(wēi)信小(xiǎo)程序開(kāi)發介•★紹系列二–樣式開(kāi)發規範》

标簽: 小(xiǎo)程序開(kāi)發, 微(wēi)信小(xiǎo)程序, 蘇州軟件(jiàn)開(kāi)發公司
上(shàng)一(yī)篇 【軟件(jiàn)外(wài)包】在線借書(shū)小(xiǎ≈₽¶≤o)程序
下(xià)一(yī)篇 旅遊預定小(xiǎo)程序開(kāi)發

近(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号