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.php | APP接口的一些相关全局操作类 |
如何安装 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');
加载更多