Apicloud开发新闻类App实战项目-老孟编程


课程名称:Apicloud开发新闻类App实战项目
讲师:孟老师


课程介绍:
技术点包括:
1:vue实现apicloud开发脚手架--超级实用通用


2:阿里巴巴矢量图标引入使用


3:apicloud的下拉刷新,上拉加载数据操作讲解


4:引用apicloud的模块库操作使用


5:窗口操作


6:窗口操作之页面传参数


7:vue动态修改list数据--vue高级使用


8:修复状态栏解惑---20px,沉浸式


9:openFrame,openFrameGroup,openWin,closeWin等方法解惑


10:数据交互值ajax全方位解惑----api.ajax解决跨域


11:vue和传统dom操作区别之vue高级使用


12:vue和其他js类库使用注意事项


完整的项目实战,包括apicloud构建项目,vue框架的结合使用,ajax数据渲染绑定。
apicloud的模块使用技巧,列表展示的分页,下拉刷新,上拉加载逻辑的实现,apicloud的窗口操作思想,
页面传值技巧,客户端缓存技巧,ajax通信协议解惑,vue构建的项目可以灵活实现各种复杂的数据交互。
有大约40分钟的接口开发技巧,学完本套课程可以开发属于自己的app,前端开发者掌握了混合app开发技巧,后台开发者实践了api编写节能。


适用人群:
前端要求:有css,html,和js基础,有项目开发经验。后端要求:有php基础,有thinkphp使用经验。


第一章:
接口部分:
01:项目介绍,技术选型篇
所用工具,基于那个平台,开发app方式选型,对开发app周期的评估和后台技术架构的选型实现。
vue构建的项目脚手架,初始化项目入口,海马玩模拟工具的使用


02:后台接口开发篇
app页面布局分析,数据结构分析。首页数据json输出格式约束,代码编写,顶级分类接口编写,二级分类接口编写,分类新闻列表接口编写,列表分页接口编写,新闻详情页面接口编写,多表联查技巧使用。


数据表之间的联系梳理。


第二章:
APP开发
03:apicloud开发环境配置篇和首页编码实现篇
app开发环境配置篇和页面布局实现
利用局域网和海马玩模拟器,还有apicloud的ide工具实现本地环境开发app,postman工具模拟post请求使用技巧。


04:首页编码轮播组件,list数据渲染实现篇
swiper实现轮播组件,vue配合其他类库的使用技巧,api.ajax的使用技巧,安卓和ios的状态栏修复技巧。


05:分类页面vue实现数据绑定逻辑实现篇
api.ajax加载数据,vue实现数据绑定逻辑编码实现


06:apicloud模块之navigationBar引入篇
navigationBar文档查找,文档说明使用技巧,案例使用技巧,初始化数据注意事项。


07:分类列表和navigationBar的配合使用篇上
navigationBar数据结构分析,api接口的灵活配置
实现了仿今日头条的导航条效果,针对分类pid的页面传参使用也页面接参技巧。


08:分类列表和navigationBar的配合使用篇中
navigationBar数据结构分析,api接口的灵活配置
实现了仿今日头条的导航条效果,针对分类pid的页面传参使用也页面接参技巧。


09:分类列表和navigationBar的配合使用篇下
navigationBar数据结构分析,api接口的灵活配置
实现了仿今日头条的导航条效果,针对分类pid的页面传参使用也页面接参技巧。


010:新闻列表的实现篇
api.ajax配合vue实现动态加载数据,动态初始化数据,下拉刷新,上拉加载,分页逻辑的代码实现。


011:动态切换导航(今日头条导航切换效果)实现篇
动态切换导航,实现数据的初始化,别切保持下拉刷新,上拉加载,分页逻辑的同步进行。


012:新闻详情页面实现篇
窗口传值id,ajax获取数据渲染数据,注意内容区域html文本的插入使用技巧。


第三章:用户中心
013:会员登录接口ajax数据对接上
会员登录接口ajax数据对接上,海马玩模拟缓存问题处理。


014:会员登录接口ajax数据对接下
会员登录接口ajax数据对接下,存放到客户端信息处理。


015:会员中心初始化ajax会员信息
会员中心初始化ajax会员信息


016:会员退出Token信息重置处理
会员退出Token信息重置处理


017:登录和用户中心的事件监听处理
登录和用户中心的事件监听处理


018:项目阶段性总结
项目阶段性总结


项目技术点扩展:
019:APP沉浸式处理(修复状态栏解惑)
$api.fixIos7Bar($api.dom("header"));
config.xml配置文件不要写任何修复状态栏代码,安卓机器自动修复,我们只需要单独修复ios设备即可。


020:$api和api对象区别和联系(深度解惑)
$api和传统的js类库一样,都是windows对象,api对象是需要在编译环境下使用的,配合apiready来使用。


021:友盟(umengAnalytics)统计模块使用详解
APP统计功能,跟踪用户行为,调研app的活跃度等等


022:页面传参,ide工具调试日志技巧分析
api.openWin()和api.openFrame()使用详解,页面传参,ide工具调试日志技巧分析


023:Apicloud打包webapp全流程(链接跳转转换成窗口操作)
app入口文件定义,api.historyBack接口使用技巧,完整打包webapp流程,超实用。




Logo

前往低代码交流专区

更多推荐