用hbuilder做一个移动app-CSDN问答

用hbuilder做一个移动app: 菜鸟一个，需要一个简单的app成品，实现基本功能，需要有一定讲解; 发布于：2017.05.02 11:51

| 评论0 | 收藏 | 浏览1925 |

: 又又桨一舟

声望： 2

1个回答

按赞数排序

需要这个需要那个，就是不需要付出人民币

发布于：2017.05.02 11:48

评论 0 |

: 贵阳老马马善福专业维修游泳池堵漏防水工程

声望： 342930

: 插入链接

本地上传网络图片

上传中...

浏览

上传图片

插入图片

其他相关推荐

Hbuilder新建手机APP示例: Hbuilder使用HTML5构建手机APP应用客户端，今天介绍一个示例如何构建一个可以运行的手机APP应用。方法/步骤点击红色圈圈里的“新建移动APP”或者点击“文件”->”新建”->“移动App” .. . 输入应用名称“Hello”，点击“完成” . . . 新建的工程示例如下图所示 . . . 双击打开“index.html”，选择浏览器调试运行方式：右击“运行

使用HBuilder开发移动APP：开发环境准备 (转): 一直想开发个APP玩玩的，但是作为一个PHP码农，需要新学习JAVA或者Object C，这也是一直没能实现这个目标的原因。但是现在HTML5+、APPCAN、apicloud很多工具利用前端技术就能轻松开发app，这也使我的这个愿望终于能成真了。哪款工具适合自己只有试验了才知道，所以计划一边学习一边记录下来过程和体会。最先试用的是HTML5+，因为HBuilder这款前端开发工具比较合眼缘吧

Hbuilder移动app入门: Hbuilder移动app入门 HBuilder-飞速编码的极客工具，手指爽，眼睛爽下载一、下载地址（官网）：http://www.dcloud.io/ 二、安装：很简单，傻瓜式操作三、主界面上图是这个编辑器的一些简单的描述，可以说是一个项目开发的基本认识四、创建一个名为Demo的h5移动app项目 1.新建->移动APP，出现下图描述

借助HBuilder快速开发APP入门: 首先这次博客是真正的入门大部分都主要是概念讲解，后面可能会有一些自己的代码练习。然而为什么要用HBuilder来开发呢，这是首先要说明下的。编码比其他工具快5倍够不够？对极客而言，追求快，没有止境！代码输入法：按下数字快速选择候选项可编程代码块：一个代码块，少敲50个按键内置emmet：tab一下生成一串代码无死角提示：除了语法，还能提示ID、Class、图片、链接、字体… 跳转助手、选择

hbuilder开发移动app视频教程,mui视频教程: 通过实际的商城app开发前端页面的案例向大家介绍了如何使用mui进行app开发。

HBuilder开发App教程06-首页: 实战前面几节基本是一些概念的普及，正如前面提到的，本教程会以滴石作为范例进行讲解，有兴趣的可以先行下载体验一下，或者下载源码研究下。新建项目打开HBuilder，在项目管理器中右键——新建——移动app，或者直接ctrl+n，a，见到如下界面，填入项目名称，选择mui项目，新建完成后，默认生成的目录如下，基本和前端开发的目录结构类似，连接手机

对Hbuilder打包移动app手机调试的方法的补充: 手机的安卓版本要在4.4+以上版本，谷歌浏览器不要太低就可以了。

了解使用HBuilder进行H5的web和app开发: 简单做个记录，HBuilder关键要点：（编写于2014年6月）提供h5网站和app的开发框架和开发工具： 1、提供开发工具HBuilder 2、提供开发框架MUI 开发者可以只使用1（开发工具）或2（开发框架）；代码使用js+css实现；使用Native.js实现app功能打包发布详细说明见官方文档：http://ask.dcloud.net.cn/docs

hbuilder开发移动app视频教程,mui视频教程,html5视频教程2: 本课程为基于MUI的混合模式app开发系列课程的HTML5+视频课程部分，主要介绍了混合模式app开发中通过javascript结合html5+SDK进行原生组件调用的介绍。课程系统介绍了手机原生底层各种SDK的调用方法，通过实战讲解，结合实际项目开发经验，让大家掌握手机app开发的基础，为以后更深入的学习打下良好的基础。

