成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

html+css+js+Hbuilder開發(fā)一款安卓APP，根本不用學(xué)Android開發(fā)！

muddyway / 3026人閱讀

摘要：我們知道，要做一款安卓，咱們得先學(xué)安卓開發(fā)語言，例如，前端后端。那么沒有這些開發(fā)語言基礎(chǔ)，咱們?cè)趺醋瞿仄鋵?shí)現(xiàn)在有比較好的開發(fā)方案就是做，咱們可以用前端知識(shí)構(gòu)建安卓客戶端，用構(gòu)建服務(wù)端。

我們知道，要做一款安卓APP，咱們得先學(xué)安卓開發(fā)語言，例如java，前端后端。那么沒有這些開發(fā)語言基礎(chǔ)，咱們?cè)趺醋瞿?？其?shí)現(xiàn)在有比較好的開發(fā)方案就是做webAPP，咱們可以用web前端知識(shí)構(gòu)建安卓客戶端，用php構(gòu)建服務(wù)端。

首先我們要準(zhǔn)備：
1、html+css+js基礎(chǔ)知識(shí)，這是web前端開發(fā)最基礎(chǔ)的
2、php后端，mysql數(shù)據(jù)庫(kù)基礎(chǔ)知識(shí)
3、Hbuilder，這是一款繼承開發(fā)工具,集成代碼編輯器，運(yùn)行，真機(jī)模擬，調(diào)試等工具，還支持在線打包，也就是說你不用配置什么java開發(fā)環(huán)境就可以開發(fā)安卓軟件，詳情戳這里 下載軟件
4、前端UI框架，本次教程我使用的是谷歌的MDUI框架，詳情請(qǐng)戳：這里下載

OK，以上準(zhǔn)備好，先看看做出來的并且打包好的APP界面和安裝包。

demo:demo.apk

下面就開始做事了！
1、先打開Hbuilder（以下簡(jiǎn)稱HB）
2、創(chuàng)建一個(gè)webapp工程，空模板就行

3、可以創(chuàng)建在桌面，然后就可以看到整個(gè)工程的目錄了，但系統(tǒng)默認(rèn)生成的文件，可以刪掉，留下一個(gè)manifest.json
4、然后把我們提前下載好的前端UI所有文件Copy進(jìn)來，我用的是MDUI

5、然后就可以開始對(duì)代碼進(jìn)行修改了，我們看到HB的代碼編輯器里面左側(cè)就有整個(gè)項(xiàng)目的文件了

這些項(xiàng)目文件不就是web前端的一些結(jié)構(gòu)嗎？所以很容易，咱們就用開發(fā)web前端網(wǎng)站的思維去做就好了。

6、網(wǎng)站數(shù)據(jù)怎么來？不是只做個(gè)APP，里面沒數(shù)據(jù)吧？也總不能寫死吧？

網(wǎng)站里面的數(shù)據(jù)就通過php+mysql實(shí)現(xiàn)的json數(shù)據(jù)接口就可以了，咱們可以用jQuery把數(shù)據(jù)拼接到index.html

上面的就是jQuery-ajax實(shí)現(xiàn)的把test.php從數(shù)據(jù)庫(kù)取出來的數(shù)據(jù)拼接到index.html頁(yè)面的id為tab1的div中的實(shí)例。

test.php

上面的test.php就是后端，非常簡(jiǎn)單的后端，實(shí)現(xiàn)從數(shù)據(jù)庫(kù)取數(shù)據(jù)并輸出成json格式，那么運(yùn)行test.php的結(jié)果返回的數(shù)據(jù)格式是json格式。

然后通過index.html的ajax請(qǐng)求數(shù)據(jù)并拼接在div中顯示就可以了。

在這期間你可以進(jìn)行真機(jī)調(diào)試，最后打包！

云打包的好處就是我們不需要在本地搭建環(huán)境，直接提交上去，打包好會(huì)返回下載鏈接讓我下載安裝包，除了生產(chǎn)Android安裝包之外，還可以生成ios的，我們這邊只測(cè)試生成Android的安裝包。

提交之后會(huì)需要2-5分鐘的打包，然后生成一個(gè)apk安裝包，就可以在手機(jī)安裝使用你開發(fā)得app了，什么簽名這些全都不用搞。

當(dāng)然如果你要設(shè)置APP的啟動(dòng)圖和圖標(biāo)，你只需要在manifest.json里面進(jìn)行設(shè)置即可，這就是一開始為什么不要?jiǎng)h掉的原因！

