SDK广告,认准信天翁,收益有保障!

哪吒云APP论坛

找回密码
立即注册
搜索
热搜: 活动 交友 discuz
发新帖

937

积分

0

好友

24

主题
发表于 2020-12-1 01:04:07 | 查看: 25847| 回复: 0
面对复杂的后台,我们要如何快速上手制作APP,请看下文首先,我们要拿到一个APP壳,然后能够边配置边看效果,直到配置正确为止,这是我想要大家配置app的正常流程,承接上文
苹果V10作为CMS后台,如何制作APP——如何创建应用 我们已经创建好了应用,我们先放一点东西进APP,先添加个人中心这个版块,然后打个包安装到手机上,然后配置其他的版块,假设我们的APP名字是DDD,并且我们的目的是制作一个官方demo那样的app,那么:

第一步:回到【我的应用】中,右侧【更多操作】-【APP页面配置】-【添加页面】,进入如下画面:
编辑页面.png
可以看到有若干页面类型,针对不同的APP风格有不同的页面提供选择,下面介绍一下V10默认风格的页面类型以及作用。
默认是影视类APP的9个通用页面,分别是:

1. tab视频页面
表现形式如下


可以看到,顶部支持自定义的布局,如从导航【首页】进入后,能够看到热门、电影、综艺、动漫等板块,适合于在某个导航入口中放置很多左右滑动的子页面的情况。其中热门、电影、综艺、动漫等板块自定义,且可以自由布局每一个子页面的内容和组成,比如实现热门和电影的界面看起来不一样。

2. 综合型视频列表页,适合单页表现

这种页面,适合于图中电视剧为例的独立页面,支持若干组件布局。
3.筛选页

从某个入口(比如搜索组件右侧的图标)进入的子页面,可以单独进行管理筛选的条件
4.无底部导航视频列表页面
页面与筛选界面组件类似,但不包含筛选条件那一块,暂时没有图(后面补)
5.个人中心(我的)
个人中心目前采用固定界面(没有开放个人中心界面管理),体验demo即可查看个人中心效果。6. 分享页
分享界面,包含二维码和下载链接,可以分享到微信等地方,用于推广宣传app用,可配置。
如下图所示:

7. 订单、收藏和播放历史页暂无管理,单页面可以添加
暂无(后续会开放管理权限)


回到第一步,我们的目的是制作一个APP,在第一步的选择界面中,我们首先配置一下app的底部导航出现的第一个界面。分别依次添加【tab视频页面】(取名:首页)、【综合型视频列表页,适合单页表现】(取名:电视剧)、【分享页】(取名:分享页)、【个人中心】(取名:我的)。依次保存好之后,回到【app页面管理】并且选择【导航管理】-【添加导航】,如下图所示

可以看到红框中是我们添加的所有页面,只有先添加了页面(甚至可以不用)才能绑定到导航之中。也就是说,我们要先创建一堆的页面,而页面则来自于平台提供的各种页面类型可供选择。由此来拼装一个app。
导航编辑页面说明:
导航名:出现在app底部导航的各个导航的名字,如:首页、分享、我的等。名字自取。
绑定页面:下拉列表中,会出现你提前创建好的各种页面,比如首页我要绑定到首页对应的页面中,那么就选择【首页】(注意下拉列表出现的文字是创建页面的名字,便于管理)
导航排序:表示app的底部导航效果是从小到大从左往右依次排列,默认情况下  第一个是进入app后默认选中的导航(默认导航绑定的页面就是第一次出现在用户眼前的页面)
导航图标:分选中时的状态(高亮)和未选中的状态(灰暗)两种,请站长自己找寻图标上传,尺寸32*32为最佳,为了美观图标可移步到iconfont进行统一风格选择或自行制作,后续我们也将提供直接选择。
依次添加并保存导航,然后回到页面列表,如下图所示

下面我们试着添加一点数据进去,假设我们管理一下【电视剧页】这一个页面,选择【更多操作】-【组件管理】-【添加组件】,进入到如下界面之中

组件管理界面功能说明:
一个页面包含若干预设的组件,组件组成了一个页面,每一个组件可以单独绑定其数据、管理其风格;组件可以嵌套子组件。
我们举2个例子例1:综合型视频列表页,适合单页表现中的组件管理,如下图


进入到页面列表,选中创建好的页面,并且找到“
综合型视频列表页,适合单页表现
”这一个页面类型,右侧【组件管理】

进入【添加组件】- 选中任意组件,保存后进入编辑状态,或者从组件列表中【编辑】组件,如下图

我们以最常见的视频列表为例(由于图片太长,我们就不完全截取,先说个简单的例子,属性这一块后面可以随时调整),如下图


按照上图,简单配置一下数据,细的数据条件后面来绑定即可,直接保存。
回到组件列表,继续添加其他的若干组件,编辑完成后想看效果,请退出APP后重新进入app到相关位置看是否配置正确(边配置边看效果),我们在这里添加了所有的组件,如果搞不清楚组件是干什么的,后续有专门的帖子介绍组件的使用细节。


例2:tab视频页面,这个是最复杂的页面,其中组件包含子组件,如下图

整个tab的页面类型只允许2个组件,tab和浮动广告。其中tab包含子组件tab_item,我们先添加一个tab组件进去,然后在列表中选择【子组件管理】(只有当前组件允许子组件才会出现这个功能选项),如下图

需要特别注意的是:tab页面只允许1个tab出现,多余的tab没有任何作用。广告也只允许出现1个。
选择【添加子组件】并且回到列表选择【下级组件】管理,如下图

进入到下级组件管理,下级组件的管理和普通的页面管理组件没有任何区别,不再赘述,如下图,添加完成的效果:

作为后期管理维护app的重点就是在组件这种大的版块确定好之后,我们针对组件的数据进行绑定和修改以达到最佳效果。

您需要登录后才可以回帖 登录 | 立即注册

Archiver|手机版|小黑屋|哪吒云APP论坛

GMT+8, 2022-1-17 18:39 , Processed in 0.047278 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表