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

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流程，超实用。