本文寫作用時(shí)：30分鐘
作者:TANKING
技術(shù)分享博客：http://likeyunba.com/pc/jishu...

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/69591.html

相關(guān)文章

  • html+css+js+Hbuilder開發(fā)一款安卓APP，根本不用學(xué)Android開發(fā)！

    摘要：我們知道，要做一款安卓，咱們得先學(xué)安卓開發(fā)語言，例如，前端后端。那么沒有這些開發(fā)語言基礎(chǔ)，咱們?cè)趺醋瞿仄鋵?shí)現(xiàn)在有比較好的開發(fā)方案就是做，咱們可以用前端知識(shí)構(gòu)建安卓客戶端，用構(gòu)建服務(wù)端。 我們知道，要做一款安卓APP，咱們得先學(xué)安卓開發(fā)語言，例如java，前端后端。那么沒有這些開發(fā)語言基礎(chǔ)，咱們?cè)趺醋瞿?？其?shí)現(xiàn)在有比較好的開發(fā)方案就是做webAPP，咱們可以用web前端知識(shí)構(gòu)建安卓客戶端...

    宋華 評(píng)論0 收藏0

  • html+css+js+Hbuilder開發(fā)一款安卓APP，根本不用學(xué)Android開發(fā)！

    摘要：我們知道，要做一款安卓，咱們得先學(xué)安卓開發(fā)語言，例如，前端后端。那么沒有這些開發(fā)語言基礎(chǔ)，咱們?cè)趺醋瞿仄鋵?shí)現(xiàn)在有比較好的開發(fā)方案就是做，咱們可以用前端知識(shí)構(gòu)建安卓客戶端，用構(gòu)建服務(wù)端。 我們知道，要做一款安卓APP，咱們得先學(xué)安卓開發(fā)語言，例如java，前端后端。那么沒有這些開發(fā)語言基礎(chǔ)，咱們?cè)趺醋瞿?？其?shí)現(xiàn)在有比較好的開發(fā)方案就是做webAPP，咱們可以用web前端知識(shí)構(gòu)建安卓客戶端...

    snifes 評(píng)論0 收藏0

  • html+css+js+Hbuilder開發(fā)一款安卓APP，根本不用學(xué)Android開發(fā)！

    摘要：我們知道，要做一款安卓，咱們得先學(xué)安卓開發(fā)語言，例如，前端后端。那么沒有這些開發(fā)語言基礎(chǔ)，咱們?cè)趺醋瞿仄鋵?shí)現(xiàn)在有比較好的開發(fā)方案就是做，咱們可以用前端知識(shí)構(gòu)建安卓客戶端，用構(gòu)建服務(wù)端。 我們知道，要做一款安卓APP，咱們得先學(xué)安卓開發(fā)語言，例如java，前端后端。那么沒有這些開發(fā)語言基礎(chǔ)，咱們?cè)趺醋瞿兀科鋵?shí)現(xiàn)在有比較好的開發(fā)方案就是做webAPP，咱們可以用web前端知識(shí)構(gòu)建安卓客戶端...

    luxixing 評(píng)論0 收藏0

  • 使用HBuilder開發(fā)移動(dòng)APP

    摘要：目錄可選的各平臺(tái)開發(fā)工具可選安卓開發(fā)者官網(wǎng)的一些離線文檔，不過下載下來打開也很慢，后面會(huì)提供另外一個(gè)離線版?？蛇x，此項(xiàng)在高版本中已不提供，需要在里通過引入，當(dāng)然也可以下載離線版內(nèi)置的安卓示例程序，推薦安裝?？蛇x安卓的源代碼，推薦安裝。 前言 HBuilder是DCloud（數(shù)字天堂）推出的一款支持HTML5的Web開發(fā)IDE。HBuilder的編寫用到了Java、C、Web和Ruby。...

    IntMain 評(píng)論0 收藏0

  • 使用HBuilder開發(fā)移動(dòng)APP

    摘要：目錄可選的各平臺(tái)開發(fā)工具可選安卓開發(fā)者官網(wǎng)的一些離線文檔，不過下載下來打開也很慢，后面會(huì)提供另外一個(gè)離線版?？蛇x，此項(xiàng)在高版本中已不提供，需要在里通過引入，當(dāng)然也可以下載離線版內(nèi)置的安卓示例程序，推薦安裝。可選安卓的源代碼，推薦安裝。 前言 HBuilder是DCloud（數(shù)字天堂）推出的一款支持HTML5的Web開發(fā)IDE。HBuilder的編寫用到了Java、C、Web和Ruby。...

    yuanxin 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<