随着H5的功能不断完善,使用前端技术来开发安装在手机上的APP已经成为了许多人的选择,而且也有许多成熟的商业使用案例。本专栏注重实战,没有铺垫过多理论知识,因为实践出真知,实践是最好的学习方式。我选择了一个稻谷团APP的案例,前端技术还是老套传统的H5Javascript,服务器端为百度云服务器,操作系统为Windows Server,搭建web服务使用的是PHPstudy集成环境包,包括Apache,php7,mysql5.6以及phpmyadmin(管理sql软件工具)。下面分客户端和管理端两部分任务以目录形式列举制作过程:

一、客户端(手机移动端)

(1)稻谷团APP客户端界面及功能设计

peter.cao:WEB/APP开发基础之旅--前端APP界面设计​zhuanlan.zhihu.com

(2)稻谷团APP客户端界面设计代码开发

peter.cao:稻谷团APP前端设计案例(1)​zhuanlan.zhihu.com

(3)稻谷团APP客户端界面UI组件开发

peter.cao:稻谷团APP前端设计案例(2)​zhuanlan.zhihu.com

(4)稻谷团APP客户端界面UI组件完善

peter.cao:稻谷团APP前端设计案例(3)​zhuanlan.zhihu.com

(5)稻谷团APP客户端浏览器存储数据

peter.cao:稻谷团APP前端设计案例(4)​zhuanlan.zhihu.com

二、管理员端(后台服务器web页面)

(1)稻谷团APP后端管理系统界面及功能设计

peter.cao:WEB/APP开发基础之旅--后端管理系统概要设计​zhuanlan.zhihu.com

(2)稻谷团APP后端管理系统UI组件开发

peter.cao:WEB/APP开发基础之旅--后端管理系统界面设计​zhuanlan.zhihu.com

(3)稻谷团APP后端管理系统功能开发

peter.cao:WEB/APP开发基础之旅--后端管理系统功能实现(1)​zhuanlan.zhihu.com

peter.cao:WEB/APP开发基础之旅--后端管理系统功能实现(2)​zhuanlan.zhihu.com

peter.cao:WEB/APP开发基础之旅--后端管理系统功能实现(3)​zhuanlan.zhihu.com

(4)稻谷团APP后端管理系统实现

peter.cao:稻谷团APP后端管理系统实现案例​zhuanlan.zhihu.com

三、客户端功能完善

(1)稻谷团APP移动端内容列表实现

peter.cao:稻谷团APP前端完善--首页公告列表内容获取​zhuanlan.zhihu.com

(2)稻谷团APP移动端用户注册登录实现

peter.cao:稻谷团APP前端完善--用户注册登录​zhuanlan.zhihu.com

以上为整个H5混合式开发APP案例的过程,供大家参考。其中也有许多需要完善的部分,也有可以替换技术框架的选择,这里重在理解一个思路,形成业务逻辑思维,理清需求。应该说PHP在实现管理员端、数据库交互等业务方面就是一个字:快。容易实现,所以先期作为一种选择来使用。有了这个APP框架后,接下来就可以根据业务研究需要进行扩展,如实现一下语音播报、人脸识别研究等。

