不懂程序不要緊!隻需按圖操作,5分鐘實現hellow world頁面?

2018/09/24 来源:紅燒一網面

要問互聯網今年最火的項目是什麼?就屬區塊鏈和小程序瞭。區塊鏈是一種點對點去中心化的技術。

而小程序是一種不需要下載安裝即可使用的應用,它實現瞭應用“觸手及”的夢想,用戶掃一掃或搜一下即可打開應用。是一種新的開放能力,開發者可以快速地開發一個小程序。小程序可以在微信內被便捷地獲取和傳播,同時具有出色的使用體驗。

電商可以通過它快速營銷實現盈利增長,線下實體可以通過它打造自己的品牌,個人可以通過它低成本創業實現財富夢想。那麼作為小白的我們怎樣快速理解小程序呢?

不懂程序不要緊!隻需按圖操作,5分鐘實現hellow world頁面?

小夥伴們,下面跟著我一起手把手看圖操作,先寫出屬於自己的第一個小程序頁面Hello World。

一、前期準備工作

  1. 註冊小程序(優秀的你已經會瞭可以快速移步至第二步)
不懂程序不要緊!隻需按圖操作,5分鐘實現hellow world頁面?

不懂程序不要緊!隻需按圖操作,5分鐘實現hellow world頁面?

進入微信小程序首頁https://mp.weixin.qq.com/cgi-bin/wx,按照步驟註冊。填寫信息,通過郵箱認證,信息登記(根據需要登記好信息)。

2.下載開發者工具

不懂程序不要緊!隻需按圖操作,5分鐘實現hellow world頁面?

開發設置:裡面是AppID(小程序ID)和AppSecret(小程序密鑰),appId可以用於綁定公眾號,appSecret用於開發時調用微信提供的api程序接口。

點擊普通小程序下載

不懂程序不要緊!隻需按圖操作,5分鐘實現hellow world頁面?

不懂程序不要緊!隻需按圖操作,5分鐘實現hellow world頁面?

根據電腦系統下載對應的工具。不知道系統是多少位的同學可以右鍵我的電腦,點屬性,就可以查看到瞭。下載完成後,雙擊安裝即可。

二、瞭解微信小程序工具

1、雙擊打開已經安裝好的工具

不懂程序不要緊!隻需按圖操作,5分鐘實現hellow world頁面?

用管理員掃碼二維碼確認登錄

不懂程序不要緊!隻需按圖操作,5分鐘實現hellow world頁面?

選擇小程序項目

不懂程序不要緊!隻需按圖操作,5分鐘實現hellow world頁面?

已經創建的小程序都可以看得到,第一次登錄點擊+號創建新項目。

不懂程序不要緊!隻需按圖操作,5分鐘實現hellow world頁面?

填寫自己的appId,在開發者設置裡面查看,見1-2有說明。

項目名稱可填寫創建小程序的名稱的拼音或者英文都可以。

不懂程序不要緊!隻需按圖操作,5分鐘實現hellow world頁面?

左邊區域為模擬器,右邊為項目代碼編輯器。

新建的第一個項目,工具會自動架構好瞭一套開發架構,也就是模板瞭,實現瞭-獲取openid(用戶id)-上次圖片-前段數據庫操作等功能。

2.實現第一個小程序

不懂程序不要緊!隻需按圖操作,5分鐘實現hellow world頁面?

雙擊index.wxml

不懂程序不要緊!隻需按圖操作,5分鐘實現hellow world頁面?

如果懂html+css開發的同學看著應該會非常熟悉。因為.wxml文件就相當於是hmtl文件,這裡面的

不懂程序不要緊!隻需按圖操作,5分鐘實現hellow world頁面?

每一個<view></view>相當於是<div>標簽。也就是一行佈局瞭。這裡我們直接將這5行單面復制,然後粘貼在下面的空白處。

不懂程序不要緊!隻需按圖操作,5分鐘實現hellow world頁面?

修改<text></text>裡面的文字,改成:helloworld。按ctrl+s建保存,看看左邊的模擬器,可以看到自己的菜單欄已經出來瞭helloworld

不懂程序不要緊!隻需按圖操作,5分鐘實現hellow world頁面?

是不是很簡單。這就是小程序,開發簡便,節約成本。是不是躍躍欲試?那就動手試試吧。都學一項技能你的簡歷也多一行優勢。

您的關註是我的動力,右上角關註走一發。

标签: , , , ,