uniapp 旅游_uni-app旅游类跨平台APP制作实战教程

这是一份uni-app旅游类跨平台APP的实战教程,涵盖路由、服务端通讯、界面滚动、轮播图和uni.login等。通过HbuilderX进行项目构建,详细讲解uni-app基础语法和Vue基础,包括组件化开发、网络请求、导航、多媒体组件和API使用。教程以携程APP为例,从首页、商品列表页到城市列表页的开发,实现下拉刷新、上拉加载等功能,并教授如何进行安卓、iOS和微信小程序的套壳打包。
摘要由CSDN通过智能技术生成

路由:navigator 和 uni.navigate

服务端通讯:uni.request

插件:glance顶吸滑动导航栏

界面滚动:scroll-view

轮播图:swiper及自定义面板指示器

uni.login实现第三方登录(QQ微博微信)

构建工具:HbuilderX

全面的uni-app基础语法讲解

一套代码运行多个平台

ios端App安卓端app微信小程序h5

Vue基础语法详细讲解

组件化开发

课程目录

章节1:导学

课时1导学13:29

章节2:uni-app基础

课时2快速开始第一个项目13:31

课时3uni-app开发规范11:42

课时4uni-app目录结构07:26

课时5uni-app页面样式与布局12:36

课时6class与style的动态绑定21:07

课时7uni-app的配置文件——page.json22:08

课时8uni-app的配置文件——manifest.json05:27

课时9uni-app的生命周期19:35

章节3:Vue基础

课时10模板语法—插值09:24

课时11模板语法—指令06:17

课时12计算属性,方法和侦听器18:31

课时13条件渲染12:26

课时14列表渲染19:24

课时15父子组件间的传值14:38

课时16参数校验06:21

课时17非父子组件传值——Vuex22:11

课时18Vue的生命周期函数14:05

课时19简易购物车47:59

章节4:uni-app组件

课时20视图容器——view13:05

课时21视图容器——scroll-view13:36

课时22视图容器——swiper12:31

课时23视图容器——movable-area和movable-view16:55

课时24基础内容——icon05:16

课时25基础内容——text07:14

课时26基础内容——rich-text08:13

课时27基础内容——progress09:03

课时28表单组件——button14:12

课时29表单组件——checkbox06:02

课时30表单组件——radio05:11

课时31表单组件——switch03:52

课时32表单组件——label08:11

课时33表单组件——picker07:09

课时34表单组件——picker-view26:13

课时35表单组件——textarea17:22

课时36表单组件——input12:17

课时37表单组件——form10:32

课时38导航——navigator15:04

课时39媒体组件——audio11:23

课时40媒体组件——camera04:48

课时41媒体组件——image11:30

课时42媒体组件——video18:44

课时43章节小结02:02

章节5:uni-app-api

课时44网络——发起GET和POST请求及服务器端接收代码18:09

课时45媒体——图片20:46

课时46网络——下载14:06

课时47网络——上传13:04

课时48路由与页面跳转17:49

课时49数据缓存api19:15

课时50设备相关api39:16

课时51界面——交互反馈16:00

课时52界面——设置导航条09:32

课时53界面——设置TabBar和背景颜色18:32

课时54界面——下拉刷新04:07

课时55文件相关api13:28

课时56条件编译06:44

课时57章节小结02:11

章节6:携程首页的开发

课时58创建项目及配置page.json10:44

课时59使用fixed定位开发首页头部区域18:29

课时60使用swiper开发首页轮播区域——自定义面板指示器20:17

课时61开发首页图表区域——背景图片和精灵图的使用40:22

课时62开发首页特卖汇区域——解决多行文字显示问题32:36

课时63开发首页热门活动区域——box-sizing解决边框问题07:56

课时64uni.request请求服务器数据渲染页面—phpstudy服务器的简单使用17:01

章节7:携程商品列表页的开发

课时65开发商品列表页固定头部区域13:00

课时66开发商品列表页滑动导航栏——插件的使用10:12

课时67开发商品页列表区域——透明背景色的使用15:03

课时68uni.request请求服务器数据渲染页面07:31

课时69下拉刷新及上拉加载功能的实现13:27

课时70添加分享功能——onShareAppMessage自定义分享内容04:01

章节8:携程城市列表页的开发

课时71开发城市列表页头部搜索框区域12:34

课时72开发城市列表页列表区域——box-shadow的使用17:00

课时73使用fixed定位开发城市列表页字母表区域04:45

课时74uni.request请求服务器数据渲染页面12:07

课时75通过字母表选择城市功能的实现15:07

课时76使用input事件实现城市搜索功能15:34

课时77使用数据缓存api实现城市切换功能15:52

章节9:携程登录页面的开发

课时78添加微信登录功能注册账号忘记密码功能10:04

课时79开发登录页面头部区域10:24

课时80开发登录页面中间部分区域17:48

课时81开发登录页面底部区域——overflow解决盒子高度为零的问题08:29

课时82调整登录页面的样式05:52

课时83开发登录成功后的页面13:55

章节10:套壳打包

课时84安卓端app套壳打包04:34

课时85ios端app套壳打包14:53

课时86微信小程序打包发布05:00

课时87源码下载

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值