|
Dz-自定义后台管理操作说明
一、网站的登录
1、首先打开谷歌浏览器，在IE地址栏目上输入自定义后台网站地址：
http://www.xxx.com/mobcent/app/web/index.php?r=admin/uidiy
进入上图界面 点击输入管理员或其他用户名以及密码，点击“确定”按钮后进入如下界面(图2)：
2、上图手机预览页的底部导航模块(红色标注框)都是默认存在的，也是默认的排列顺序，可以根据自己意愿按动鼠标调换位置；鼠标移动到除了【发现】以外任何模块上面，板块名称处会显示“编辑”和“删除”按钮，也就是说除了【发现】模块，其他模块都可以从底部导航移除
注：手机预览页显示的模块与客户端同步，模块是否显示以及模块显示的位置都将与客户端保持一致
3、模块管理(绿色标注框)下面的五个模块也都是默认存在的，从图看出除了【发现】和【快速发帖】两模块外其他模块都可被删除
二、 如何添加【单页面】模块类型
该模块类型有九种组件即链接地址分别为【板块列表】、【门户模块列表】、【简版帖子列表】、【外部wap页】、【用户中心】、【用户列表】、【消息列表】、【设置】、 【关于】
1、进入(上图‘图2’)可看到模块管理中的“添加模块”加号按钮，点击此按钮打开如下图界面(图3)：
2、【模块名称】一栏根据需要任意输入如：单页面 (如图所示也有相应填写规则提示)
*注*：模块名称相当于界面的标题 在单页面标题栏显示
【模块类型】选为“单页面”(还包含“二级导航”、“左图右文”、“自定义”模块类型)
【链接地址】选择为“板块列表”（还包含“门户模块列表”、“简版帖子列表”、“外部wap页”、“用户中心”、“用户列表”、“消息列表”、“设置”、“关于”等链接地址下面都有说明）
【页面样式】选择为扁平(还包含“卡片样式”)
然后点击界面中的“确定”按钮
该模块就被成功新建完成 如(图4)红色框标注所示：
*注*：单页面-顾名思义就是一个单纯的界面，界面中只显示界面标题和界面内容 1、 链接地址为：【板块列表】-界面则为板块列表界面即社区界面该界面可选择两种页面样式(扁平和卡片) 如下图为自己设置标题的板块列表的扁平样式界面(图5)：
2、链接地址为：【门户模块列表】-界面则为选择的门户模块以及页面样式展现出的门户模块界面 该界面可选择五种页面样式(扁平、卡片、图片样式、大图样式以及类朋友圈样式) 如(图6)为门户模块列表的卡片样式界面：
3、 链接地址为：【简版帖子列表】-界面展现为选择的板块以及选择的页面样式的帖子列表界面该界面可选择三种页面样式(扁平、卡片以及类朋友圈样式)如(图7)为简版帖子列表的类朋友圈样式界面：
4、 链接地址为：【外部wap页】-界面则为填写的链接界面 如果输入的为百度链接，点击打开则为百度界面 如图8为外部wap页的百度界面：
5、 链接地址为：【用户中心】-前提是客户端登陆用户，进入的界面则为该用户的用户中心界面 链接地址选择为用户中心时，下方会有一行“是否显示我的消息”如果勾选-进入的用户中心则会显示我的消息一栏，否则相反 如图9为用户中心显示我的消息一栏界面：
6、 链接地址为：【用户列表】-前提是客户端登陆用户，进入的界面则为添加时选择的条件和排序方式过滤后的用户列表消息 条件选择有五种：全部、好友、关注、粉丝、推荐； 排序方式有五种：按默认排序、按注册时间倒序排序、按登陆时间倒序排序、按粉丝最多倒序排序以及按距离倒序排序 如下图10条件为登陆的该用户的关注的默认排序方式的用户列表：
7、 链接地址为：【消息列表】-前提是客户端登陆用户，进入界面则为该用户的消息界面(界面中有提到我的、我的评论消息、我的好友列表以及聊过私信的好友)
如下图11为登陆的该用户的消息列表界面：
8、 链接地址为：【设置】-进入的界面则为个人设置界面 如下图12为个人设置界面
9、 链接地址为：【关于】-进入的界面则为关于界面(包含应用介绍、反馈邮箱、官方网站、该应用的二维码以及该应用的版本号)
三、 如何将添加的模块显示在手机预览页的底部导航上 且同步到客户端
意思就是将添加的单页面模块显示在手机预览页的底部导 上 并同步到客户端，在客户端能正确显示并使用
1、 首先将手机预览页中的底部导航上的模块删除一个(底部导航最多只能放5个模块，要想添加新的模块必须删除一个不太常用的其他模块，首次进入后台手机预览页都会有默认显示的5个模块(详细参照第一大条的第二条内容))
2、 假如删除消息模块，将鼠标移动至消息模块上方，该模块名称处分别显示“编辑”和“删除”按钮 如下图14：
3、 然后点击上图中的“删除”按钮，在弹出的“删除导航”栏提示框中点击“确定”按钮 该导航则成功被删除，导航将会多出一个橙色加号按钮 如下图15所示：
4、 点击上图所示的橙色加号按钮 弹出“添加导航”提示框 如下图16：
【导航名称】一栏根据需要任意输入如：单页面-板块列表(如图所示也有相应填写规则提示)
【导航图标】可根据添加的导航模块选择想对应的图标或任意选择图标框的导航图标
【链接地址】则为刚刚添加的模块名称 点击选择“单页面”如图17会有刚添加的模块名称“单页面”
选择填写完整后点击“确定”按钮 该模块将成功添加到手机预览页的底部导航上
5、 最后一步点击界面最下方的“同步”按钮(同步：意思就是将添加的内容同步到客户端，添加的模块以及内容将会在客户端显示 与后台保持一致) 
点击同步按钮后会弹出一个“确定要现在同步吗？”的提示框，点击“确定”，之后会弹出一个“同步成功，实际的样式请以客户端为准！”的信息提示即同步成功
这时就可以查看客户端上相对于的应用，点击进入应用后点击添加的导航名称将会看到如下界面：
该图19底部导航最右侧的模块则为成功添加的单页面模块，该界面则是添加的单页面的“板块列表”链接地址
四、 如何添加【二级导航】模块类型
该模块类型有七种组件即链接地址 分别为：【板块列表】、【门户模块列表】、【简版帖子列表】、【外部wap页】、【用户列表】、【设置】、【关于】
前提是正确添加该模块并同步到客户端--客户端底部导航显示添加的该模块名称如以下所述的“二级导航1”，点击进去会显示四个二级导航名称(该名称都是自己填写的)，点击任意一个导航都会进入相对应的自己设置的链接地址界面(详细请看下方的举例说明)
1、 点击安米后台管理主界面中的“添加模块”按钮(详见最上面图2)
【模块名称】一栏根据需要任意输入如：二级导航1(如下图所示也有相应填写规则提示)
【模块类型】选择为“二级导航” 如下图20所示：
模块类型选择为二级导航后，会默认显示四个导航栏
如：第一个导航栏导航名称可为“板块-扁平” 链接地址选择为“板块列表” 页面样式为“扁平样式”
第二个导航栏导航名称可为“门户-卡片” 链接地址选择为“门户模块列表” 选择模块一栏可任意选择如现在选择“幻灯1” 页面样式选择为“卡片样式”
第三个导航栏导航名称可为“简版-朋友圈” 链接地址选择为“简版帖子列表” 选择板块一栏可任意选择一或多个板块 页面样式选择为“类朋友圈样式”
第四个导航栏导航名称可为“外部wap页” 链接地址选择为“外部wap页” wap地址可输入任意正确网址如：http://www.baidu.com
2、 填写完整后点击“确定”按钮，该模块将成功被添加
3、 将该模块添加到手机预览页的底部导航上(详细请参考第三条【如何将添加的模块显示在手机预览页的底部导航上 且同步到客户端】) 如下图21所示：
4、 然后点击“同步”按钮
5、 打开相应的客户端应用，点击刚添加的“二级导航1” 进入如下22界面：
从上图可看到该界面有二级导航，名称都是刚添加的那四个导航栏目 可点击上面的导航来切换各个相对于的界面(二级导航所含的七种链接地址都可参考第二条的注释内容，都有相应的截图)
四、 如何添加【左图右文】模块类型
前提是正确添加该模块并同步到客户端--客户端底部导航显示添加该模块名称如以下所述的“左图右文1”，点击该模块名称 进入该模块界面 该界面显示所添加的内容项，点击任意一条内容项都会进入相对应的自己设置的链接地址界面(详细请看下方的举例说明)
该模块类型有十二种组件即链接地址 分别为【板块列表】、【门户模块列表】、【简版帖子列表】、【帖子详情】、【文章详情】、【模块指向】、【外部wap页】、【用户中心】、【用户列表】、【消息列表】、【设置】、【关于】 现在就拿单页面里没有的组件来一一举例说明(因为该模块类型除了【帖子详情】【文章详情】【模块指向】其他的九种组件单页面都包含 就不再重复说明了)
1、 点击安米后台管理主界面中的“添加模块”按钮(详见最上面图2)
【模块名称】一栏根据需要任意输入如：左图右文1(如下图所示也有相应填写规则提示)
【模块类型】选择为“左图右文” 如下图23所示：
2、 点击上图左侧手机预览页中的“点击添加更多”按钮 弹出“添加内容 ”信息框 如下图24：
上图所示：
【导航名称】一栏可输入任意字符如：“帖子详情-扁平”
【内容简介】可任意输入如：“点击该组件列表将会进入扁平页面格式的帖子详情界面”
【编辑图标】首先点击“选择文件”按钮，在弹出的Windows页面中找一张后缀为jpg或png的图片，双击图片或点击Windows页面中的“确定”按钮，然后点击“点击上传图片”按钮 如下图25所示：
【链接地址】选择为“帖子详情”
【主题id】即为帖子的id 输入一个有效的帖子id
【页面样式】选择为扁平
内容输入完整后点击上图所示的界面中的“确定”按钮
链接为“帖子详情”的内容项被成功添加 如下图26所示： 
1、 从上图可看出 该内容项右侧分别显示“编辑”和“删除”按钮
点击“编辑”按钮将会打开该内容项的编辑界面 进行修改内容项信息
点击“删除”按钮将会把添加的帖子详情内容项从该界面成功删除掉(同步到客户端的话 客户端将显示此项内容)
*注* 模块名称：相当于模块的标题，在客户端该“左图右文1”模块主界面显示、在后台手机预览页的该模块的标题栏上显示
导航名称：显示在客户端相应的“左图右文1”模块界面，相当于该模块里面添加的组件名称，也是点击进入的内容界面的标题
2、 再次点击“点击添加更多”按钮 弹出的“添加内容”界面：
【导航名称】一栏可输入任意字符如：“文章详情1”
【内容简介】可任意输入如：“点击该组件列表将会进入文章详情界面”
【编辑图标】首先点击“选择文件”按钮，在弹出的Windows页面中找一张后缀为jpg或png的图片，双击图片或点击Windows页面中的“确定”按钮，然后点击“点击上传图片”按钮
【链接地址】选择为“文章详情”
【文章id】即为文章的id 输入一个有效的文章id
内容输入完整后点击“添加内容”界面的“确定”按钮
链接为“文章详情”的内容项被成功添加
3、 再次点击“点击添加更多”按钮 弹出的“添加内容”界面：
【导航名称】一栏可输入任意字符如：“模块指向-发现”
【内容简介】可任意输入如：“点击该组件链接列表将会进入发现模块界面”
【编辑图标】首先点击“选择文件”按钮，在弹出的Windows页面中找一张后缀为jpg或png的图片，双击图片或点击Windows页面中的“确定”按钮，然后点击“点击上传图片”按钮
【链接地址】选择为“模块指向”
【选择模块】可选择列表中的任何模块，现在选择为“发现”模块
内容输入完整后点击“添加内容”界面的“确定”按钮
链接为“模块指向”的内容项被成功添加 添加的三项内容如下图27所示：
同步到客户端， 客户端效果如下图28：
四、 如何添加【自定义】模块类型
自定义模块类型包含三种风格区：默认风格、图片墙风格、线分割风格
该模块类型有十八种组件即链接地址 分别为【板块列表】、【门户模块列表】、【简版帖子列表】、【帖子详情】、【文章详情】、【模块指向】、【外部wap页】、【用户中心】、【用户列表】、【消息列表】、【设置】、【关于】、【搜索】、【发表文字】、【发表图片】、【拍照发表】、【发表语音】以及【签到】
1、 点击安米后台管理主界面中的“添加模块”按钮
【模块名称】一栏根据需要任意输入如：“自定义1”
【模块类型】选择为“自定义页面” 界面如下图29：
点击上图左侧手机预览页中的“点击添加风格区”按钮 弹出“添加风格区 ”信息框 如下图30：
上图所示：
【选择风格区】首先选择默认的“默认风格”(还包含“图片墙风格”和“线分割风格”)
【是否显示标题】从图中可看出要么选择“是“要么选择”否“ 现在我们先选择“是”
*注*：(1)意思就是如果选择“是” 该风格区不仅在手机预览页还是客户端中都会显示标题
(2)如果选择“否” 那么该风格区就不会显示标题 下面的内容也就不复存在 如下图31所示：
【风格区标题】可输入任意字符如：“默认风格区”
【标题位置】从图中可看出分别有“风格区顶部”和“风格区底部” 意思就是标题的位置是在风格区内容的顶部还是在底部显示
【是否显示更多】图中可看出分别有“是”和“否”俩按钮
现在我们还是选择“是”按钮
*注*：(1)如果选择“是” 会在手机预览页和客户端的标题栏右侧显示“更多”字样 点击进去将会是自己设置的那个组件链接内容界面 下面有说到
(2)如果选择“否” 该选项按钮下方的内容就不复存在 客户端就不会显示“更多”字样
【导航名称】输入任意字符如：“模块指向-社区”
【链接地址】则选择为“模块指向”(当然其他链接地址都可选择)
【选择模块】可选择为“社区” (这也是能选区其他实际存在的模块)
内容输入完整后点击“添加风格区”界面中的“确定”按钮
该风格区将被添加完成 如下图32所示： 
上图可看出既可以编辑该风格区 也可以删除
2、 点击上图中的“点击添加组件”按钮 打开“添加组件”内容界面 如下图33所示：
点击添加组件界面中“选择视窗类型”的下拉框按钮 下拉列表如下图34所示：
【选择视窗类型】就是客户端显示的风格
【导航名称】就是设置的组件内容界面的标题
【内容简介】显示在该组件图标的下方
【图标样式】客户端显示的图标样式 分别有“单张图片”、“文字覆盖在下”、“圆形”、“视频_文字覆盖在下”
看下面图35举例说明：
上图所示：
该视窗类型为“四栏样式”
“自定义1”为该模块名称
“默认风格区”为该风格区的标题
左侧第一张图片图标样式则为“单张图片”
第二张图片图标样式则为“文字覆盖在下”
第三张图片图标样式则为“圆形”
最后一张图片图标样式则为“视频_文字覆盖在下”
点击进入分别为添加组件时设置的链接地址
3 | 
