不败君

前端萌新&初级后端攻城狮

开发简易博客APP练练手(WEBAPP)

发表:2018-02-27 13:21:40

围观(550)

由于移动设备使用量 现在几乎知名产品都会有移动APP 所以开发个简易的APP练练手 逐渐发现APP的不足然后修复BUG和新增功能 以实际开发提升自己的能力


开发工具:HBuilder

开发语言:PHP/JAVASCRIPT/HTML/CSS


先说一下APP的交互原理   APP需要通过一个接口进行访问服务器 然后再通过获取返回的JSON或者XML格式数据进行解析再打印


而WEB开发 比如PHP 直接就可以返回数据在HTML代码中打印   所以开发一个APP需要前端也需要后端


前端需要JS中的AJAX和操作DOM  而后端需要查询数据库并且输出JSON或者XML格式数据并且设置跨域的一些安全性问题


服务器端(PHP语言)开发中的一小段代码:


这段代码用于查询数据库并且根据需求拼接字符串   然后再存到数组 使用JSON_ENCODE函数进行打印出JSON格式的数据  最后提供给客户端跨域获取


客户端中的AJAX跨域获取数据并且解析:


通过AJAX跨域获取到的JSON数据是一段字符串 所以需要先进行转换为对象


然后可以循环打印  或者操作DOM等各种方法进行打印


最后效果:

本文地址 : bubaijun.com/page.php?id=96

版权声明 : 未经允许禁止转载!

评论:我要评论
发布评论:
Copyright © 不败君 粤ICP备18102917号-1

不败君

首 页 作 品 微 语