一、小程序---电影商城---地图组件
html5中新特性:geolocation 通过浏览器中的js程序获取当前用户位置信息.(经度/纬度/海拔/速度)
数据用于LBS(Location Base Service)基于位置服务
饿了么,滴滴打车...
实现定位
(1)window.navigator.geolocation({})
getCurrentPosition:fn
(2)第三方定位服务商:高德地图/腾讯地图/百度地图
-小程序:组件map(绘制地图)
<map>
longitude 中心位置经度
latitude 中心位置纬度
scale 缩放级别 3`20
style="100%;height:600px;"
</map>
-百度地图坐标拾取系统
http://api.map.baidu.com/lbsapi/getpoint/index.html
116.300901,39.916085
公主坟:116.316685,39.913702
个人中心
---头像
<open-data type="userAvatorUrl"><open-data>
--呢称
<open-data type="userNickName"></open-data>
--获取更多的用户信息
<button open-type="getUserInfo" bindgetuserinfo="handleGetInfo">
获取信息
</button>
#询问是否允许公共你信息
2.我喜欢的电影
(1)添加个人喜欢电影(电影图片/文字)---mymovie
-创建组件 mymovie
-上传图片按钮(一次上传多张)
#选择指定图片
#指定位置data显示(预览)
-提交:图片上传云存储/评论->云数据库
(2)显示所有喜欢电影列表-movielist
--创建组件 movieDetail
-在mymovie 点击按钮"查询喜欢电影列表"
跳转movieDetail
#navigateTo
-为组件元素[电影列表/喜欢原因/图片]
-loadMore()查询云数据库 mymovie
-在mymoive列表显示内容
二、安装手机模拟器:蓝蝶/夜神
(1)phonegap服务器
(2)手机模拟器(蓝蝶/夜神)
-混编技术
混编技术思路:我们创建一套应用程序,自动生成多套应用程序在不同的平台
上打包运行。
应用程序=>原生(ios/android/小程序/小程序)
你写一个程序->自动生成(5个)
-实现应用
(1)国外phonegap
-一套应用程序上传打包两个app
-对js封装直接调用手机底硬件(***)
(2)国内mpvue
--创建vue项目自动转换两个项目
h5/小程序项目(视频)
--环境搭建
1:启动phonegap服务器
2:手机模拟器
3:手机模拟器app
下载服务器程序index.html
并且运行
下载
-phonegap提供对象(直接手机硬件)
(1)deviceuuid 设备(手机操作系统名称/uuid/手机版本)
device.platform 获取手机操作系统平台 IOS Android
device.uuid 全手机硬件编号
#全世界所有手机生产时分配编号
地区-手机厂商编号-手机编号
device.version 获取手机版本