-
首先欢迎加入
APIcloud
,很多朋友进来
后一头雾水,不知道从哪下手,今天就
做个详细的流程出来。
要想用
APIcloud
开发一套
p>
APP
,前提得熟悉
HTML
、
JS
、
C
SS
。如果再熟悉
点
PHP
,JSP
就更好了,可以实现与自己的服务器对接。
第一步:注册账号,下载
IDE
开发工具。
p>
打开
IDE
后依
次
---
文件
---
< br>新建
---
创建
APIclou
d
项目。创建完成后在左侧【我
的
AP
P
项目】里面会显示新建的项目,同时登录到网站控制台里面也会看到刚
创建的项目。如下图:
左侧我的
APP
项目里面会显示刚创建的项目及文件,如下图
这
些
p>
文
件
就
是
APP
的
所
有
东
西
了
,
也
就
是
widget
包
,
可
以
参
考
/APIClou ... ge-
structure-manual
,看一下包文件
的结构说明
到此一个项目创建完成,修改下<
/p>
(入口文件)
,连上手机,
CTRL+R
进行真机调试,会发现手机上出现个
A
PPLoader
,这里面包含了你调试的所有
项目。再开发过
程中可以通过这个来真机调试。
第二步,开发你的第一个
APP
p>
项目创建完成,调试也做好了,下面就开始开发你的
APP
吧
如同开发
web<
/p>
页面一样,一个
HTML
文件然后加上<
/p>
CSS
和
JS
,
来实现布局和
效果。
CSS
文件夹存放
你的样式,
script
来存放你的
J
S
文件,
html
文件夹存放
你的模板文件,
为
AP
P
的入口文件,就是好比个首页了。
我们来了解一下一个
APP
的结构,<
/p>
常用的
APP
布局有顶部导航,中间内容
区域
和底部导航。如下图:
在用<
/p>
APICLOUD
的
APP
的开发过程中,
一个页面的布局方式最好是通过窗口的
套用来完成
,
即
win+frame
,举个例子来说明,我们在做网站后台的时候为了防
止点击菜单
页面刷新,我们有时会采用的布局是先做一个大框架,然后通过
iframe
来嵌套其他页面,然后我们开发的
APP
就好比是
一个浏览器,我们可以
通过
iframe
来显示一个页面,也可以在浏览器新窗口打开一个页面。那么回到
我
< br>们
的
APP
里
< br>面
,
为
入
口
框
架
,<
/p>
通
过
openFrame
或
openFrameGroup
来加载其他页面(好
比那个
iframe
了)
,如果想在新
窗口中
打开就使用
openWin
。<
/p>
为了
APP
更流畅点,我们有时会一个页面嵌套多个
frame
来实现效果。
再回到
上面的
APP
布局图里面分析一下,在
我们就只可以布局
上
下导航,
中间内容区域通过
openFrame
或者
openFrameGroup
来加载其
他页
面的方式来实现。
如果是打开一个窗口,
< br>通过
openWin
来打开一个页面,
< br>同理,
然后打开的这个窗口里面再通过
openFram
e
或或
openFrameGroup
来嵌套其
他页面。
openWin openFrame
为
apicloud
的
api
对象方法
,
可以参考文档来看下使用
说明。
/%
E7%AB%AFAPI/api
下面通过简单的实例说明一下
---
入口
html/frm_
html/win_
html/frm_
name=
content=
h=device-width,initial-
scale=1.0
顶部导航
底部菜单
-
-
-
-
-
-
-
-
-
上一篇:从零开始学电脑,一步一步到高手
下一篇:英语语法中的八种时态