|
Dz-自定義后臺(tái)管理操作說(shuō)明
一、網(wǎng)站的登錄
1、首先打開(kāi)谷歌瀏覽器，在IE地址欄目上輸入自定義后臺(tái)網(wǎng)站地址：
http://www.xxx.com/mobcent/app/web/index.php?r=admin/uidiy
進(jìn)入上圖界面 點(diǎn)擊輸入管理員或其他用戶名以及密碼，點(diǎn)擊“確定”按鈕后進(jìn)入如下界面(圖2)：
2、上圖手機(jī)預(yù)覽頁(yè)的底部導(dǎo)航模塊(紅色標(biāo)注框)都是默認(rèn)存在的，也是默認(rèn)的排列順序，可以根據(jù)自己意愿按動(dòng)鼠標(biāo)調(diào)換位置；鼠標(biāo)移動(dòng)到除了【發(fā)現(xiàn)】以外任何模塊上面，板塊名稱處會(huì)顯示“編輯”和“刪除”按鈕，也就是說(shuō)除了【發(fā)現(xiàn)】模塊，其他模塊都可以從底部導(dǎo)航移除
注：手機(jī)預(yù)覽頁(yè)顯示的模塊與客戶端同步，模塊是否顯示以及模塊顯示的位置都將與客戶端保持一致
3、模塊管理(綠色標(biāo)注框)下面的五個(gè)模塊也都是默認(rèn)存在的，從圖看出除了【發(fā)現(xiàn)】和【快速發(fā)帖】?jī)赡K外其他模塊都可被刪除
二、 如何添加【單頁(yè)面】模塊類型
該模塊類型有九種組件即鏈接地址分別為【板塊列表】、【門戶模塊列表】、【簡(jiǎn)版帖子列表】、【外部wap頁(yè)】、【用戶中心】、【用戶列表】、【消息列表】、【設(shè)置】、 【關(guān)于】
1、進(jìn)入(上圖‘圖2’)可看到模塊管理中的“添加模塊”加號(hào)按鈕，點(diǎn)擊此按鈕打開(kāi)如下圖界面(圖3)：
2、【模塊名稱】一欄根據(jù)需要任意輸入如：?jiǎn)雾?yè)面 (如圖所示也有相應(yīng)填寫規(guī)則提示)
*注*：模塊名稱相當(dāng)于界面的標(biāo)題 在單頁(yè)面標(biāo)題欄顯示
【模塊類型】選為“單頁(yè)面”(還包含“二級(jí)導(dǎo)航”、“左圖右文”、“自定義”模塊類型)
【鏈接地址】選擇為“板塊列表”（還包含“門戶模塊列表”、“簡(jiǎn)版帖子列表”、“外部wap頁(yè)”、“用戶中心”、“用戶列表”、“消息列表”、“設(shè)置”、“關(guān)于”等鏈接地址下面都有說(shuō)明）
【頁(yè)面樣式】選擇為扁平(還包含“卡片樣式”)
然后點(diǎn)擊界面中的“確定”按鈕
該模塊就被成功新建完成 如(圖4)紅色框標(biāo)注所示：
*注*：?jiǎn)雾?yè)面-顧名思義就是一個(gè)單純的界面，界面中只顯示界面標(biāo)題和界面內(nèi)容 1、 鏈接地址為：【板塊列表】-界面則為板塊列表界面即社區(qū)界面該界面可選擇兩種頁(yè)面樣式(扁平和卡片) 如下圖為自己設(shè)置標(biāo)題的板塊列表的扁平樣式界面(圖5)：
2、鏈接地址為：【門戶模塊列表】-界面則為選擇的門戶模塊以及頁(yè)面樣式展現(xiàn)出的門戶模塊界面 該界面可選擇五種頁(yè)面樣式(扁平、卡片、圖片樣式、大圖樣式以及類朋友圈樣式) 如(圖6)為門戶模塊列表的卡片樣式界面：
3、 鏈接地址為：【簡(jiǎn)版帖子列表】-界面展現(xiàn)為選擇的板塊以及選擇的頁(yè)面樣式的帖子列表界面該界面可選擇三種頁(yè)面樣式(扁平、卡片以及類朋友圈樣式)如(圖7)為簡(jiǎn)版帖子列表的類朋友圈樣式界面：
4、 鏈接地址為：【外部wap頁(yè)】-界面則為填寫的鏈接界面 如果輸入的為百度鏈接，點(diǎn)擊打開(kāi)則為百度界面 如圖8為外部wap頁(yè)的百度界面：
5、 鏈接地址為：【用戶中心】-前提是客戶端登陸用戶，進(jìn)入的界面則為該用戶的用戶中心界面 鏈接地址選擇為用戶中心時(shí)，下方會(huì)有一行“是否顯示我的消息”如果勾選-進(jìn)入的用戶中心則會(huì)顯示我的消息一欄，否則相反 如圖9為用戶中心顯示我的消息一欄界面：
6、 鏈接地址為：【用戶列表】-前提是客戶端登陸用戶，進(jìn)入的界面則為添加時(shí)選擇的條件和排序方式過(guò)濾后的用戶列表消息 條件選擇有五種：全部、好友、關(guān)注、粉絲、推薦； 排序方式有五種：按默認(rèn)排序、按注冊(cè)時(shí)間倒序排序、按登陸時(shí)間倒序排序、按粉絲最多倒序排序以及按距離倒序排序 如下圖10條件為登陸的該用戶的關(guān)注的默認(rèn)排序方式的用戶列表：
7、 鏈接地址為：【消息列表】-前提是客戶端登陸用戶，進(jìn)入界面則為該用戶的消息界面(界面中有提到我的、我的評(píng)論消息、我的好友列表以及聊過(guò)私信的好友)
如下圖11為登陸的該用戶的消息列表界面：
8、 鏈接地址為：【設(shè)置】-進(jìn)入的界面則為個(gè)人設(shè)置界面 如下圖12為個(gè)人設(shè)置界面
9、 鏈接地址為：【關(guān)于】-進(jìn)入的界面則為關(guān)于界面(包含應(yīng)用介紹、反饋郵箱、官方網(wǎng)站、該應(yīng)用的二維碼以及該應(yīng)用的版本號(hào))
三、 如何將添加的模塊顯示在手機(jī)預(yù)覽頁(yè)的底部導(dǎo)航上 且同步到客戶端
意思就是將添加的單頁(yè)面模塊顯示在手機(jī)預(yù)覽頁(yè)的底部導(dǎo) 上 并同步到客戶端，在客戶端能正確顯示并使用
1、 首先將手機(jī)預(yù)覽頁(yè)中的底部導(dǎo)航上的模塊刪除一個(gè)(底部導(dǎo)航最多只能放5個(gè)模塊，要想添加新的模塊必須刪除一個(gè)不太常用的其他模塊，首次進(jìn)入后臺(tái)手機(jī)預(yù)覽頁(yè)都會(huì)有默認(rèn)顯示的5個(gè)模塊(詳細(xì)參照第一大條的第二條內(nèi)容))
2、 假如刪除消息模塊，將鼠標(biāo)移動(dòng)至消息模塊上方，該模塊名稱處分別顯示“編輯”和“刪除”按鈕 如下圖14：
3、 然后點(diǎn)擊上圖中的“刪除”按鈕，在彈出的“刪除導(dǎo)航”欄提示框中點(diǎn)擊“確定”按鈕 該導(dǎo)航則成功被刪除，導(dǎo)航將會(huì)多出一個(gè)橙色加號(hào)按鈕 如下圖15所示：
4、 點(diǎn)擊上圖所示的橙色加號(hào)按鈕 彈出“添加導(dǎo)航”提示框 如下圖16：
【導(dǎo)航名稱】一欄根據(jù)需要任意輸入如：?jiǎn)雾?yè)面-板塊列表(如圖所示也有相應(yīng)填寫規(guī)則提示)
【導(dǎo)航圖標(biāo)】可根據(jù)添加的導(dǎo)航模塊選擇想對(duì)應(yīng)的圖標(biāo)或任意選擇圖標(biāo)框的導(dǎo)航圖標(biāo)
【鏈接地址】則為剛剛添加的模塊名稱 點(diǎn)擊選擇“單頁(yè)面”如圖17會(huì)有剛添加的模塊名稱“單頁(yè)面”
選擇填寫完整后點(diǎn)擊“確定”按鈕 該模塊將成功添加到手機(jī)預(yù)覽頁(yè)的底部導(dǎo)航上
5、 最后一步點(diǎn)擊界面最下方的“同步”按鈕(同步：意思就是將添加的內(nèi)容同步到客戶端，添加的模塊以及內(nèi)容將會(huì)在客戶端顯示 與后臺(tái)保持一致) 
點(diǎn)擊同步按鈕后會(huì)彈出一個(gè)“確定要現(xiàn)在同步嗎？”的提示框，點(diǎn)擊“確定”，之后會(huì)彈出一個(gè)“同步成功，實(shí)際的樣式請(qǐng)以客戶端為準(zhǔn)！”的信息提示即同步成功
這時(shí)就可以查看客戶端上相對(duì)于的應(yīng)用，點(diǎn)擊進(jìn)入應(yīng)用后點(diǎn)擊添加的導(dǎo)航名稱將會(huì)看到如下界面：
該圖19底部導(dǎo)航最右側(cè)的模塊則為成功添加的單頁(yè)面模塊，該界面則是添加的單頁(yè)面的“板塊列表”鏈接地址
四、 如何添加【二級(jí)導(dǎo)航】模塊類型
該模塊類型有七種組件即鏈接地址 分別為：【板塊列表】、【門戶模塊列表】、【簡(jiǎn)版帖子列表】、【外部wap頁(yè)】、【用戶列表】、【設(shè)置】、【關(guān)于】
前提是正確添加該模塊并同步到客戶端--客戶端底部導(dǎo)航顯示添加的該模塊名稱如以下所述的“二級(jí)導(dǎo)航1”，點(diǎn)擊進(jìn)去會(huì)顯示四個(gè)二級(jí)導(dǎo)航名稱(該名稱都是自己填寫的)，點(diǎn)擊任意一個(gè)導(dǎo)航都會(huì)進(jìn)入相對(duì)應(yīng)的自己設(shè)置的鏈接地址界面(詳細(xì)請(qǐng)看下方的舉例說(shuō)明)
1、 點(diǎn)擊安米后臺(tái)管理主界面中的“添加模塊”按鈕(詳見(jiàn)最上面圖2)
【模塊名稱】一欄根據(jù)需要任意輸入如：二級(jí)導(dǎo)航1(如下圖所示也有相應(yīng)填寫規(guī)則提示)
【模塊類型】選擇為“二級(jí)導(dǎo)航” 如下圖20所示：
模塊類型選擇為二級(jí)導(dǎo)航后，會(huì)默認(rèn)顯示四個(gè)導(dǎo)航欄
如：第一個(gè)導(dǎo)航欄導(dǎo)航名稱可為“板塊-扁平” 鏈接地址選擇為“板塊列表” 頁(yè)面樣式為“扁平樣式”
第二個(gè)導(dǎo)航欄導(dǎo)航名稱可為“門戶-卡片” 鏈接地址選擇為“門戶模塊列表” 選擇模塊一欄可任意選擇如現(xiàn)在選擇“幻燈1” 頁(yè)面樣式選擇為“卡片樣式”
第三個(gè)導(dǎo)航欄導(dǎo)航名稱可為“簡(jiǎn)版-朋友圈” 鏈接地址選擇為“簡(jiǎn)版帖子列表” 選擇板塊一欄可任意選擇一或多個(gè)板塊 頁(yè)面樣式選擇為“類朋友圈樣式”
第四個(gè)導(dǎo)航欄導(dǎo)航名稱可為“外部wap頁(yè)” 鏈接地址選擇為“外部wap頁(yè)” wap地址可輸入任意正確網(wǎng)址如：http://www.baidu.com
2、 填寫完整后點(diǎn)擊“確定”按鈕，該模塊將成功被添加
3、 將該模塊添加到手機(jī)預(yù)覽頁(yè)的底部導(dǎo)航上(詳細(xì)請(qǐng)參考第三條【如何將添加的模塊顯示在手機(jī)預(yù)覽頁(yè)的底部導(dǎo)航上 且同步到客戶端】) 如下圖21所示：
4、 然后點(diǎn)擊“同步”按鈕
5、 打開(kāi)相應(yīng)的客戶端應(yīng)用，點(diǎn)擊剛添加的“二級(jí)導(dǎo)航1” 進(jìn)入如下22界面：
從上圖可看到該界面有二級(jí)導(dǎo)航，名稱都是剛添加的那四個(gè)導(dǎo)航欄目 可點(diǎn)擊上面的導(dǎo)航來(lái)切換各個(gè)相對(duì)于的界面(二級(jí)導(dǎo)航所含的七種鏈接地址都可參考第二條的注釋內(nèi)容，都有相應(yīng)的截圖)
四、 如何添加【左圖右文】模塊類型
前提是正確添加該模塊并同步到客戶端--客戶端底部導(dǎo)航顯示添加該模塊名稱如以下所述的“左圖右文1”，點(diǎn)擊該模塊名稱 進(jìn)入該模塊界面 該界面顯示所添加的內(nèi)容項(xiàng)，點(diǎn)擊任意一條內(nèi)容項(xiàng)都會(huì)進(jìn)入相對(duì)應(yīng)的自己設(shè)置的鏈接地址界面(詳細(xì)請(qǐng)看下方的舉例說(shuō)明)
該模塊類型有十二種組件即鏈接地址 分別為【板塊列表】、【門戶模塊列表】、【簡(jiǎn)版帖子列表】、【帖子詳情】、【文章詳情】、【模塊指向】、【外部wap頁(yè)】、【用戶中心】、【用戶列表】、【消息列表】、【設(shè)置】、【關(guān)于】 現(xiàn)在就拿單頁(yè)面里沒(méi)有的組件來(lái)一一舉例說(shuō)明(因?yàn)樵撃K類型除了【帖子詳情】【文章詳情】【模塊指向】其他的九種組件單頁(yè)面都包含 就不再重復(fù)說(shuō)明了)
1、 點(diǎn)擊安米后臺(tái)管理主界面中的“添加模塊”按鈕(詳見(jiàn)最上面圖2)
【模塊名稱】一欄根據(jù)需要任意輸入如：左圖右文1(如下圖所示也有相應(yīng)填寫規(guī)則提示)
【模塊類型】選擇為“左圖右文” 如下圖23所示：
2、 點(diǎn)擊上圖左側(cè)手機(jī)預(yù)覽頁(yè)中的“點(diǎn)擊添加更多”按鈕 彈出“添加內(nèi)容 ”信息框 如下圖24：
上圖所示：
【導(dǎo)航名稱】一欄可輸入任意字符如：“帖子詳情-扁平”
【內(nèi)容簡(jiǎn)介】可任意輸入如：“點(diǎn)擊該組件列表將會(huì)進(jìn)入扁平頁(yè)面格式的帖子詳情界面”
【編輯圖標(biāo)】首先點(diǎn)擊“選擇文件”按鈕，在彈出的Windows頁(yè)面中找一張后綴為jpg或png的圖片，雙擊圖片或點(diǎn)擊Windows頁(yè)面中的“確定”按鈕，然后點(diǎn)擊“點(diǎn)擊上傳圖片”按鈕 如下圖25所示：
【鏈接地址】選擇為“帖子詳情”
【主題id】即為帖子的id 輸入一個(gè)有效的帖子id
【頁(yè)面樣式】選擇為扁平
內(nèi)容輸入完整后點(diǎn)擊上圖所示的界面中的“確定”按鈕
鏈接為“帖子詳情”的內(nèi)容項(xiàng)被成功添加 如下圖26所示： 
1、 從上圖可看出 該內(nèi)容項(xiàng)右側(cè)分別顯示“編輯”和“刪除”按鈕
點(diǎn)擊“編輯”按鈕將會(huì)打開(kāi)該內(nèi)容項(xiàng)的編輯界面 進(jìn)行修改內(nèi)容項(xiàng)信息
點(diǎn)擊“刪除”按鈕將會(huì)把添加的帖子詳情內(nèi)容項(xiàng)從該界面成功刪除掉(同步到客戶端的話 客戶端將顯示此項(xiàng)內(nèi)容)
*注* 模塊名稱：相當(dāng)于模塊的標(biāo)題，在客戶端該“左圖右文1”模塊主界面顯示、在后臺(tái)手機(jī)預(yù)覽頁(yè)的該模塊的標(biāo)題欄上顯示
導(dǎo)航名稱：顯示在客戶端相應(yīng)的“左圖右文1”模塊界面，相當(dāng)于該模塊里面添加的組件名稱，也是點(diǎn)擊進(jìn)入的內(nèi)容界面的標(biāo)題
2、 再次點(diǎn)擊“點(diǎn)擊添加更多”按鈕 彈出的“添加內(nèi)容”界面：
【導(dǎo)航名稱】一欄可輸入任意字符如：“文章詳情1”
【內(nèi)容簡(jiǎn)介】可任意輸入如：“點(diǎn)擊該組件列表將會(huì)進(jìn)入文章詳情界面”
【編輯圖標(biāo)】首先點(diǎn)擊“選擇文件”按鈕，在彈出的Windows頁(yè)面中找一張后綴為jpg或png的圖片，雙擊圖片或點(diǎn)擊Windows頁(yè)面中的“確定”按鈕，然后點(diǎn)擊“點(diǎn)擊上傳圖片”按鈕
【鏈接地址】選擇為“文章詳情”
【文章id】即為文章的id 輸入一個(gè)有效的文章id
內(nèi)容輸入完整后點(diǎn)擊“添加內(nèi)容”界面的“確定”按鈕
鏈接為“文章詳情”的內(nèi)容項(xiàng)被成功添加
3、 再次點(diǎn)擊“點(diǎn)擊添加更多”按鈕 彈出的“添加內(nèi)容”界面：
【導(dǎo)航名稱】一欄可輸入任意字符如：“模塊指向-發(fā)現(xiàn)”
【內(nèi)容簡(jiǎn)介】可任意輸入如：“點(diǎn)擊該組件鏈接列表將會(huì)進(jìn)入發(fā)現(xiàn)模塊界面”
【編輯圖標(biāo)】首先點(diǎn)擊“選擇文件”按鈕，在彈出的Windows頁(yè)面中找一張后綴為jpg或png的圖片，雙擊圖片或點(diǎn)擊Windows頁(yè)面中的“確定”按鈕，然后點(diǎn)擊“點(diǎn)擊上傳圖片”按鈕
【鏈接地址】選擇為“模塊指向”
【選擇模塊】可選擇列表中的任何模塊，現(xiàn)在選擇為“發(fā)現(xiàn)”模塊
內(nèi)容輸入完整后點(diǎn)擊“添加內(nèi)容”界面的“確定”按鈕
鏈接為“模塊指向”的內(nèi)容項(xiàng)被成功添加 添加的三項(xiàng)內(nèi)容如下圖27所示：
同步到客戶端， 客戶端效果如下圖28：
四、 如何添加【自定義】模塊類型
自定義模塊類型包含三種風(fēng)格區(qū)：默認(rèn)風(fēng)格、圖片墻風(fēng)格、線分割風(fēng)格
該模塊類型有十八種組件即鏈接地址 分別為【板塊列表】、【門戶模塊列表】、【簡(jiǎn)版帖子列表】、【帖子詳情】、【文章詳情】、【模塊指向】、【外部wap頁(yè)】、【用戶中心】、【用戶列表】、【消息列表】、【設(shè)置】、【關(guān)于】、【搜索】、【發(fā)表文字】、【發(fā)表圖片】、【拍照發(fā)表】、【發(fā)表語(yǔ)音】以及【簽到】
1、 點(diǎn)擊安米后臺(tái)管理主界面中的“添加模塊”按鈕
【模塊名稱】一欄根據(jù)需要任意輸入如：“自定義1”
【模塊類型】選擇為“自定義頁(yè)面” 界面如下圖29：
點(diǎn)擊上圖左側(cè)手機(jī)預(yù)覽頁(yè)中的“點(diǎn)擊添加風(fēng)格區(qū)”按鈕 彈出“添加風(fēng)格區(qū) ”信息框 如下圖30：
上圖所示：
【選擇風(fēng)格區(qū)】首先選擇默認(rèn)的“默認(rèn)風(fēng)格”(還包含“圖片墻風(fēng)格”和“線分割風(fēng)格”)
【是否顯示標(biāo)題】從圖中可看出要么選擇“是“要么選擇”否“ 現(xiàn)在我們先選擇“是”
*注*：(1)意思就是如果選擇“是” 該風(fēng)格區(qū)不僅在手機(jī)預(yù)覽頁(yè)還是客戶端中都會(huì)顯示標(biāo)題
(2)如果選擇“否” 那么該風(fēng)格區(qū)就不會(huì)顯示標(biāo)題 下面的內(nèi)容也就不復(fù)存在 如下圖31所示：
【風(fēng)格區(qū)標(biāo)題】可輸入任意字符如：“默認(rèn)風(fēng)格區(qū)”
【標(biāo)題位置】從圖中可看出分別有“風(fēng)格區(qū)頂部”和“風(fēng)格區(qū)底部” 意思就是標(biāo)題的位置是在風(fēng)格區(qū)內(nèi)容的頂部還是在底部顯示
【是否顯示更多】圖中可看出分別有“是”和“否”倆按鈕
現(xiàn)在我們還是選擇“是”按鈕
*注*：(1)如果選擇“是” 會(huì)在手機(jī)預(yù)覽頁(yè)和客戶端的標(biāo)題欄右側(cè)顯示“更多”字樣 點(diǎn)擊進(jìn)去將會(huì)是自己設(shè)置的那個(gè)組件鏈接內(nèi)容界面 下面有說(shuō)到
(2)如果選擇“否” 該選項(xiàng)按鈕下方的內(nèi)容就不復(fù)存在 客戶端就不會(huì)顯示“更多”字樣
【導(dǎo)航名稱】輸入任意字符如：“模塊指向-社區(qū)”
【鏈接地址】則選擇為“模塊指向”(當(dāng)然其他鏈接地址都可選擇)
【選擇模塊】可選擇為“社區(qū)” (這也是能選區(qū)其他實(shí)際存在的模塊)
內(nèi)容輸入完整后點(diǎn)擊“添加風(fēng)格區(qū)”界面中的“確定”按鈕
該風(fēng)格區(qū)將被添加完成 如下圖32所示： 
上圖可看出既可以編輯該風(fēng)格區(qū) 也可以刪除
2、 點(diǎn)擊上圖中的“點(diǎn)擊添加組件”按鈕 打開(kāi)“添加組件”內(nèi)容界面 如下圖33所示：
點(diǎn)擊添加組件界面中“選擇視窗類型”的下拉框按鈕 下拉列表如下圖34所示：
【選擇視窗類型】就是客戶端顯示的風(fēng)格
【導(dǎo)航名稱】就是設(shè)置的組件內(nèi)容界面的標(biāo)題
【內(nèi)容簡(jiǎn)介】顯示在該組件圖標(biāo)的下方
【圖標(biāo)樣式】客戶端顯示的圖標(biāo)樣式 分別有“單張圖片”、“文字覆蓋在下”、“圓形”、“視頻_文字覆蓋在下”
看下面圖35舉例說(shuō)明：
上圖所示：
該視窗類型為“四欄樣式”
“自定義1”為該模塊名稱
“默認(rèn)風(fēng)格區(qū)”為該風(fēng)格區(qū)的標(biāo)題
左側(cè)第一張圖片圖標(biāo)樣式則為“單張圖片”
第二張圖片圖標(biāo)樣式則為“文字覆蓋在下”
第三張圖片圖標(biāo)樣式則為“圓形”
最后一張圖片圖標(biāo)樣式則為“視頻_文字覆蓋在下”
點(diǎn)擊進(jìn)入分別為添加組件時(shí)設(shè)置的鏈接地址
3 | 