h5端登录是什么意思_H5混合式APP开发实战案例终结篇相关推荐

  1. h5端登录是什么意思_关于app、小程序和h5之间的区别

    1.APP 运行环境--Android和IOS手机操作系统 系统权限-- 最多最全面,但有些属于隐私需要用户授权才能调用. (安卓与IOS也有许多差异:Android类似于Windows,App几乎可 ...

  2. hybird app(混合式app开发)cordova ionic 创建相应平台的app

    hybird app(混合式app开发) 之ionic 框架平台 guide cordova 创建相应平台的app 1. npm install -g cordova //全局安装cordova-cl ...

  3. 5个好用的html5混合式App开发工具推荐

    近几年html5技术在各大平台都是人们谈论的焦点.html5技术一直受到各方关注,"html5颠覆原生 App"的争论也从未停止过,不管怎样html5生态的构建方兴未艾.不过对于移 ...

  4. (转载)H5 手机 App 开发入门:概念篇

    H5 手机 App 开发入门:概念篇 一.H5 的含义 二.原生应用 2.1 概念 2.2 优点 2.3 缺点 三.Web 应用 3.1 概念 3.2 优点和缺点 3.3 Web APP 的劣势 3. ...

  5. 移动端H5页面编辑器开发实战--经验技巧篇

    一.前言 在上一篇<原理结构篇>中,主要针对移动端网页进行了分类描述,并介绍了H5编辑器的需求.原理以及框架结构,本文将延续开发实战这一主题,针对策略和开发技巧做进一步的介绍. 二.策略篇 ...

  6. 混合式APP开发中中间件方案Rexsee

    发现Rexsee时,他已经一年多没有更新过了,最后版本是2012年的. 他的实现思路是通过Android自带的Java - Javascript 桥机制,在WebView中的JavaScript同Ja ...

  7. python手机app开发_H5 手机 App 开发入门:技术篇

    新人学习手机 App 开发,一开始总要选择一条学习路径. 如果你熟悉 Java 语言,可以学习安卓开发:如果熟悉脚本语言(比如 Python 或 Ruby),可以学习 Swift 语言,进行 iOS ...

  8. H5 手机 App 开发入门:概念篇

    手机现在是互联网的最大入口.根据<中国互联网报告>,手机网民已经超过8亿,人均每天上网三个多小时. 毫不奇怪,手机应用软件(mobile application,简称 mobile App ...

  9. 5个好用的混合式App开发工具

    在残酷的移动互联网竞争环境下, HTML5技术一直受到各方关注,"HTML5颠覆原生 App"的争论也从未停止过,不管怎样HTML5生态的构建方兴未艾.不过对于移动开发者来说更关心 ...

最新文章

  1. cmt跟踪算法 matlab_“水上大疆”招聘——雷达算法工程师
  2. request.getAttribute()和 request.getParameter()有何区别?
  3. 全球最厉害的 14 位程序员,请收下我的膝盖
  4. pandas高效读取大文件(csv)方法之-parquet
  5. 【MFC系列-第15天】关联变量的概念与用法
  6. [机器学习笔记]Note13--异常检测
  7. sql 把特定数据排在最前面
  8. android手机上传不了图片,【报Bug】nvue页面使用web-view组件,安卓手机无法调用页面的input标签上传图片...
  9. rsync+inotify文件变动后自动同步程序
  10. datastage连接mysql库_Datastage 8.5 连接远程Oracle 数据库
  11. Python绘制简单折线图、散点图
  12. 查询主机序列号/基本信息
  13. 游戏代理加盟需要什么条件?
  14. 在emacs中使用百度翻译
  15. AXURE手机版注册登录原型(下载+教学)
  16. localStorage使用实例-进入显示广告,点击关闭之后,刷新网页不再出现
  17. 万里长征之测试第一步
  18. EO-88遥测信号接收教程
  19. 开源办公OA平台教程:如何修改O2OA配置连接本地部署的OnlyOffice Docs Server服务器?
  20. Openstack容器项目之Magnum

热门文章

  1. Delphi 学习书籍
  2. 仿百度搜索首页完整代码
  3. 小学1-6年级语文词语分类汇总,知识点齐全又实用
  4. Python知识归纳(一)Python介绍及注释
  5. 由继电器组成的LED闪烁电路
  6. 欧姆龙 SysmacStudio 关于模块化编程 数据类型联合体的应用技巧
  7. 浙大远程计算机应用基础考试,浙大远程计算机应用基础(A)作业5(含答案).doc
  8. java基础巩固-宇宙第一AiYWM:为了维持生计,编程语言番外篇之机器学习(项目预测模块总结:线性回归算法、逻辑回归分类算法)~整起
  9. 赢得值系列4:Primavera赢得值管理实践
  10. 使用nLite封装2003集成Raid卡驱动