HBuilder开发APP教程
文章平均质量分 89
HBuilder开发APP教程
uikoo9
这个作者很懒,什么都没留下…
展开
-
前端开发APP,从HBuilder开始~
内容简介介绍目前前端人员开发app的几种方法,具体介绍hbuilder开发app,一扇赞新的大门~无所不能的js最开始js仅仅局限于网页上一些效果,操作网页内容等,但是nodejs把js带入了后端,也就是服务器端,从此前端人员可以涉及后端,前后通吃,native.js(以及其他js,稍候介绍)把js带入了移动端,从此前端人员前后移动通吃。前端涉及app的两种原创 2015-02-03 16:23:00 · 204685 阅读 · 22 评论 -
HTML5+开发移动app教程3-mui开发示例
前言看了前面两篇内容是否有点跃跃欲试了?下面就开始一个简答的例子,以及mui相关内容mui官网:http://dcloudio.github.io/mui/说明:希望你可以把官网内容通读一遍,这是以后开发的基础开始新建项目在首页点击新建移动App,如下:或者在项目管理器内右键新建,或者快捷键ctrl+n+a选择模版这里选择原创 2015-02-04 14:29:28 · 122092 阅读 · 13 评论 -
HPP——让所有中小企业拥有自己的APP
HPPhybirdApp或者hbuilderApp,指通过html,css,js语言开发出ios和android两个版本的APP,开发效率成倍上升,开发时间大幅缩减,开发成本同样也大大缩减。移动互联网时代,还有多少中小公司没有自己的app,原因何在?1.中小公司有多少?这个都不需要引用相关数据,想想一句话就明白了,“一将功成万骨枯”,这句话同样适合创业者,普通人原创 2015-11-05 12:03:09 · 4399 阅读 · 2 评论 -
如何快速开发出一个高质量的APP——创业谈
注:1.水平有限,欢迎批评指正2.博文举到的例子纯属虚构(切勿对号入座)【起】今早,一个技术群里有人想快速做出一个app,然后询问技术方案,大概是这样,拿到了200w投资,期望花20w两个月先做出一个app,包括ios,android,先,呵呵,一下,大概预估了一下,两个月20w,一个月10w,基本就是一个高级ios,一个高级android,一个原创 2016-06-09 00:08:28 · 10592 阅读 · 0 评论 -
HTML5+开发移动app教程1-环境搭建
前言本教程是介绍使用html5+(nativejs)和mui开发移动app(包括android和ios),感兴趣请继续,不感兴趣请跳过,大部分来自官方api,增加了一些自己的总结。HBuilder说明用h5+开发app的环境,也是ide,对eclipse做了深度定制,以前使用过eclipse或者myeclipse可以直接上手官网http://www.dclo原创 2015-02-04 13:45:58 · 83728 阅读 · 6 评论 -
HTML5+开发移动app教程2-原理介绍
原理html5+开发app的原理大概是这样:html页面负责内容;ui负责页面样式;js负责调用原生app方法。html5html5这部分负责页面,也就是app中你看到的东西,大概的架构和内容uiui负责页面样式,既然要做移动app,那做出的效果就得和移动端靠近,这里并没有局限于用那种ui,比较常见的适配移动端的ui框架有:bootstrap原创 2015-02-04 14:07:02 · 24898 阅读 · 0 评论 -
HTML5+开发移动app教程4-mui中几种open页面的区别
【前言】使用hbuilder+mui做app一段时间,期间遇到问题不少,自己摸索,做了个app,详见:http://uikoo9.com/dishi/download如果您水平比这个高,那就不用看了,直接跳过。【水平】由于用hbuilder+mui出于兴趣,也就没有去看源码,停留在使用总结层次,所以有说的不对的地方还请见谅。原创 2015-03-27 14:58:26 · 59670 阅读 · 3 评论 -
HBuilder开发App教程01-推开前端开发App的大门
奇妙的前端,奇妙的js众所周知,自从js有nodejs后,前端人员可以华丽的转身,去开发高并发非阻塞的服务端程序,随着html5的出现,伴随一些amazing的特性,h5开发app的技术越发的成熟,自从2008年国外推出phonegap后,前端人员又踏上开发app的路程,今年来国内也对应推出了一些可以让前端人员开发app的ide,不过大部分是收费的,强定制的,这里就不一一列原创 2015-07-01 22:02:48 · 11326 阅读 · 4 评论 -
HBuilder开发App教程02-环境搭建,HelloWorld以及真机调试
环境搭建前言用HBuilder做开发,其实可以说是最简单的一种环境搭建了,甚至可以说没有环境需要搭建,想想android开发的时候,相当痛苦,下载各种sdk,而且都需要翻墙,苦不堪言。用HBuilder做开发,只需要基础的java环境,其余的android和ios环境统统不需要。HBuilder可以做到这一点,是因为:1.将打包放到的云端,免去了本地搭建环境进行打包的痛原创 2015-07-03 00:14:54 · 51545 阅读 · 3 评论 -
HBuilder开发App教程03-定制图标,启动页以及打包
helloworld上次说到了helloworld,你应该已经可以新建项目,真机调试了,这次来说说图标的定制,启动页的定制以及打包。图标定制如果不定制图标的话,默认会是博文顶部图表的样子,你肯定不想这个样子,来吧,定制一个自己的图标吧。打开项目下的manifest.json,选择底部的图标配置(老版本需升级到最新版),然后选择一个制作好的256*256大小的原创 2015-07-04 10:53:02 · 32410 阅读 · 2 评论 -
HBuilder开发App教程04-mui介绍
前言前几篇说到一些HBuilder开发app的基础教程,现在来说一下HBuilder开发app的难点,或者说是上手的难点,就是mui,如果你没有研究mui就贸然的上手HBuilder,那你的开发过程是痛苦的,花一点时间研究下mui,对你之后开发app有很大的帮助。网址教程再好,也会有疏漏的地方,还需要你仔细阅读官方文档,附地址:http://dcloudio原创 2015-07-06 23:10:47 · 34452 阅读 · 1 评论 -
HBuilder开发App教程05-滴石和websql
滴石介绍滴石是用HBuilder开发的一款计划类app,用到HBuilder,mui,nativejs以及h5一些特性。预期目前只开发到todolist级别,以后计划做成日计划,月计划,年计划等计划类app。网址官网:http://uikoo9.com/dishi开源:http://git.oschina.net/uikoo9/uikoo9-dishi教原创 2015-07-09 09:36:53 · 12208 阅读 · 1 评论 -
HBuilder开发App教程06-首页
实战前面几节基本是一些概念的普及,正如前面提到的,本教程会以滴石作为范例进行讲解,有兴趣的可以先行下载体验一下,或者下载源码研究下。新建项目打开HBuilder,在项目管理器中右键——新建——移动app,或者直接ctrl+n,a,见到如下界面,填入项目名称,选择mui项目,新建完成后,默认生成的目录如下,基本和前端开发的目录结构类似,连接手机原创 2015-07-29 23:16:43 · 21121 阅读 · 4 评论 -
HBuilder开发App教程07-列表页
说明接着上节的内容,本节讲首页的list页面,如果看过上一节你就会明白“首页”是由只有头部的index页面和列表list页面组成的,本节涉及到:1.几种页面的打开方式2.websql的应用3.页面内容的加载4.页面实现几种页面打开方式如果看过以前的章节你会明白,在Hbuilder,mui中需要放弃href跳转,而专用mui自带的页面打开方式,为什么?原创 2015-08-04 20:54:18 · 9028 阅读 · 0 评论 -
HBuilder开发App教程08-几种页面打开方式
说明上节说了list页面的实现,其中关于几种页面的打开方式没有详细述说,本节详细述说下几种页面打开方式的区别。几种打开页面的方式1.初始化时创建子页面2.直接打开新页面3.预加载页面示例1.初始化时创建子页面mui.init({ subpages: [{ url: your - subpage - url, //子页面HT原创 2015-08-04 20:55:28 · 16243 阅读 · 1 评论 -
HBuilder开发App教程09-侧滑菜单
侧滑菜单功能上节讲到了列表页,这节讲一个比较常用的功能,侧滑菜单,在本app中策划菜单用来记录已经完成的事项。实现方式用Hbuilder实现类似侧滑菜单这样原生app功能,一般有两种实现方式,详见:这里。一是webview实现,二是div模拟实现,两者的区别是div实现简答,但是偶尔效果不是很好,而webview实现稍微复杂,页面传值也复杂,但是效果好点,一般推原创 2015-08-04 20:56:54 · 13696 阅读 · 0 评论 -
HBuilder开发App教程10-完成事项
回顾回顾一下之前的要点:1.Hbuilder创建项目,真机调试2.首页3.列表页4.侧滑菜单5.websql6.几种页面打开的方式再讲下本节的要点:1.fire方式页面间传值2.再讲websql完成事项功能描述左滑待办事项会出现完成按钮,点击按钮会将待办事项完成,并加入侧滑菜单,过程1.左滑出现完成按钮2.点击按钮后将原创 2015-08-04 20:57:31 · 9805 阅读 · 0 评论 -
HBuilder开发App教程11-添加事项
前言鉴于前几节内容比较多,可能需要消化,所以本节就搞的简单点,主要讲添加事项添加页功能1.点击左上角的图标,弹出添加页2.填写内容,将事项添加到todo表中,隐藏添加页,显示列表页3.进入添加页后顶部图标的变化4.默认提示页面1.index页面需要创建添加页,监听跳转添加的事件,以及改变按钮的方法2.add页填写内容,fire事件到list页面原创 2015-08-04 20:58:15 · 5165 阅读 · 0 评论 -
HBuilder开发App教程12-详情页,删除和退出
接近尾声本节讲讲详情页,删除和退出,然后基本接近尾声了,希望大家有所收获。详情页说明点击待办事项,我跳转到详情页,可以看到事项的详情detail.html title cont原创 2015-08-05 21:59:47 · 13045 阅读 · 0 评论 -
HBuilder开发App教程13-ios调试以及发布【完结】
完结不知不觉,教程就完结了,感觉很快,有可能是app过于简单吧,或者自己讲的不是很详细?不管怎么样,总算完结了,附一张美女图片,犒劳下~ios调试之前的真机调试一直是用的android真机,今天用了下iphone6,感觉也没啥难度,具体如下:1.首先你需要有一台iphone,然后数据线连接电脑2.这之前需要下载itunes,这里,然后是安装itunes3.最后你原创 2015-08-06 11:44:10 · 20465 阅读 · 9 评论 -
Hbuilder开发app实战-识岁01-actionsheet实例
前言之前写了HBuilder开发App入门-滴石,相信大家看完后应该可以入门了,之后会做一些简单的app,把nativejs一些常用的功能都过一遍,这样以后做app就没什么难的了。识岁借助与face++的接口,做了一个人脸识别app,准确性和微软比确实差点,主要用到了:1.actionsheet的原生实现2.选择本地照片3.使用摄像头拍照4.使用uplo原创 2015-08-17 21:43:25 · 15579 阅读 · 0 评论 -
Hbuilder开发app实战-识岁02-拍照和选取照片
前言拍照和选取照片是app中比较常用的功能了,本节讲解一下代码// choice imgfunction choiceImg(){ qiao.h.sheet('选择照片', ['拍照','相册'], function(e){ var index = e.index; if(index == 1) choiceCamera();原创 2015-08-19 20:40:58 · 10926 阅读 · 3 评论 -
Hbuilder开发app实战-识岁03-文件上传
前言做app不得不谈的问题就是文件上传,用hbuilder开发app让上传变的很简单。UploaderUploader模块管理网络上传任务,用于从本地上传各种文件到服务器,并支持跨域访问操作。通过plus.uploader可获取上传管理对象。 Uploader上传使用HTTP的POST方式提交数据,数据格式符合Multipart/form-data规范,即rfc18原创 2015-08-23 23:52:24 · 8843 阅读 · 3 评论 -
Hbuilder开发app实战-识岁04-七牛云上传文件的js实现
前言不得不说自从所谓的“云”概念开始,多多稍稍还是给生活带来了一些改变,其中对开发者影响比较大的就是各种云平台和云存储,云存储中我比较推荐七牛云。七牛云上传七牛云的上传支持很多种语言,我用过的有java和js,个人感觉都比较方便,当然java要比js方便一点吧,由于是app中要上传到七牛云,所以不可能使用java,就看拉看七牛云的js上传,详见这里:http://d原创 2015-08-24 00:16:07 · 8167 阅读 · 0 评论 -
Hbuilder开发app实战-识岁05-Crypto.js实现各种js加密算法
前言js加密,应该说做js开发的很少接触到这一块,因为很多时候都是做加密,很少有前端做加密的,很荣幸我接触过两次,找到了crypto.js,很好的东西,可以实现各种js加密。吐槽吐槽下前端做加密,一般来说前端做加密这需求是很少的,极少的,我却碰到了两次,一次是前后端分离,涉及到安全,所以数据传输需要加密,也就是ssl+3des+md5做加密,一次就是识岁app,需要原创 2015-08-24 00:39:06 · 6269 阅读 · 1 评论 -
Hbuilder开发app实战-识岁06-face++的js实现【完结】
前言由于识岁app比较简单,所以这节就完结吧,当然还有一些可以优化完善的地方,但是个人兴趣不是很大,有想继续完善的,源码在这里:https://github.com/uikoo9/shisuiface++在简单的介绍下face++,不久前,微软推出了一个识别人年龄的网站:http://how-old.net/,不得不说微软的算法牛逼,数据海量,本人测试的时候原创 2015-08-24 01:01:58 · 6040 阅读 · 0 评论