HTML5应用开发指南: HTML5开发指南，利用HBuilder软件开发移动APP。

HBuilder开发词典app（一）--基本页面布局: 首先下载HBuilder；在红色➕号按钮下新建移动app，选择mui项目，确定，然后去掉不需要的js和css，并添加h.js和一些我们用到的图片，代码图片自取：https://github.com/lightTrace/Hbuilder-app 首先index.html是整个app的入口页面，header有两个div，一个是书本样式的logo和红色背景，一个是搜索框，下面的四个nav可以通...

使用HBuilder开发移动APP：ajax调用接口数据: 既然要做APP，与接口交互式少不了的，除非只是想做一个纯静态的APP。所以html5+的环境准备好后，我最先开始研究的就是如何与接口交互。使用HBuilder新建示例教程后，里面会有一个ajax(网络请求)的列子，文件目录是examples/ajax.html。看了下这个文件的代码，它的功能就是点击“提交”按钮后提交参数给接口，然后根据选择的返回数据格式，将一段字符串打印出来。我准备改造

hbuilder开发移动app视频教程,mui视频教程,html5视频教程1: 本课程为基于MUI的混合模式app开发系列课程的MUI基础课程部分，主要介绍了MUI的各种控件的基本使用。让大学在实际操作中掌握MUI的基础控件应用，为app开发打下基础。

hbuilder 开发5+ APP采坑记录: 开发一款APP产品需要在安卓和苹果2大平台发布，同时开发团队也需要有安卓和IOS。 HTML5 Plus移动App，简称5+App，是一种基于HTML、JS、CSS编写的运行于手机端的App，这种App可以通过扩展的JS API任意调用手机的原生能力，实现与原生App同样强大的功能和性能。通过5+App可以降低APP开发的门槛，让一般的前端开发人员也可以进行APP的开发，同时能为公司节约很大...

使用Hbuilder编辑器进行移动端页面调试: 打开Hbuilder 里的工具栏下的“边看边改模式”下方有个二维码 2.设置内置web服务器的IP地址为本地地址，以及端口号，确保端口号不冲突

