用hbuilder做一个移动app

菜鸟一个,需要一个简单的app成品,实现基本功能,需要有一定讲解

1个回答

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

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
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。话不多少,直接上程序代码:<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>皮肤抽奖</title> <
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写一个开心网注册账号的页面
&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;开心网&amp;lt;/title&amp;gt; &amp;lt;style type=&quot;text/css&quot;&amp;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中默认有对窗口管理的代码,可以直接使用。 ...
相关热词 c#开发的dll注册 c#的反射 c# grid绑定数据源 c#多线程怎么循环 c# 鼠标左键 c# char占位符 c# 日期比较 c#16进制转换为int c#用递归求顺序表中最大 c#小型erp源代码
立即提问