2017年,我們稱之為“微信小程序元年”。此后,微信小程序的發(fā)展蒸蒸日上。目前,下一代移動(dòng)互聯(lián)網(wǎng)產(chǎn)業(yè)正朝著“微、輕、小”的方向發(fā)展,就像微信小程序,這個(gè)革命性的輕量級(jí)“APP”,不需要下載,用完,同時(shí)有信息發(fā)布、廣告、服務(wù)功能,將成為替代手機(jī)客戶端APP的最佳選擇。本文將分析微信小程序的系統(tǒng)實(shí)現(xiàn)和前景,研究基于微信“小程序”開(kāi)發(fā)的系統(tǒng)架構(gòu)、關(guān)鍵技術(shù)和市場(chǎng)前景。
1.我們需要有一個(gè)帳戶。如果您可以看到該文件,我們應(yīng)該已經(jīng)邀請(qǐng)并為您創(chuàng)建了一個(gè)帳戶。注意服務(wù)賬號(hào)或訂閱賬號(hào)的AppID不能直接使用。 使用提供的賬號(hào)登錄https://mp.weixin.qq.com , 可以在網(wǎng)站“設(shè)置”-“開(kāi)發(fā)者設(shè)置”中查看微信小程序的AppID。
2、創(chuàng)建項(xiàng)目 需要使用開(kāi)發(fā)者工具完成小程序的創(chuàng)建和代碼編輯。 開(kāi)發(fā)者工具安裝好后,打開(kāi)微信掃碼登錄。選擇創(chuàng)建“項(xiàng)目”,填寫上面獲取的AppID,設(shè)置一個(gè)本地項(xiàng)目名(不是小程序名),比如“我的第一個(gè)項(xiàng)目”,選擇本地文件夾作為代碼存放目錄,點(diǎn)擊“新建”項(xiàng)目”。 為方便初學(xué)者了解微信小程序的基本代碼結(jié)構(gòu),在創(chuàng)建過(guò)程中,如果選擇的本地文件夾為空文件夾,開(kāi)發(fā)者工具會(huì)提示是否需要?jiǎng)?chuàng)建快速啟動(dòng)項(xiàng)目。選擇“是”,開(kāi)發(fā)者工具會(huì)幫我們?cè)陂_(kāi)發(fā)目錄下生成一個(gè)簡(jiǎn)單的demo。
項(xiàng)目創(chuàng)建成功后,我們可以點(diǎn)擊項(xiàng)目進(jìn)入并看到完整的開(kāi)發(fā)者工具界面,點(diǎn)擊左側(cè)導(dǎo)航,在“編輯”中查看和編輯我們的代碼,在“調(diào)試”中測(cè)試代碼微信客戶端模擬小程序的效果可以發(fā)送到手機(jī)中,在“項(xiàng)目”中預(yù)覽實(shí)際效果。
3. 編寫代碼。 點(diǎn)擊開(kāi)發(fā)者工具左側(cè)導(dǎo)航欄中的“編輯”。我們可以看到這個(gè)項(xiàng)目已經(jīng)被初始化并且包含了一些簡(jiǎn)單的代碼文件。最關(guān)鍵和不可或缺的是app.js、app.json和app.wxss。其中.js后綴為腳本文件,.json后綴為配置文件,.wxss后綴為樣式表文件。微信小程序會(huì)讀取這些文件并生成小程序示例。 讓我們簡(jiǎn)單了解一下這三個(gè)文件的作用,方便我們從零開(kāi)始修改和開(kāi)發(fā)自己的微信小程序。 app.js 是小程序的腳本代碼。我們可以監(jiān)控和處理小程序的生命周期函數(shù),并在這個(gè)文件中聲明全局變量。調(diào)用MINA提供的豐富API,例如本例中本地?cái)?shù)據(jù)的同步存儲(chǔ)、同步讀取等。
app.json 是整個(gè)小程序的全局配置。在這個(gè)文件中,我們可以配置小程序由哪些頁(yè)面組成,配置小程序的窗口背景顏色,配置導(dǎo)航欄樣式,配置默認(rèn)標(biāo)題。
4.創(chuàng)建頁(yè)面 本教程中,我們有兩個(gè)頁(yè)面,索引頁(yè)面和日志頁(yè)面,即歡迎頁(yè)面和小程序啟動(dòng)日志的顯示頁(yè)面。它們都在 pages 目錄下。微信小程序中每個(gè)頁(yè)面的【路徑+頁(yè)面名】需要寫在app.json的pages中,pages的第一頁(yè)就是小程序的首頁(yè)。 每個(gè)小程序頁(yè)面由四個(gè)不同后綴的同名文件組成,如index.js、index.wxml、index.wxss、index.json。.js后綴的文件是腳本文件,.json后綴的文件是配置文件,.wxss后綴的文件是樣式表文件,.wxml后綴的文件是頁(yè)面結(jié)構(gòu)文件。
5 、在手機(jī)預(yù)覽開(kāi)發(fā)者工具左側(cè)菜單欄中選擇“項(xiàng)目” ,點(diǎn)擊“預(yù)覽”,掃碼后即可在微信客戶端體驗(yàn)。
引言:"如何高效學(xué)習(xí)":掌握這些方法,讓你的學(xué)習(xí)事半功倍? 在這個(gè)信息爆炸的時(shí)代,學(xué)習(xí)已不再局限于傳統(tǒng)課堂,而是貫穿于我們的日常生活。面對(duì)海量的知識(shí)與技能,如何高
...一、大模型技術(shù)概述及其在會(huì)計(jì)領(lǐng)域的應(yīng)用 1.1 大模型技術(shù)基礎(chǔ) 1.1.1 大模型定義與原理 大模型技術(shù),又稱大規(guī)模預(yù)訓(xùn)練模型,是一種基于人工智能和機(jī)器學(xué)習(xí)的先進(jìn)算法體系。
...深度解析:大模型究竟包括哪些關(guān)鍵組成部分? 一、技術(shù)架構(gòu)層面 1.1 大規(guī)模數(shù)據(jù)處理系統(tǒng) 在構(gòu)建大模型的過(guò)程中,大規(guī)模數(shù)據(jù)處理系統(tǒng)是支撐其運(yùn)作的基石。這一系統(tǒng)需具備高
...一、構(gòu)建高效大模型知識(shí)圖譜的策略與方法 1.1 理解知識(shí)圖譜基礎(chǔ) 1.1.1 知識(shí)圖譜定義與重要性 知識(shí)圖譜是一種結(jié)構(gòu)化的知識(shí)存儲(chǔ)方式,它通過(guò)節(jié)點(diǎn)(實(shí)體)和邊(關(guān)系)的形式
...一、AI Agents在工作場(chǎng)景中的變革力量 1.1 AI Agent技術(shù)概覽 1.1.1 AI Agent基本概念 AI Agents,即人工智能代理,是設(shè)計(jì)來(lái)自主或半自主地執(zhí)行特定任務(wù)的軟件實(shí)體。它們通
...一、AgentScope優(yōu)化業(yè)務(wù)流程的原理與應(yīng)用 1.1 AgentScope技術(shù)概覽 1.1.1 AgentScope核心功能解析 AgentScope作為一種先進(jìn)的業(yè)務(wù)流程優(yōu)化工具,其核心功能圍繞著智能化自動(dòng)
...概述:LLM與LangChain的協(xié)同作用 1. LLM(大型語(yǔ)言模型)基礎(chǔ) 1.1 LLM技術(shù)原理及其發(fā)展 大型語(yǔ)言模型(LLMs)基于深度學(xué)習(xí)技術(shù),特別是變換器架構(gòu)(Transformer),通過(guò)海
...揭秘:大模型如何輔助會(huì)計(jì)實(shí)現(xiàn)自動(dòng)化做賬流程? 一、大模型技術(shù)基礎(chǔ)與應(yīng)用概述 1.1 大模型技術(shù)簡(jiǎn)介 大模型,又稱為大規(guī)模語(yǔ)言模型或深度學(xué)習(xí)模型,是近年來(lái)人工智能領(lǐng)域的
...OpenAI即將震撼發(fā)布下一代AI大模型「GPT Next」 在科技界翹首以盼的期待中,OpenAI宣布了一項(xiàng)令人矚目的消息:其日本子公司CEO長(zhǎng)崎忠雄在近期透露,公司將于今年年底正式發(fā)
...?? 微信聊 -->
銷售溝通:17190186096(微信同號(hào))
售前電話:15050465281
微信聊 -->