移动开发：H5+实现APP自动下载更新(HBuilder): 这里的自动更新并非是热更新，而只是单纯检测服务器上是否有新的版本，如果有则下载安装。思路：在服务器中配置一个版本文件：xxx.json { update:’yes’,//是否自动更新 version:’1.0.8’,//最新的版本号 url:’http://www.xxx.com/xxxxxx.apk‘//最新安装包的URL路径 } 在每次打开H5APP的时候

前端开发APP，从HBuilder开始~: 内容简介介绍目前前端人员开发app的几种方法，具体介绍hbuilder开发app，一扇赞新的大门~ 无所不能的js 最开始js仅仅局限于网页上一些效果，操作网页内容等，但是nodejs把js带入了后端，也就是服务器端，从此前端人员可以涉及后端，前后通吃， native.js（以及其他js，稍候介绍）把js带入了移动端，从此前端人员前后移动通吃。前端涉及app的两种

HTML5+、mui开发移动app: 跨平台移动APP开发进阶(二)HTML5+、mui开发移动app教程作者：sunhuaqiang1 前端开发APP，从HBuilder开始~ 序通过 HTML5 开发移动App 时，会发现HTML5 很多能力不具备。为弥补HTML5 能力的不足，在W3C 中国的指导下成立了www.HTML5Plus.org组织，推出HTML5+规范。 HTML5+扩

hbuilder的移动端APP如何实现微信支付,求具体流程详解: HBuilder 基座已实现H5 plus的支付API，现已集成支付宝快捷支付平台。使用支付功能前必须在支付宝网站开通”快捷支付“服务，并配置服务器生成订单信息。开发指导支付流程如下： plus API使用步骤： 1. 调用plus.payment.getChannels()获取系统支持的支付通道； 2. 调用plus.payment.request()发起支付请求。

HBuilder开发App教程: 奇妙的前端，奇妙的js 众所周知，自从js有nodejs后，前端人员可以华丽的转身，去开发高并发非阻塞的服务端程序，随着html5的出现，伴随一些amazing的特性，h5开发app的技术越发的成熟，自从2008年国外推出phonegap后，前端人员又踏上开发app的路程，今年来国内也对应推出了一些可以让前端人员开发app的ide，不过大部分是收费的，强定

第一篇：移动APP开发-Hbuilder下载使用: 想要开发一款APP，不求兼容IOS，只要能支持安卓就可以啦。但是呢安卓开发学习成本有点高，没那么多时间，我是做javaWeb开发，因此前端也会点，听说HTML5做移动APP挺好的，所以下载Hbuilder这个IDEA作为开发工具，制作自己的APP。下载地址：http://www.dcloud.io/ 下载后是一个压缩包，大约246MB吧，然后解压安装。该IDEA是java开发，因...

HBuilder制作英雄皮肤抽奖小游戏: 用HBuilder制作英雄皮肤抽奖小游戏，主要用到“轮播图”和“定时器”，至于“轮播图”和“定时器”是什么，请自行百度就OK。话不多少，直接上程序代码：&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;皮肤抽奖&lt;/title&gt; &lt;

dcloud---利用websocket进行通信: dcloud---利用websocket进行通信 1.开发中通常会用到双向通信，即有些时候需要服务器主动推动消息给客户端，显然TCP不可能做到，因此在这里我顺带提一下 websocket。 2.有些时候，开发中，要用到轮训，轮训，说白了，就是要保证某东西一直开着，在达到某个条件的时候，做出某种动作，最简单的定时器机制，就能做到，举个例子，比如手机扫描二维码登录系统，你就可以再二维...

HBuilder开发App教程02-环境搭建，HelloWorld以及真机调试: 环境搭建前言用HBuilder做开发，其实可以说是最简单的一种环境搭建了，甚至可以说没有环境需要搭建，想想android开发的时候，相当痛苦，下载各种sdk，而且都需要翻墙，苦不堪言。用HBuilder做开发，只需要基础的java环境，其余的android和ios环境统统不需要。 HBuilder可以做到这一点，是因为： 1.将打包放到的云端，免去了本地搭建环境进行打包的痛

HBuilder创建App并打包发布: 如今，各式的代码编辑器层出不穷，一门语言的使用就会产生多个编辑器，就以前端而言，前端代码的编辑目前小编就熟悉了四款：Sublime、WebStorm、HBuilder、HBuilderX。曾经小编以为，HBuilder只是前端的代码编辑工具，只是可以编辑HTML、JS、CSS、JSON等文件而已，打开编辑器左上角的文件进行新建时，看到一项“移动App”，小编是没有理会的，感觉自己是用不到的，却不曾...

Hbuilder MUI webApp开发视频教程全套课程视频: MUI 开发app视频教程课程介绍： mui是最接近原生App体验的前端框架，可多端发布到Appstore、Android市场、浏览器、微信公众号、百度直达号及流应用。真正实现多端发布 – 开发一套代码，发布六个平台。本教程将详细讲解MUI的方方面面。课程章节：第1讲 : MUI 介绍、新项目创建、基础布局第2讲 : MUI - accordion（折叠面板）、button（按钮）第3讲 : MUI - actionsheet（操作表）、badge（数字角标）第4讲 : MUI - 复选框、单选框、使用js获取选择值第5讲 : MUI - datepicker（时间选择器）第6讲 : MUI - dialog对话框、ipnut (表单) 第7讲 : MUI - slide（轮播组件）第8讲 : MUI - list（列表/图文列表）第9讲 : MUI - progressbar（进度条）、滑块及switch开关第10讲 : MUI - cardview（卡片视图）、mask（遮罩蒙版）第11讲 : MUI - 窗口管理及窗口之间的数据传递第12讲 : MUI - 事件管理及自定义事件详解第13讲 : APP与服务器之间的交互原理、MUI Ajax使用

H5APP开发（一）：简单计算器（使用Hbuild）: 1、计算器代码<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <meta name="viewport" content="width=device-width,initial-scale:1.0"> <style> html,

html5+开发移动app: http://www.bcty365.com/content-146-2452-1.html

WEB开发者之混合开发APP（二），Hbuilder使用: 开发IDE下载，可进入官网下载，http://www.dcloud.io/，安装完毕后，打开工具如下图：1. 新建项目，APP开发，请选择【移动App】。2. 视图，常用的显示控制台，搜索等视图。3. 人性化视觉主题设置。4. 发行，可打包原生App，云打包后自动下载到本地，可打包Android apk， iOS ipa。打包成功后，5. 真机运行，用数据线连接安卓和苹果手机后，可直接真机运行调...

基于Html5的移动端（APP）开发框架的优缺点: 1.框架：PhoneGap 官网：http://phonegap.com/ 简介： PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone，Android，Palm,Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等，此外Phone

hbuilder app安卓在线升级时总是卡死: ios热更新没问题，安卓在线升级时总是卡住不动。最后把maps模块移除就好了

HBuilder webApp开发(十七)百度地图URI API的使用: 年前的使用公司做了一个物流的app，目的是方便送货师傅的使用。在做的时候，我就集成了百度地图URI API。这个使用比较简单,这里我使用的地址解析baidumap://map/geocoder,这个接口。但是在使用时要区分iOS和安卓系统，就这唯一一个注意点，参数也就是一个，前提是手机安装的有百地图app。document.getElementById('map').addEventListener

禁止横屏操作: 1.命令输入【ionic cordova plugin add cordova-plugin-screen-orientation】rn2.在“app.module.ts”中添加【import {ScreenOrientation} from "@ionic-native/screen-orientation";】rn3.在“config.xml”中添加【】

用HBuilder写一个开心网注册账号的页面: &lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;开心网&lt;/title&gt; &lt;style type="text/css"&gt; *{ margin: 0; padding: 0;

Hbuilder打包到手机调试app的方法: 1、首先手机能够连接到电脑上，若是安卓手机，电脑下载360手机助手，如果是苹果手机，下载itunes.就可以了 2、打包上去之后，在Hbuilder上连接项目。 3、翻墙：有的电脑是可以翻墙的，有的电脑不可以，不可以，则要修改C:\Windows\System32\drivers\etc下的hosts文件，然后从谷歌浏览器中进chrome://inspect 下面会出现inspect的链接，

使用mui制作一个web2app类型的app: mui是Hbuilder自己研发的一套框架，它可以制作三种app：移动app：即与cordova一样将web的资源全部打包为本地文件，这样的app上线后不会再从服务器请求资源，每次更改需要重新上传新的app。webapp：可以用浏览器打开，一般用手机浏览器使用或者微信公众号。wap2app：这种是目前最常用的，就是用app原生代码先搭一个框架，然后我们的网页通过webview嵌入到里面，这时的网页...

HBuilder开发APP（二）——网络请求: mui框架中给我们封装好了常用的Ajax函数，是基于XMLHttpRequest，支持GET、POST请求方式，支持返回json、xml、html、text、script数据类型。 mui常用的请求方法： 1、mui.ajax() ——最初的请求方法，可设置请求方式（GET、POST）、同步/异步、超时时间、请求头、返回数据类型、跨域等； 2、

HBuilder开发App教程10-完成事项: 回顾回顾一下之前的要点： 1.Hbuilder创建项目，真机调试 2.首页 3.列表页 4.侧滑菜单 5.websql 6.几种页面打开的方式再讲下本节的要点： 1.fire方式页面间传值 2.再讲websql 完成事项功能描述左滑待办事项会出现完成按钮，点击按钮会将待办事项完成，并加入侧滑菜单，过程 1.左滑出现完成按钮 2.点击按钮后将

MUI-开发移动APP: 一、下载hbuilder 下载链接:http://www.dcloud.io/mui.html 二、创建MUI项目三、MUI模板中内嵌了许多写好的demo直接参考其中有许多未知的bug，官网的文档不是很全，自己写其中有很多坑，只能去官网论坛找找四、打包生成apk 五、打包好的apk直接可以再手机上运行咯

Hbuilder打包app的简单步骤: 我们在做移动端项目的时候，有时候需要看一下自己做的效果，这个时候最简单，最快的方法就是使用 Hbuilder进行打包，以下就是用Hbuilder打包成app的简单步骤，如下：第1步，点击文件新建，移动app项目这里要写项目名称和位置，还是就是选择模板，选择模板，根据自己的需要进行选择第2步，把要打包的项目直接放到刚才新建的文件中。这里选择第一个复制文件或文件夹到项目中，如下图

移动手机APP开发、一个完整的APP是如何从零开始做出来的？: 第一步（构思部分）：想和看　　想什么？呢，当然是想我们要创作出一个什么样的作品，可以是自己喜欢的产品，做个redesign什么的。也可以是一个大杂烩功能整合，但是尽量不要做差异太大的两种产品，比如佛学类和陌生人社交（yuepao）这两类的结合就有点坑爹了：D 总不能和尚约和尚我们出来一起念经对吧。看什么？ 1.互联网热点新闻、黑科技等前沿科技报告。 2.国外设计资源

利用HBuilder将vue项目打包成移动端app: 事先准备，开发完成的web app项目（也可以利用vue-cli脚手架构建vue模板项目），npm run dev可以正常预览的项目 1，将项目目录下config文件内index.js中assetsPublicPath修改为 assetsPublicPath: './' 2，执行npm run build之后生成dist文件夹 3，打开HBuilder，文件->打开目录，如下图

对于HBuilder和appcan的比较: 每个工具都有每个工具的特点，可能我喜欢ps，也可能我喜欢fireFireworks，只要自己觉的好，那才是真的我，我今天就从我的角度去了解这俩款工具的比较。 1、IDE H的IDE的代码编辑方便性非常厉害的，appcan这方面还是相对弱一点。 HBuilder appcan 2、CSS UI H的基本没有ui框架。

Hbuilder开发app实战-识岁02-拍照和选取照片: 前言拍照和选取照片是app中比较常用的功能了，本节讲解一下代码 // choice img function choiceImg(){ qiao.h.sheet('选择照片', ['拍照','相册'], function(e){ var index = e.index; if(index == 1) choiceCamera();

HBuilder 入门(5) 编写一个登录页面 - Ajax交互: 使用AJAX方式，页面不会因为刷新而现实大白页。交互这部分可以分成两个部分：服务器端和客户端。服务端以Java语言为例子（因为我只做过Java的）。其实 c#或者php等语言实现起来也都是基本一样的，可以当做参考。如果你正在使用SpringMVC，那么就简单了，因为Spring已经封装了Ajax的调用方式。如果像我一样，没有使用SpringMVC，那么很

Hbuilder开发app在手机端缓存json数据: 如何在手机端缓存json数据 App首次安装完成后，对于动态的List类的标题列表 Ajax请求服务器Json数据，每次请求后将最新的json数据缓存：目的A：打开App后，如果有缓存的Json数据，直接先显示出来，延迟后在依据网络连接状态Ajax刷新数据... 目的B：在没有网络连接的时候，App页面内容有显示，不至于空白太难看答案 HTML5+的离线本地

HBuilder开发App教程01-推开前端开发App的大门: 奇妙的前端，奇妙的js 众所周知，自从js有nodejs后，前端人员可以华丽的转身，去开发高并发非阻塞的服务端程序，随着html5的出现，伴随一些amazing的特性，h5开发app的技术越发的成熟，自从2008年国外推出phonegap后，前端人员又踏上开发app的路程，今年来国内也对应推出了一些可以让前端人员开发app的ide，不过大部分是收费的，强定制的，这里就不一一列

HBulider创建、发布H5移动应用: HBulider是一款基于Eclipse的IDE，兼容Eclipse插件，拥有完整的语法提示和代码输入法、代码块等，对于Web应用开发十分方便，同时HBulider内置了HTML5模板和MUI框架，可以十分快捷的创建H5移动应用。本文使用HBulider创建一个H5移动应用，包含摄像头调用、二维码扫描、文件上传、本地文件系统、本地存储等功能，并在HBulider进行真机调试，最后生成离线资源并使

将已有H5项目用Hbuilder打包生成Android原生安装包: 首先新建一个移动app项目，填写应用名称和存储位置，选择模版，完成将其自带的文件以及文件夹删除，只保留manifest.json文件删除后将已有的h5项目粘贴到tests项目中打开manifest.json文件，配置应用名称、获取appid、版本号、页面入口等信息打开左下角的图片配置，设置app的图标启动图片配置、设置启动图片 sdk

hbuilder 开发APP填坑经验: hbuilder中进行窗口管理有2种方式，一种是用了mui框架，可以用mui提供的管理方式，都封装好了。还有一种是没有用mui,可以直接通过最底层的plus.webview来管理窗口的操作。官方文档地址：http://www.dcloud.io/docs/api/zh_cn/webview.html 我们创建一个H5+的项目，在common.js中默认有对窗口管理的代码，可以直接使用。 ...