HBuilder怎么计算app代码app行数

来源：蜘蛛抓取(WebSpider) 时间：2016-10-31 02:15 标签： 代码app
介绍目前前端人员开发app的几种方法，具体介绍hbuilder开发app，一扇赞新的大门~
无所不能的js
最开始js仅仅局限于网页上一些效果，操作网页内容等，
但是nodejs把js带入了后端，也就是服务器端，从此前端人员可以涉及后端，前后通吃，
native.js（以及其他js，稍候介绍）把js带入了移动端，从此前端人员前后移动通吃。
前端涉及app的两种方式
适应移动端的网页
大家都很熟悉的bootstrap，和现在刚出来的amazeui就是这种方法的代表，
说的简单点就是对移动端做了适配，是的布局样式组件都适合移动端展示，
我的个人网站（）就是使用bootstrap3做的，手机浏览效果也很好。
缺陷：毕竟不是app，不管怎么样也没办法取代app的便捷和功能强大。
js+html+css+打包技术
比较有名的就是phonegap了，国内的是hbuilder，
大概的意思是html负责页面内容，js负责效果以及调用原生app方法，ui框架负责样式，
最后打包成apk或者ipa。
hbuilder（）
不谈phonegap，不适用国内国情，
是的，你没有看错，这是一个开发的ide，其实就是对eclipse进行了深度定制。
特点是快捷键比较多，支持移动app开发（h5+方式）。
终于说到正题了，这个就是之前提到的打包技术，
可以说nodejs将js带到后端，h5+将js带到移动端。
上面说过的原理，再次说一遍：
html负责页面，也就是的内容和框架；
js负责调用方法，也就是调用一些移动端原生；
ui负责样式，比较有名的bootstrap，amazeui，&mobile，mui
上面说的几个ui，做下简单比较，仅代表个人观点，
amazeui，功能和bootstrap重复，官方解释是对中文排版做了优化，个人觉得有点多余，bootstrap就很好。
bootstrap，适合移动端浏览网页适配，移动端浏览效果不错，但是还是网页。
jquery mobile，专门对移动端做定制，看起来就像手机应用一样，js+css（300k），国外的，不推荐，有坑。
mui，这个是推荐的，比较了jqmobile和mui，显然mui效果样式好点，估计也会有坑，但是支持国产吧。
搭建开发环境
不需要搭建和的开发环境，只需要下载hbuilder（估计需要环境支持），
目前推荐mui，效果不错
通过js调用原生方法实现app效果
写业务逻辑
代码和图片（简单示例）
文字说再多感觉也不是很大，下面来代码和图片，
文件结构：
你没有看错，仅仅需要一个html页面，加一些js，css，这个例子使用的jquery mobile
页面代码：
head部分，仅仅引入一些必须的js和css
&&&&&&&&function&helloworld(){&&
&&&&&&&&&&&&alert("hello&world!")&&
&&&&&&&&}&&
&&&&&&&&document.addEventListener('plusready',&function(){&&
&&&&&&&&&&&&alert("welcome&to&Html5plus!");&&
&&&&&&&&});&&
body部分，普通的页面
&&&&&&&&&&&&
&&&&&&&&&&
&&&&&&&&&&&&
&&&&&&&&&&&&
&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&
&&&&&&&&&&&&
&&&&&&&&&&
&&&&&&&&&&&&
手机连接电脑，然后在hbuilder下运行&&手机运行&&在设备上运行，
就直接可以在手机上看效果了
在hbuilder中发型&&app打包，然后交给云端去打包，打包好后会自动下载，例如
心动了吗？
现在，如果你会html+js+css，那你只需要一个hbuilder就可以开发app了，通吃android和ios
原文链接：http://blog.csdn.net/uikoo9/article/details/
阅读(...) 评论()HBuilder+移动APP开发实例 - 木乃伊人 - 博客园
我很骄傲，因为我是小白菜一枚！
说明：一般要把官网内容通读一遍，这是开发的基础
& & 1、新建项目
& &&在首页点击新建移动App，如下：
& & &&或者在项目管理器内右键新建，或者快捷键ctrl+n+a
& & 2、选择模版
& & 这里选择mui项目，会自动引入mui的js和css，如下：
& &3、文件结构
& &默认有以下几个文件夹：css，fonts，js，如下
& 基础开发
& &代码如下：
1 &!DOCTYPE html&
&meta charset="utf-8"&
&meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /&
&title&&/title&
&script src="js/mui.min.js"&&/script&
&link href="css/mui.min.css" rel="stylesheet"/&
&script type="text/javascript" charset="utf-8"&
mui.init();
12 &/head&
&header class="mui-bar mui-bar-nav"&
&a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"&&/a&
&h1 class="mui-title"&我的标题&/h1&
&div class="mui-content"&
&ul class="mui-table-view" id="my_list"&
&li class="mui-table-view-cell"&
&div class="mui-slider-right mui-disabled"&
&a class="mui-btn mui-btn-red"&删除&/a&
&div class="mui-slider-handle"&
&li class="mui-table-view-cell"&
&div class="mui-slider-right mui-disabled"&
&a class="mui-btn mui-btn-red"&删除&/a&
&div class="mui-slider-handle"&
38 &/body&
39 &/html&
& 直接连接真机运行（插入USB调试即可：）
& 选择运行&&手机运行&&在xx设备上运行
& 或者使用快捷键ctrl+r
& 运行结果：
&这就是简单的应用了！！！
dcloud证书打包
& 选择发行&&App打包&&选择以及dcloud公用证书，如下
可能有时候会提示参数配置错误，这是你需要打开项目下manifest.json文件，并去掉第三方插件，如下：
返回上一步的发行打包，点击打包后会提示你已经到云端打包，你只需要等待了，
一小会之后就打包好了，这时你就可以把apk拷贝到自己手机使用了，
相关的app免费打包推荐：应用之星输入关键字或相关内容进行搜索
帮顶，同求，每次在HBuilder上新建app的时候在手机上运行都会覆盖掉之前的项目
随便问问为什么我我点击返回键没有反应啊
相同问题求解答。
那个测试的hbuilder会覆盖的
打包后的安装文件不会
另外,同样是h5mui做的app还能互相后台唤醒
你这id让我恍惚是我自己评论的
要回复问题请先或
HTML5 APP 开发探索者
关注: 5 人15:05 提问
怎么用hbuilder做移动APP登录功能
部门编号、部门口令登录界面
登录成功后显示：部门信息（部门名称、部门联系方式、部门编号），登录不成功提示错误原因。注:浏览器锁定，如果用户用ie内核的浏览器登录提示下载Chrome浏览器，登录界面不显示
后台是用eclipse，Java语言。
现在前台用hbuilder做出界面了，后台用eclipse也能查到数据库数据了，就是不会将它们两连起来，不知道怎么用Java进行登录验证，第一次用hbuilder，还是个新手，请各位大神帮帮忙，最好有做出完整的项目看一下，百度查了许多，没有代码和具体的操作步骤，说的都是思路看不懂。。。
按赞数排序
具体可参考:
其他相关推荐输入关键字或相关内容进行搜索
var main = plus.android.runtimeMainActivity();
var Intent = plus.android.importClass('android.content.Intent');
var ContactsContract = plus.android.importClass('这里应该填什么来打开Hbuilder开发的另外一个APP');
var intent = new Intent(Intent.ACTION_PICK, ContactsContract.Contacts.CONTENT_URI);
main.startActivityForResult(intent, 1000);
要回复问题请先或
浏览: 1637
关注: 2 人

我要回帖

更多关于 代码app 的文章

 

随机推荐