Foxtable(狐表)用户栏目专家坐堂 → [分享]foxtable+hbuilder开发手机网页app实例,调用手机摄像头扫描条码功能(简单实用)


  共有117731人关注过本帖平板打印复制链接

主题:[分享]foxtable+hbuilder开发手机网页app实例,调用手机摄像头扫描条码功能(简单实用)

帅哥哟,离线,有人找我吗?
有点甜
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
[分享]foxtable+hbuilder开发手机网页app实例,调用手机摄像头扫描条码功能(简单实用)  发帖心情 Post By:2017/9/20 19:26:00 [只看该作者]

首先你得已经有Foxtable高级开发版。


第一步,下载下面的项目打开,端口是10086

 

 下载信息  [文件大小:   下载次数: ]
图片点击可在新窗口打开查看点击浏览该文件:001hbuilder实例一(扫描条码功能).zip



图片点击可在新窗口打开查看此主题相关图片如下:001.png
图片点击可在新窗口打开查看

 

第二步,下载打开HBuilder界面,打开foxtableAppTest项目
 


图片点击可在新窗口打开查看此主题相关图片如下:002.png
图片点击可在新窗口打开查看
 


图片点击可在新窗口打开查看此主题相关图片如下:003.png
图片点击可在新窗口打开查看

 


第三步,打开manifest.json文件配置首页地址(注意,请改成自己的局域网或互联网的ip地址)

 


图片点击可在新窗口打开查看此主题相关图片如下:004.png
图片点击可在新窗口打开查看

 

 

第四步,在你的电脑上插入手机进行调试

 

图片点击可在新窗口打开查看此主题相关图片如下:005.png
图片点击可在新窗口打开查看

 

 

第五步,测试运行效果,你可以在foxtable或者hbuilder两个地方修改代码,然后在手机上测试运行后的效果



图片点击可在新窗口打开查看此主题相关图片如下:006.png
图片点击可在新窗口打开查看

图片点击可在新窗口打开查看此主题相关图片如下:007.png
图片点击可在新窗口打开查看

图片点击可在新窗口打开查看此主题相关图片如下:008.png
图片点击可在新窗口打开查看

 


第六步,所有功能测试完毕以后,打包生成app,这样就可以在手机那里安装使用了

 

http://www.foxtable.com/bbs/dispbbs.asp?BoardID=2&ID=106991&skin=0


 

延伸,这个例子基本教会大家如何调试、开发、生成自己的网站和app了,更多的知识,请移步hbuilder文档学习

 

http://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/89

 

 

-----------------------------------------------------后续补充--------------------------------------------------------------------


2017年9月22日09:21:29 添加:

    如何把得到的扫描信息填入文本框里,执行如下js代码?

    wb.InsertHTML("<script>function scaned( t, r, f ) {document.getElementById('姓名').value=r;}</script>")

 

[此贴子已经被作者于2017/9/22 9:23:00编辑过]

[本帖被加为精华]
 回到顶部
总数 207 1 2 3 4 5 6 7 8 9 10 下一页 ..21