快速创建App平台的研发与设计

I目录1.引言 .11.1 平台的背景 .12 相关技术介绍 .12.1 MVC 模型 .12.2 PHALCON框架的 PHP 技术 .12.3 CORDOVA移动开发客户端框架 .23 平台技术方案 .24 快速创建 APP 平台 .34.1 平台描述 .34.2 账户权限模块 .34.3 APP模块 .44.4 登录与注册模块 .44.5 账户模块 .44.6 管理模块 .54.7 订阅模块模块 .54.8 问题反馈模块 .55 快速创建 APP 平台数据库设计 .55.1 快速创建 APP平台数据库表设计 .55.2 快速创建 APP平台数据库 E-R 图 .75.3 快速创建 APP平台 UI 图 .86.平台功能模块的实现 .136.1 数据库访问的实现 .136.2 登录模块的实现 .136.2.1 账户登录 .136.2.2 管理员登录 .156.3 APP更新后台模块 .156.3.1 新增第三方 QQ 登录模块 .176.3.2 实现填写 App 类型模块 .176.3.4 实现选择 App 功能页模块 .186.3.5 实现选择 App 样式和颜色模块 .186.3.6 实现填写 App 基本信息模块 .186.3.7 实现 App 预览模块 .19II6.3.8 实现 App 管理模块 .197 移动应用开发服务关键技术 .218 总结 .21快速创建 App 平台的研发与设计岭南师范学院数学与计算科学学院，湛江 524048摘 要：本文研究快速创建 App 平台的主要目的是能够帮助完全不懂语言编程的人，能在数分钟的时间内创建一个属于自己的 App.平台设计分为前台 App 创建模块、后台数据 库设计与管理模块、中间网页服务器三个模 块,使用了 AngularJS、Phalcon、Cordova 等框架.采用 JS，PHP ，mongoDB 等技 术结合，实现 App 开发、账户管理、内容管理系统、分析数据等模块的具体研发过程.关键词：App；Cordova；混合 APP；WebApp；客户定制 App Research and design of the rapid creation of App platformAuthor: Liu Siyuan Teacher: Gui XiancaiLingnan Normal University of mathematics and computer science, zhanjiang 524048Abstract: This article is an application platform that is designed to help people that dont understand programming language, to be able to construct and create their own Application within a few minutes of time. This articles content will be based upon the three modules, which is the front-desk(reception) App builder module, the Background database design and management module, and lastly the web-server module. The platform will be Based on AngularJS, Phalcon, Cordova framework. Use technology such as PHP,mongoDB,JS, Implementation web App development, account management, CMS content management, analysis module.Keywords: APP ;Cordova;Hybrid App; WebApp; Customization11.引言1.1 平台的背景移动互联网市场的发展态势，巨大的商机令人垂涎，各领域企业纷纷开发了专属的 APP，但很多非 IT 软件类企业开发经营自己的 APP，却面临软件开发、商业模式和市场推广三座大山.快速创建 App 平台是一款非编程 App 制作的平台服务.快速创建 App 平台可以帮助企业、个人免费 DIY 制作属于自己的手机 APP 应用.无需具备编程能力、不用自己架设服务器，只需要花几分钟的时间，就可以制作运营自己的App.对于开发者来说，HTML5 技术跨平台，适配多终端.传统移动终端上的 Native App，开发者的研发工作必须针对不同的操作系统进行，成本相对较高.Native App对于账户还存在着管理成本、存储成本以及性能消耗成本.HTML/JavaScript/CSS 语言所开发的应用只要一次开发就能进入所有浏览器进行分发.即使是走传统的 App Store 应用商店渠道，只需要再将底层用 HTML5 开发的应用“封装”为 App，从时间和资金成本上讲远小于跨系统移植.2 相关技术介绍2.1 MVC 模型MVC 全名是 Model View Controller，是模型(model)视图(view)控制器(Controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及账户交互的同时，不需要重新编写业务逻辑.MVC 被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化账户界面的结构中. 2.2 Phalcon 框架的 PHP 技术Phalcon 是一套实现 MVC 架构的高性能 PHP 应用程序框架.初始版本发布于 2012年 11 月，开放源代码并基于 BSD 授权条款.与其他大部分的 PHP 框架不同，Phalcon使用 C 语言编写，因此 Phalcon 的执行速度高过其他 PHP 框架，并且消耗更少的资源，根据官方的测试，Phalcon 是目前世界上速度最快的 PHP 框架之一.是一个开源的，全堆栈的，用 C 语言写成的 php5 框2架，专为高性能设计.你不需要学习和使用 C 语言的功能，因为这是一个 PHP 框架，只不过用 C 写成而已.同时 Phalcon 是松耦合的，您可以根据需要使用其他组件 1.2.3 Cordova 移动开发客户端框架Apache Cordova 是一套设备 API，允许移动应用的开发者使用 JavaScript 来访问本地设备的功能，比如摄像头、加速计.它可以与 UI 框架（如 jQuery Mobile 或Dojo Mobile 或 Sencha Touch）等相结合使用，这些 UI 框架可以使用 HTML、CSS和 JavaScript 开发智能手机应用.在使用 Cordova API 时，应用程序的构建可以无需本地代码（如 Java 或对象 C等） ，使用的是 Web 技术.由于这些 JavaScript. API 在多个设备平台上是一致的，而且是基于 Web 标准创建的，因此应用程序的移植很方便，基本不做什么改变.使用 Cordova 的应用使用平台 SDK 打包成应用程序，可以从每种设备的应用程序商店下载安装.Cordova 提供了一套统一的 JavaScript 库供调用，它支持iOS、Android、Blackberry、Windows Phone、Palm WebOS、Bada 和 Symbian2.3 平台技术方案由于 Phalcon 是基于 C 的 MVC 模式的 Web 开发框架，利用这一框架可以建立动态的、高性能的、安全的、跨平台的动态网站.为了使系统将来的维护、升级等工作方便、简单，我们采用 MVC 开发模式，以 PHP 为开发平台，在本系统中我们细分为四层即网络服务层，视图层、数据层、控制逻辑层，使用 AngularJS 来实现是图层层 View 的功能；用 NodeJS 来实现接口的定义 3；用于控制逻辑层来具体实现的业务.具体实现就是 AngularJS 提交信息到 Controller 进行判断，然后调用Controller 中的的具体 Action 方法实现具体业务，这当中可能涉及到对数据库的操作，即调用数据层里面的具体方法.最后返回一个信息给 Controller ，由 Controller 把信息封装到一个 Json 格式的数据 中，再由 Controller 返回数据到网络服务层，来实现各种需求.使用 MVC 模式，我们在修改页面的时候，因为里面不包含有逻辑代码，所以不会影响到系统的逻辑工作，只需要 UI 就能完成工作；在逻辑层部分，只需要专注于代码的开发，而不需要关心数据库数据的实现，因为数据3库数据调用只需要通过接口实现即可，数据库开发人员只需要完成数据开发工作.网页逻辑需要一个平台维护系统：CMS，所以依然需要在静态模板页实现逻辑代码，即用 Phalcon 进行渲染和逻辑编码.因此，可以我们可以通过下列路线来进行开发：（1）用 uxpin 来实现静态代码的设计和 AngularJS 逻辑代码的实现 4.（2）用 PHP 来实现动态代码的设计，如进行的行为和动作.（3）用 NodeJS 调用模型和逻辑的 API 对接，完成业务操作后，把得到的结果存到 Json 中，然后把封装结果的 Json 作为返回的请求.（4）用 NodeJS 作为数据库的调用接口，PHP 代码可以通过该 NodeJS 通过调用API 来实现对数据库的调用 5.（5）对数据库的设计，首先设计数据表，然后用 MongoDB 建立数据表.4 快速创建 App 平台4.1 平台描述移动应用开发平台是专门用于实现账户自我 DIY 自己需要的 APP,进行商业或者个人兴趣的平台.移动应用开发平台通常以下的 7 个模块,不同模块分别实现不同的功能.(1)账户模块,账户模块主要实现账户功能，其中对账户资料的收集最为重要.(2)App 模块,App 模块是最核心的模块，其中实现对 App 的生成，App 上架到AppStore，App 资料的管理.(3)问题反馈模块，是对于平台运作后期最为重要的一部分，它能反馈许许多多的问题，然后我们分析问题对平台进行修改和完善.(4)账户管理模块，它是管理账户的资料，与账户模块紧紧相连.(5)代理模块，是平台后期很重要的营销模式.(6)订阅模块，他实现了 App 平台服务于账户之间的联系，实现账户在平台购买App 的关键.(7)登陆注册模块，他实现了账户与平台的关联，实现 App 与平台的沟通.4.2 账户权限模块（1）账户管理：账户进入到账户管理页面后，可以实现对自己资料的增删改查，并且根据账户权限可以查询到自己账户的资料，进入账户管理页面.（2）账户权限管理：由于平台管理4有多种多样的功能，并非所有客户都愿意将 root 所有权赋予给所有的人，所以这里root 账户可以实现 RBAC（基于角色控制）进而实现不同的账户拥有不同的权限用于管理自己的 App 或者平台.4.3 App 模块（1）App Builder（App 创建模块）：当客户进入到创建 App 时，可以选择不同模板和不同的内容来填充客户的 App，这里就是 App Builder，它能实现你 App的 DIY，样式的选择，模板的选择，功能的选择，内容的选择，是最重要的用户体验部分.（2）App Manage（App 管理）：当客户创建成功 App 后，他会进入到 App 管理页面，你能在 App 管理页面对你的 App 进行增删改查，不同的样式，不同的内容，不同的功能都能在这里修改，同时可以生成你的 App 下载体验.（3）App ToStore(App 上架): 在这里你能选择你的 App 生成的平台类型，安卓，IOS，Win8 进行上架，可以选择上架到百度，谷歌.4.4 登录与注册模块登录与注册模块主要分为账户登录注册与管理登录注册，这里有一套 RBAC（基于角色控制）进行权限的分配.根据你账户角色的不同拥有不同的增删改查权利.如果你是一名普通用户，你仅仅可以对你账户资料的进行增删改查.同时你是平台的管理员，你可以查看到不同账户的的资料并且进行账户的增删改查.注册模块主要实现账户的注册功能.4.5 账户模块（1）添加账户：使用平台的前提首先你需要有一个账户，此时你需要注册一个账户.（2）修改账户：你能在此进行你账户信息的修改，比如你公司地址换了，你需要更新你的账户信息以供后续我们提供服务的连通性.（3）删除账户：如果账户进行了非法勾当，我们平台可以进行删除账户.（4）查询账户：账户是基于平台，所以平台可以知道账户的资料和行为.4.6 管理模块代理模块主要应用于平台服务的销售，销售的重要性不容置疑，一个平台的收入依赖于销售.因此平台提供不同的营销方式，可以单体购买，团体购买，代理购买，使用代理模式.54.7 订阅模块模块（1）添加订阅：添加一个套餐的订阅.（2）修改订阅：账户购买的同时可以修改自己订阅，进而选择更喜欢的套餐或者产品.（3）删除订阅：账户不需要订阅的时候可以进行删除订阅.（4）查询订阅：平台提供订阅的历史，方便客户统计订阅到期时间，和续费时间.4.8 问题反馈模块（1）添加反馈：添加反馈，叙述自己 App 出现的问题，管理人员可以根据反馈的内容进行维护.（2）修改反馈：反馈的的问题可能是账户本身出现操作问题，如果账户自身发现 App 问题可以进行修改反馈，使得管理人员和平台知道问题的来源.（3）删除反馈：当反馈已经解决可以进行删除反馈.（4）查询反馈：可以查看所反馈的内容.5 快速创建 App 平台数据库设计5.1 快速创建 App 平台数据库表设计（1）账户管理表快速创建 App 平台使用的是 mongoDB 数据库技术，账户是本系统的主要账户.因此，数据系统中需要存储账户的基本 6.表 1.账户管理表字段 字段缩写 字段类型 字段描述Account Id accountId int 主键Name accName char(100) 公司/名称Nation accNation char(128) 公司国家Province/State accState char(128) 公司省份City accCity char(128) 公司城市Address accAddr char(256) 公司地址Telephone Number accTel char(12) 公司的电话号码Email accEmail char(100)公司电子邮件地址Fax accFax char(12) 公司的传真号码Description accDesc char(1024) 公司的描述6User Quota accUserQuota int 账户数量表 2.账户信息管理表字段 字段缩写 字段类型 字段描述User Id Id integer Primary keyUsername Name char(100) 名称Password Pwd char(100) 密码Given Name GivName char(100) 名字Family Name FamName char(100) 姓氏Gender Gender char(100) 性别Age Age int 年龄ID Number / NRIC NRIC Char100) 身份证Cellphone Number Tel char(100) 手机号码Email Email char(100) 电子邮件Nation Nation char(100) 国家Province / State State char(100) 省份City City char(100) 城市Address