「小程序JAVA實(shí)戰(zhàn)」運(yùn)行微信官方demo（四）

在學(xué)習(xí)前端各種框架easyui，vue，ext等等框架的時(shí)候，官方都會(huì)提供一套對(duì)應(yīng)的demo，通過詳讀微信官方小程序的demo可以很好了解使用api，微信小程序不可缺少有一套自己的demo程序，來跟我一起看看吧！

1. 介紹

https://mp.weixin.qq.com/cgi-bin/wx

1. pc端下載源碼

https://developers.weixin.qq.com/miniprogram/dev/demo.html?t=1477656485442

1. 微信端的二維碼

手機(jī)微信打開-右上角掃一掃–掃下面的官網(wǎng)二維碼實(shí)例

1. 新建項(xiàng)目
   

2.導(dǎo)入項(xiàng)目

1. 項(xiàng)目名稱填寫

1. 啟動(dòng)完畢

######代碼業(yè)務(wù)關(guān)系

主要分為組件和接口兩個(gè)部分，
1. 組件就類似咱們?cè)趆tml里面的form，button，input等等吧用于視圖2. 接口就類似在做app開發(fā)的時(shí)候調(diào)用gis，相冊(cè)權(quán)限，手機(jī)信息等等

• 查看demo 對(duì)應(yīng)的代碼，基本在實(shí)際的開發(fā)過程中，這都是相互對(duì)應(yīng)的。

• 單獨(dú)看下button的目錄結(jié)構(gòu)

1. .js后綴的文件是腳本文件，頁面的交互等代碼在這里實(shí)現(xiàn)。

2. .json后綴的文件是配置文件，主要是json數(shù)據(jù)格式存放，用于設(shè)置程序的配置效果。

3. .wxss后綴的是樣式表文件，類似于前端中的css,用于對(duì)界面進(jìn)行美化。

4. .wxml后綴的文件是頁面結(jié)構(gòu)文件，用于構(gòu)建頁面，在頁面上增加控件。

PS：本來都是搬磚的，我學(xué)習(xí)新技術(shù)的思路就是多看他的demo，有的放矢，先看demo哪里不理解查看官方的api介紹，想完成某個(gè)功能看看demo里面有沒有對(duì)應(yīng)的，有了就直接拿來復(fù)制，沒有就看api，編程不是你打字有多塊，而是需要你的思路有多清晰。