如何用手机app制作软件H5

更多频道内容在这里查看
爱奇艺用户将能永久保存播放记录
过滤短视频
暂无长视频(电视剧、纪录片、动漫、综艺、电影)播放记录,
按住视频可进行拖动
&正在加载...
举报视频:
举报原因(必填):
请说明举报原因(300字以内):
请输入您的反馈
举报理由需要输入300字以内
感谢您的反馈~
请勿重复举报~
请刷新重试~
收藏成功,可进入
查看所有收藏列表
当前浏览器仅支持手动复制代码
视频地址:
flash地址:
html代码:
通用代码:
通用代码可同时支持电脑和移动设备的分享播放
用爱奇艺APP或微信扫一扫,在手机上继续观看
当前播放时间:
一键下载至手机
限爱奇艺安卓6.0以上版本
使用微信扫一扫,扫描左侧二维码,下载爱奇艺移动APP
其他安装方式:手机浏览器输入短链接http://71.am/udn
下载安装包到本机:
设备搜寻中...
请确保您要连接的设备(仅限安卓)登录了同一爱奇艺账号 且安装并开启不低于V6.0以上版本的爱奇艺客户端
连接失败!
请确保您要连接的设备(仅限安卓)登录了同一爱奇艺账号 且安装并开启不低于V6.0以上版本的爱奇艺客户端
部安卓(Android)设备,请点击进行选择
请您在手机端下载爱奇艺移动APP(仅支持安卓客户端)
使用微信扫一扫,下载爱奇艺移动APP
其他安装方式:手机浏览器输入短链接http://71.am/udn
下载安装包到本机:
爱奇艺云推送
请您在手机端登录爱奇艺移动APP(仅支持安卓客户端)
使用微信扫一扫,下载爱奇艺移动APP
180秒后更新
打开爱奇艺移动APP,点击“我的-扫一扫”,扫描左侧二维码进行登录
没有安装爱奇艺视频最新客户端?
教你用H5开发手机APP:实现可选择列表
正在检测客户端...
您尚未安装客户端,正在为您下载...安装完成后点击按钮即可下载
30秒后自动关闭
教你用H5开发手机APP:实现可选择列表">教你用H5开发手机APP:实现可选择列表
请选择打赏金额:
播放量12.7万
播放量数据:快去看看谁在和你一起看视频吧~
更多数据:
热门短视频推荐
Copyright (C) 2018 & All Rights Reserved
您使用浏览器不支持直接复制的功能,建议您使用Ctrl+C或右键全选进行地址复制
正在为您下载爱奇艺客户端安装后即可快速下载海量视频
正在为您下载爱奇艺客户端安装后即可免费观看1080P视频
&li data-elem="tabtitle" data-seq="{{seq}}"& &a href="javascript:void(0);"& &span>{{start}}-{{end}}&/span& &/a& &/li&
&li data-downloadSelect-elem="item" data-downloadSelect-selected="false" data-downloadSelect-tvid="{{tvid}}"& &a href="javascript:void(0);"&{{pd}}&/a&
选择您要下载的《
后才可以领取积分哦~
每观看视频30分钟
+{{data.viewScore}}分
{{data.viewCount}}/3
{{if data.viewCount && data.viewCount != "0" && data.viewCount != "1" && data.viewCount != "2" }}
访问泡泡首页
+{{data.rewardScore}}分
{{if data.rewardCount && data.rewardCount != 0 && data.getRewardDayCount != 0}}1{{else}}0{{/if}}/1
{{if data.rewardCount && data.rewardCount != 0 && data.getRewardDayCount != 0}}
+{{data.signScore}}分
{{data.signCount}}/1
{{if data.signCount && data.signCount != 0}}
色情低俗内容
血腥暴力内容
广告或欺诈内容
侵犯了我的权力
还可以输入
您使用浏览器不支持直接复制的功能,建议您使用Ctrl+C或右键全选进行地址复制带大家写一个手机端页面H5+APP(适合新手)第一节带大家写一个手机端页面H5+APP(适合新手)第一节数码篮子百家号大家好,我是新媒之声工作室的大白,今天给大家带大家写一个手机端的页面,这里我们是使用的H5+APP开发的,用的是HBuilder软件,这个软件很适合新手有较强的自动补全功能。这里我就不介绍这个软件了,大家可以自己摸索。我们要准备的工具有:HBuilder(开发软件),jquery。首先我们打开软件HBuilder,点击左上角文件→新建→移动app,进入新建页面,我们需要填写应用名称和应用储存的目录和所需的框架,这里我们不用mui框架,选择空模板→点击完成。我们新建完移动app就可以在左边的项目管理中看见。我点刚刚新建的移动app可以看见软件已经为我们自动生成了所需要的文件夹及文件,css文件夹用来放入我们写的css样式,img文件夹是用来放置我们所需的图片,js文件夹使用来放置我们编写的js文件或是jquery,index.html文件是我们移动app的主页,manifest.json文件是用来设置移动app的应用介绍图标及其设置的文件。接下来我们右键css文件夹,选择新建→css文件,进入新建css文件页面,填写css名称,其它默认就可。然后我们右键js文件夹打开文件所在目录,把准备好的jquery复制进去即可。我们双击index.html文件,进入index.html文件编辑页面,就可以看到软件替我们提前写好的标准H5+结构,这里我就不在介绍H5语言结构了,不知道的可以看前面的教程但我们介绍会解释这句话这句的意思就是不允许用户自己手动缩放或扩大页面比例和自动设置缩放比例,这里好像是1:1的比例。软件保存快捷键和其它软件一样Ctrl+S,另存为快捷键为Ctrl+Shift+S。谢谢观看,下一节开始讲解移动app的主页设计。本文由百家号作者上传并发布,百家号仅提供信息发布平台。文章仅代表作者个人观点,不代表百度立场。未经作者许可,不得转载。数码篮子百家号最近更新:简介:引领科技潮流,为您分享最新前沿数码产品作者最新文章相关文章&于& 15:19&发表在&1636
H5代表的是第5代HTML(超文本标记语言),即HTML5,它可以用来创建手机网页。H5页面作为目前微信上最常见的推广宣传工具之一,有着极高的营销价值,无论是企业还是个人,都可以自主制作和利用H5页面来实现自己的各种目的。
H5制作亮点在于,能让手机网页看上去更加炫酷,具备的功能也更丰富、强大。通常,我们将这种手机网页叫做H5页面,或者微信H5等。H5页面的作用
1、令企业发展更开阔:H5页面作为新兴的微信推广工具,可以应用各种各样的场景, 比如产品展示、购买流程,购物车等,能让客户有更快的速度体验,不再卡顿。
2、令体验更完美:H5页面中的各种炫酷创新的场景模拟、动画效果、互动方式,都能给用户带来新鲜独特的完美体验,这是传统手机页面所不能媲美的。
H5页面可以运用到哪些应用场景
1、企业宣传:高大上的游戏能帮助企业快速聚集人气,让你的客户订单从游戏开始。2、企业招聘:令企业走向人才,令人才近距离了解企业、认识企业,令招聘更高效。3、商业营销:通过HTML5特性,使用大转盘,刮刮卡,满减满增等增加客户粘性,从而达到营销目的。4、报名预约:旅游线路报名、教育课程报名、餐厅预约等场合都可以,多种表单预设,也可以自己创建新的预约流程,自由选择。等等
H5页面制作前的准备工作1、想好标题:标题是吸引用户浏览的第一扇门,一个独特、有悬念的标题往往更能吸引用户的注意。2、准备企业LOGO二维码:在二维码中插入企业LOGO,在将二维码分享出去,可以达 到双重的宣传效果。3、确定你的H5页面推广文案,好的文案,瞬间吸引用户。4、确定你的H5页面投放计划,有计划才能让你的H5页面推广进展更顺利,事半功倍。
H5页面制作方法
1、模板制作:直接使用H5模板,只需通过简单的元素更改就可以完成,比如文字、图片、背景音乐。这种制作方法简单直接,但创新度不高。
2、自由发挥:完全靠个人思路和想法去设计页面,制作自由度更高,但是设计者要具 备一定的审美能力和构图能力,保证页面的可读性。具体制作方法,请看教程:应用之星:最好用的H5制作平台-H5页面制作教程分享
下一个H5达人就是你,快去实践一下H5页面制作吧!
想做互联网创业就找 中伟科app定制开发公司!!
中伟科计算机研究院。源自中国科技大学,是一家APP开发公司,专注app开发。支持4端同步开发,PC页面制作,移动页面制作,手机app开发,IOS APP开发,Android APP开发。
中科大博士团队,具有各行业领域的丰富开发经验。
成功案例包括,一元夺宝系列,电商系列,软硬件结合,H5网站建设及各种手机app软件等等。
诚信合作请联系
电话: 400
官网 http://www.cpioc.com/
关于A5交易
服务时间:周一到周日8:00-23:30
A5交易手机版(扫描下方二维码)
Powered by Discuz! X3.2
Comsenz Inc.查看: 13100|回复: 37
使用机智云快速开发属于自己的APP
主题帖子积分
中级会员, 积分 390, 距离下一级还需 110 积分
中级会员, 积分 390, 距离下一级还需 110 积分
&&小菜鸟编写了自己的第一份教程,有需要的伙伴可以参考一下。
&&在应用的DEMO APP中,难免会遇到需要自己加数据点的地方,教程写了怎么增加一个布尔值的数据点,应该比较容易查看,学习。当然界面修改美化就需要伙伴自己去摸索学习,第一次写难免有些不足,希望有人给予修改指正。
&&由于帖子比较难打字,所以弄了一个PDF,可以下载看看。(下载在尾端)&&忙了几天,终于来把帖子内容弄上去,帖子只弄一部分内容,其实也就跟文件的一样,改进了一张改修改App_ID,App_Screct,ProductKey照片而已。
一.修改App_ID,App_Screct,ProductKey为图所对应的数字
3.png (63.29 KB, 下载次数: 57)
17:35 上传
4.png (62.86 KB, 下载次数: 52)
17:35 上传
5.png (213.4 KB, 下载次数: 73)
17:35 上传
二.&&修改数据点& & 打开GosDeviceControlActivity.java。这个文件就是包含机智云所有数据点的地方。
1.png (156.01 KB, 下载次数: 53)
17:39 上传
如图所示,可以看到代码中箭头所示的地方跟你在网站建立的数据点的标识名是一样的。这里要跟你在网站建立的数据点保持一致,你的APP才能接收与发送到这个数据。
2.png (165.1 KB, 下载次数: 53)
17:39 上传
3.png (82.37 KB, 下载次数: 54)
17:39 上传
现在开始建立属于自己的数据点。这里由于作者不想太麻烦,本文先学增加数据点。原来的数据点模板不做任何修改,应用的是宠物屋的数据点模板。如图所示,先建立一个标识名为LED,读写类型为可写,数据类型为布尔值的数据点,显示名称自己随便修改。这里,这三个数据要记清楚,分清楚具体代表的是什么。个人理解,标识名就是APP与云端接收发送约定的语言,这个标识名代表的是这个数据。数据类型是布尔值,枚举,数值也关乎到你APP的制作。本文暂时只教布尔值的数据点APP增加方法。
4.png (87.2 KB, 下载次数: 56)
17:39 上传
5.png (64.57 KB, 下载次数: 49)
17:39 上传
数据点建好了,回到代码中。这里有个方法,仿写代码。简单粗暴。大家有没有发现,咱们这里建立的数据点LED跟原来的开启/关闭红色灯的数据点是不是除了标识名不一样,其他都一样呢,都是可写的,布尔值,当然显示名称这个忽略。找到代码中的LED灯开关的定义,如图所示,复制粘贴代码,增加咱们建立的数据点,修改红色部分,这个“LED”必需跟咱们在网站设置的标识名一样。
7.png (196.69 KB, 下载次数: 53)
17:39 上传
增加好了,然后就屏蔽原来的代码,使用// TODO屏蔽代码。可以发现屏蔽后出现了两个错误。等下咱们就用到这个地方,慢慢来。
8.png (239.37 KB, 下载次数: 54)
17:39 上传
找到如图所示的地方,继续复制粘贴代码,修改下蓝色部分,继续屏蔽掉原来的代码,又出现两个错误了,现在属于布尔值类型的数据点所需要增加的代码全部出现了,继续复制粘贴,小修改下名字。
9.png (203.82 KB, 下载次数: 56)
17:39 上传
10.png (229.68 KB, 下载次数: 52)
17:39 上传
点击第一个红色点,来到第一个错误的地方。继续复制粘贴原代码,两个红色的地方,第一处把原来的swRed修改为咱们在前面定义的名字swLed,第二处R.id.sw_red修改为R.id.sw_Led。还记得咱们前面要记住的sw_Led,就是用在这里。
11.png (241.51 KB, 下载次数: 54)
17:39 上传
点击第二个错误,继续复制粘贴原代码,三个红色的地方,第一处把原来的swRed修改为咱们在前面定义的名字swLed,第二处KEY_RED_SWITCH修改为咱们在前面定义的名字KEY_LED_SWITCH,第三处把原来的swRed修改为咱们在前面定义的名字swLed。
12.png (211.37 KB, 下载次数: 56)
17:39 上传
点击第三个错误,继续复制粘贴原代码,两个红色的地方,第一处把原来的swRed修改为咱们在前面定义的名字swLed,第二处KEY_RED_SWITCH修改为咱们在前面定义的名字KEY_LED_SWITCH。
13.png (281.42 KB, 下载次数: 55)
17:39 上传
终于,咱们把布尔值的数据类型数据点LED增加完毕。返回到前面被咱们屏蔽的代码中,放出咱们刚才屏蔽的代码。保存是不是错误都没了。然后就可以运行了。
14.png (226.6 KB, 下载次数: 66)
17:39 上传
15.png (198.36 KB, 下载次数: 55)
17:39 上传
三.& &运行
在手机中运行,可以看到开启后,虚拟设备上也会动,然后虚拟设备上推送数据手机中也会保持一致,代表咱们已经把这个数据点加好了。享受你的成果吧。
16.png (112.38 KB, 下载次数: 51)
17:39 上传
17.png (92.94 KB, 下载次数: 80)
17:39 上传
大家下载看后,可以给个回复yes or on吗,需要哪些改进
17:48 上传
点击文件名下载附件
下载积分: 威望 1
16.57 MB, 下载次数: 2679, 下载积分: 威望 1
17:51 上传
点击文件名下载附件
下载积分: 威望 1
5.36 MB, 下载次数: 1682, 下载积分: 威望 1
本帖被以下淘专辑推荐:
& |主题: 5, 订阅: 1
& |主题: 3, 订阅: 0
主题帖子积分
中级会员, 积分 390, 距离下一级还需 110 积分
中级会员, 积分 390, 距离下一级还需 110 积分
感谢,,楼主可否用arduino 板子写份同类教程额,目前arduino教程少!
不好意思,没弄过底板是arduino的,也没这个的板子
主题帖子积分
楼主,请问下有没有IOS版本的演示呢?我下载了官方的IOS开源框架,编译出现好几个错误,编译不通过 ...
编译不通过 通常有几个问题
1、设备没有连上云端,没有注册到did,导致绑定失败
2、设备没有pk
3、编译环境有问题 (安卓APP)
当然,为了能排查问题出现在哪儿&&建议先查看 Logcat(安卓的一个日志工具)如果
如果你用ios SDK,那么——》如果源码导进去编译不过,一看日志就知道是自己编译环境的问题还是我们源码的问题的!!!!!!!!(这句话很重要)
1、机智云QQ群:
机智云爱好者-APP开发群:
QQ群目前非常活跃,欢迎大家参与进来,交流,讨论,答疑,解惑~~
2、机智云微信公众号: 机智云 gizwits /& &机智云智能宠物屋go-kit
关注机智云Gizwits官方公众号随时掌握最新资讯和活动信息
主题帖子积分
中级会员, 积分 390, 距离下一级还需 110 积分
中级会员, 积分 390, 距离下一级还需 110 积分
本帖最后由 聪聪聪 于
18:03 编辑
嗯,今天有空上传了本文做的APP,方便大家下载,文档也修改了一张照片,也就是层主建议弄出修改App_ID,App_Screct,ProductKey的指示文件。由于有时比较忙,打兼职上课其他什么的,所以有些问题不能很详细的回复大家,见谅,找机会看有没有必要出2.0版本的,小菜鸟还不会接入微信公众号,想研究,不知道哪位大大能出点这方面的详细教程
主题帖子积分
金牌会员, 积分 1305, 距离下一级还需 1695 积分
金牌会员, 积分 1305, 距离下一级还需 1695 积分
“修改 App_ID,App_Screct,ProductKey”这个把修改的路径也截图进去会清楚些
主题帖子积分
中级会员, 积分 390, 距离下一级还需 110 积分
中级会员, 积分 390, 距离下一级还需 110 积分
确实那张图片截图没截进去,得修改下
主题帖子积分
中级会员, 积分 390, 距离下一级还需 110 积分
中级会员, 积分 390, 距离下一级还需 110 积分
“修改 App_ID,App_Screct,ProductKey”这个把修改的路径也截图进去会清楚些
确实那张图片截图没截进去,得修改下
主题帖子积分
中级会员, 积分 322, 距离下一级还需 178 积分
中级会员, 积分 322, 距离下一级还需 178 积分
我是来学习的
主题帖子积分
1、机智云QQ群:G1群: G2群: G3群:
机智云爱好者-APP开发群:
QQ群目前非常活跃,欢迎大家参与进来,交流,讨论,答疑,解惑~~
2、机智云微信公众号: 机智云 gizwits、 机智云智能宠物屋go-iot
关注机智云Gizwits官方公众号随时掌握最新资讯和活动信息
主题帖子积分
中级会员, 积分 285, 距离下一级还需 215 积分
中级会员, 积分 285, 距离下一级还需 215 积分
主题帖子积分
新手上路, 积分 36, 距离下一级还需 14 积分
新手上路, 积分 36, 距离下一级还需 14 积分
在手机运行一下,打开虚拟设备,扫码,进入设备,可以看到这个界面。
我的怎么不行啊,能详细说明一下嘛?
主题帖子积分
注册会员, 积分 199, 距离下一级还需 1 积分
注册会员, 积分 199, 距离下一级还需 1 积分
谢谢分享~~~~~~~~~~~~~~~~~~~~~~~~
主题帖子积分
这个帖子很赞。暂时没发现什么大问题。
主题帖子积分
中级会员, 积分 390, 距离下一级还需 110 积分
中级会员, 积分 390, 距离下一级还需 110 积分
在手机运行一下,打开虚拟设备,扫码,进入设备,可以看到这个界面。
我的怎么不行啊,能详细说明一下嘛?: ...
用的是demo吗,有没有改那些App_ID,App_Screct,ProductKey,有显示绑定不成功吗,然后在官网设置的数据点是根据什么的,有没有改动,
主题帖子积分
中级会员, 积分 390, 距离下一级还需 110 积分
中级会员, 积分 390, 距离下一级还需 110 积分
这个帖子很赞。暂时没发现什么大问题。
主题帖子积分
高级会员, 积分 734, 距离下一级还需 266 积分
高级会员, 积分 734, 距离下一级还需 266 积分
感谢,,楼主可否用arduino 板子写份同类教程额,目前arduino教程少!
主题帖子积分
注册会员, 积分 124, 距离下一级还需 76 积分
注册会员, 积分 124, 距离下一级还需 76 积分
有这个PDF文档就清晰多了。之前一直搞不懂如何弄。
主题帖子积分
高级会员, 积分 712, 距离下一级还需 288 积分
高级会员, 积分 712, 距离下一级还需 288 积分
好有用的教程,谢谢分享
主题帖子积分
中级会员, 积分 434, 距离下一级还需 66 积分
中级会员, 积分 434, 距离下一级还需 66 积分
不错不错&&我想做个小车添加方向圆盘键& &&&怎么弄呐
主题帖子积分
中级会员, 积分 215, 距离下一级还需 285 积分
中级会员, 积分 215, 距离下一级还需 285 积分
楼主,请问下有没有IOS版本的演示呢?我下载了官方的IOS开源框架,编译出现好几个错误,编译不通过
编译不通过 通常有几个问题
1、设备没有连上云端,没有注册到did,导致绑定失败
2、设备没有pk
3、编译环境有问题 (安卓APP)
当然,为了能排查问题出现在哪儿
建议先查看 Logcat(安卓的一个日志工具)如果
主题帖子积分
高级会员, 积分 649, 距离下一级还需 351 积分
高级会员, 积分 649, 距离下一级还需 351 积分
谢谢楼主的分享& &能留个联系方式吗 ?& &如何快速成为APP制作、H5制作高手?
App、H5无疑是移动互联网时代的宠儿,无数社交、商业、宣传都在App、H5上实现。掌握App、H5制作技能,无论工作、学习,更胜人一筹。
那么,什么是App呢?
App(application的缩写),即安装在手机上的软件。早期的手机主流系统有以下:Symbian、Research in Motion、Windows Mobile.但是在2007年,苹果推出了运行自己软件的iPhone;Google宣布推出Android手机操作系统平台。苹果跟安卓两款系统凭着强大的优势,迅速占领手机市场大部分份额。
制作一个App,至少需要半年以上的编程经验,并有一定的设计能力。如果同时制作安卓版、苹果版App,难度更大。所以,寻求App制作公司或团队,成了另一种选择。单版本(安卓或者苹果其一)收费在几万到几十万不等,均价约十几万。
没有技术背景,经费有限,于是,在线平台成了越来越多人的选择。10分钟成为高手,不再是天方夜谭。
国际、国内在这一领域已有很深的研究,国外网站如appmachine、国内网站如“应用之星”,业界翘楚。
以“应用之星”为例,网站的“一键电子书”、“一键图文”、“一键音乐”、“一键淘宝”等产品,用户仅需填写基础信息、按照要求上传素材,即可迅速生成个性化App。除了自己使用外,用户还可以通过社交平台分享使用。
而因为微信,似乎一夜爆红的H5,在大多数人看起来,仍十分陌生且难以理解。
HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。HTML5的设计目的是为了在移动设备上支持多媒体。HTML5,简称H5.
日, H5游戏“围住神经猫”上线微信朋友圈,到7月25日,3天的时间便创造了用户500万,访问量超1亿的神话。神经病猫的动画表情、服饰、背包开始流行,甚至有网店开始售卖围住这只猫的攻略。随后,H5慢慢走进更多人的视野。
H5的制作,市场上主要有以下几类公司。
1、公关公司——这类公司离客户最近,他们承接客户的活动比较多,一般是受客户要求或主动向客户推荐H5的方式来做,但是公关公司基本没有技术人才,所以大部分都选择外包。
2、广告公司——H5是移动端一种比较好的广告展示方式,有的广告公司在一些项目上也会把H5外包出来做。这种都是广告公司提供创意,然后技术和设计的部分外包给第三方做。
3、互联网公司——有些互联网公司也会自己开发h5,做一些传播性的东西或者把自己的产品H5化。
4、微信开发外包公司——以前的建站公司或者微信菜单开发工作室,看到H5比较火爆,也开始做这块业务,但是还没有形成规模。
5、个人开发者——接公关广告公司外包项目的H5开发者,据了解,一些个人开发者的月收入已经达到10万左右了,这主要还是得益于客户旺盛的需求和公关广告公司这方面人才的匮乏。
6、H5模板网站——这是比较专注做h5的公司,“应用之星”就是非常好的一个网站。
7、——这跟模板类公司差不多,但是活的不如模板公司,而且盈利情况也不理想,不过最大的好处就是这种类型的公司可以走融资路线,这也是一种挣钱的模式。
8、游戏开发公司——目前许多H5游戏开发公司并不挣钱,很多公司只能在游戏还没火之前,接一些H5的外包业务。
综上,快速成为App、高手,你可以利用“应用之星”一类的网站。互联网时代,资源与知识共享,懂得借力,事半功倍。
没有更多推荐了,

我要回帖

更多关于 手机app制作软件 的文章

 

随机推荐