前端HTML5后端php实例,PHP后端 + APP前端工程实例-H5资讯APP，让新人更容易上手 开源 ( 附视频介绍)...



H5资讯APP应用，是以资讯类APP为例，它的功能包括：前端APP模块，和 后端PHP 结合。

当新手们无从下手时，不知道怎么开始，怎么连接服务器获得数据，从实例中参考，可以让你认知大大提升，不需为一个简单的功能头痛几天都搞不定，从中举一反三，从而提升开发效率。

本案例是用沉浸式，就是把状态栏这部分空间也占据。主要展示了，页面预加载，打开页面，页面传值，多图片上传，下载图片， 注册，登录，微信登录，分享，微信 和 支付宝支付，推送消息 等等，

让新手更加容易理解，学习起来也更容易举一反三。

使用的前端 APP 开发工具：HBuilder ,打包方式：在线打包

前端 APP 功能包括：功能介绍页面介绍第三方功能用户注册阅读微信登录

用户登录发现微信分享

扫一扫讲堂微信支付

搜索文章更多支付宝支付

发布多图文搜索个推

视频播放扫一扫页面

购买支付文章详情页

修改头像课程详情页

分享多图购买页面

手势锁屏课堂专题

绑定微信我的动态

修改用户名我的收藏

应用版本更新我的关注

广告切换我的订单

个人设置

头像修改

扫一扫下载安卓 dome app 体验

APP 部分页面展示

目前PHP 后台暂时使用的是：phpmywind 作为后台管理，但它不是必须，不一定要使用它，也可以使用其他的后台管理

PHP 后端功能包括：1、文章发布，课程发布，栏目设置2、用户管理，消息推送，应用分享，APP版本管理

3、商品订单管理，支付方式管理，

PHP 后台管理页面

php 后台文件结构：

文件夹说明admin后台管理相关文件，安装后，可以更改admin 名称

api这个下有个index.php 主要是对接APP客户端的数据交互接口

include主要是一些配置文件，及一些全局操作的方法

install安装phpmywind 的文件，安装后完成，可以把 install 整个删除掉

uploads上传文件的文件夹

index.php简单的入口文件

data是一些数据库备份文件及其他phpmywind一些文件

在 include 文件下，有以下用到的文件

文件说明alipay支付宝支付的PHP 接口文件

alipay_notify支付宝，支付后的回调文件

push个推，推送消息的API 接口文件

wxpay微信支付的PHP 接口文件

wxpay_notify微信支付，支付后的回调文件

conn.inc.php数据库的配置文件

mysqli.class.php数据库的操作类

tool.class.phpAPP接口的一些相关全局操作类

如何安装 phpmywind

1.例如直接你的域名： http://www.xxx.com/  ，或者 http://www.xxx.com/ install/  直接进去安装页面，填写相关数据库信息，下一步，到成功为止。

2. 安装完成后登录到后台，选择数据库管理，数据库还原，点击文件夹打开数据列表，点击右下角，恢复备注数据。

恢复数据后，管理员的帐号是：admin ,密码是：147258 ，然后可以自主修改密码。

3.然后还有3个地方要修改成你们自己的域名

第一个：后台

第二个是：api 接口文件, 文件夹api 下的index.php 文件

第三个是：修改APP客户端，js 文件夹下的 ajax.class.js

3个全部修改好后，直接运行HBuilber 工程 APP就可以访问到数据了。

第三方功能，微信，支付宝，个推，需要自己申请，获得相关参数，才能使用

本案例只供参考学习，不得转发到其他网站分享.

会员可以下载本站所有工程案例.

视频播放

附件文件包括：HBuilder APP工程 和 PHP后台管理

如果安装好PHP ,发现APP端， 网络连接失败， 把API 文件夹下的 index.php , 以下的代码注释掉试试，require_once('../include/wxpay/weChatPay.php'); //微信支付类

require_once('../include/alipay/alipay.php');//支付宝类

header('Content-type:text/json');

header('Access-Control-Allow-Origin:*');

header('Access-Control-Allow-Credentials',true);

header('Access-Control-Allow-Methods', 'POST, GET');

header('Access-Control-Allow-Headers','x-requested-with,content-type');