9.15日(rì)音(yīn)訊，微(wēi)信二次"₽®δ開(kāi)發後台的(de)策劃

　　9.15日(rì)音(yīn)訊，微(wēi)信二次開¶γ‌(kāi)發後台的(de)策劃。APP、網站(zhàn)、微(wēi>₩)信二次開(kāi)發非常複雜(zá)的(de)後台如(rú)何☆✘策劃呢(ne)？面對(duì)客戶給過來(lái)的(de)需求中，大(d₽←→€à)多(duō)數(shù)都(dōu)是(shì)前端需求。很(ε↕hěn)少(shǎo)客戶給我們後台需求，很(hěn☆£↕δ)多(duō)想當然的(de)實現(xià↕<♣n)效果在他(tā)們腦(nǎo)中基本沒有(yǒu>♥¥​)概念。那(nà)麽讓我們用(yòng)一(y'∏≤ī)個(gè)簡單的(de)門(mén)戶網站(zhàn)舉例。

　　背景：A公司目前門(mén)戶是(sh ✔§ì)靜(jìng)态的(de)，老(lǎo)闆為(wèi)了 ∏γ(le)拉融資要(yào)求對(duì)門(mén)戶網站(zhàn)進行(xγ£₹$íng)改版。

　　需求：在網站(zhàn)上(shàng)要(y≈★ào)有(yǒu)新聞模塊，首頁需要(yào)有(yǒu)輪播圖可(kě)以®£↑更換公司的(de)大(dà)事(shì)件(jià≈♥n)，給公司一(yī)個(gè)發聲的(de)地(dì)方，明(mλ íng)年(nián)的(de)重點需要(yào)擴大(dà)招商範圍÷✘★✘和(hé)規模，網站(zhàn)上(shàng)£∏δ•最好(hǎo)有(yǒu)個(gè)招商闆塊，再✔φ'γ有(yǒu)就(jiù)是(shì)對(duì)公司整體✘ (tǐ)有(yǒu)個(gè)業(yè)務介紹，最後，公司最近(jìn)招人≈≤(rén)比較困難，如(rú)果官網有(yǒu)個δ→>(gè)招聘模塊也(yě)許就(jiù)能(néng)提高(gāo)招聘的∞←(de)效率。開(kāi)發周期：一(yī)個(gè)月(y₩±‍‍uè)時(shí)間(jiān)，網站(zh♥¥ àn)就(jiù)要(yào)上(shàng)線！要( ↓yào)求就(jiù)是(shì)這(zhè)麽多(duō)了(le)，如(↕ε‌∑rú)果是(shì)你(nǐ)，你(nǐ)會(huì)怎麽做(zuò)？

　　畫(huà)原型嗎(ma)？NO。面對(duì)₩→σ這(zhè)個(gè)需求，我們需要(y∞✔®↕ào)調動多(duō)少(shǎo)人(rén)？産品♦↔$經理(lǐ)自(zì)己，UI一(yī)個(δ↑♠γgè)，前端一(yī)個(gè)，後端1-2個(gè♥ )，市(shì)場(chǎng)文(wén' ‍​)案一(yī)個(gè)，人(rén)力÷&>資源輔助配合招聘模塊1人(rén)，最後是(shì)網站(zhàn®φ±)後期運營者。想想功能(néng)，想想要(yào)完成的β☆(de)事(shì)情，大(dà)概就(jiù)這(zhè)麽多(duō ↓∑)。根據需求可(kě)以看(kàn)出，☆♦↑大(dà)概功能(néng)并不(bù)複↓→雜(zá)；做(zuò)個(gè)功能(néng)列表，簡單用(yòng)語÷↕言包裝要(yào)做(zuò)的(de)東(dōng)西(xī)，然後去¥λ≥(qù)分(fēn)别私聊或者召集大(dà)家(jiā)開(kāi×‍)會(huì)，讓大(dà)家(jiā)提供一(yī)個(gè)≈​ ₩完成時(shí)間(jiān)，這(zhè±≠±)個(gè)完成時(shí)間(jiān)不(bù)能(néngβ®)超過Deadline，所以溝通(tōng)過程中可(kě)能☆ε<φ(néng)需要(yào)你(nǐ)去(qù)♥π​‍說(shuō)服對(duì)方，提高(gāo)效率，甚至可(k™∑ě)能(néng)加班，讓大(dà)家(jiā)有(yδ✘ǒu)心理(lǐ)準備。搞定了(le)人(r£✔✔én)，回來(lái)看(kàn)看(kàn)産品。

　　我們先來(lái)做(zuò)個(gè)簡∞<>單的(de)需求梳理(lǐ)：

　　首頁，會(huì)有(yǒu)一(yī)個(gè)輪播圖方便後 α期更新，如(rú)果更新不(bù)頻(pín)繁也(yě)可(kě)±×÷以做(zuò)成靜(jìng)态，開(kāi)發成本低(dī)。首頁還(hái÷♣™)會(huì)是(shì)一(yī)些(xiē)公司競争力‌★"介紹等等。新聞，新聞會(huì)有(yǒu)運營人(rén)σ♦©員(yuán)不(bù)定期更新，就(jiù)是(shì)★±需要(yào)創建信息，他(tā)就(jiù)是(shì)需要(​♠δ↕yào)在後台有(yǒu)這(zhè)個(gè)功能(néngσ₽σ)。招商加盟，看(kàn)看(kàn)招商網站(zhàn)多(duō)半是‌₽™♣(shì)一(yī)些(xiē)公司介紹，在底部會(huì)放(fàng)γ®✔ 一(yī)個(gè)聯系方式提交的(de)地(dì)方，詢問(w≥'✘ èn)老(lǎo)闆後，他(tā)認為(wè↕←i)也(yě)需要(yào)這(zhè)πγ∏β個(gè)模塊，需要(yào)傳遞信息，他(tā)§≥✘也(yě)需要(yào)在後台有(yǒu)φ 個(gè)功能(néng)。招聘，看(kàn)看(kàn§∑¶¶)招聘網站(zhàn)，功能(néng)還(hái)≠↑♥ 是(shì)挺多(duō)的(de)？那(nà)麽我們需要(yà©α•™o)那(nà)麽多(duō)嗎(ma)？用(yòn÷→₩g)戶可(kě)以有(yǒu)個(gè)word簡曆通→ (tōng)過網站(zhàn)上(shàng)傳給我們，人(rén)力資源人($≥εrén)員(yuán)可(kě)以通(tōng)過後台下(xià)≠₹♥↔載或預覽？再來(lái)一(yī)個(gè)解決方案，在前台↔®$有(yǒu)很(hěn)多(duō)表單可(≤↔Ωkě)以讓用(yòng)戶填寫，直接提交α♣☆•給後台。這(zhè)些(xiē)都(dōu)是(shì)用(yòng÷ε₩≥)戶要(yào)與後台産生(shēng)互動信息。

　　但(dàn)是(shì)這(zhè)些(xiē)¶© 方案好(hǎo)像聽(tīng)起來(lái)不(bù)錯( αβ≈cuò)，那(nà)麽不(bù)如(rú)用(yòng)最原始♦£‌‌的(de)方式，雖然不(bù)那(nà)麽酷但(dàn)是(shì)後♠¥★簡單，前端隻提供職位職責預覽，并提供一(yī)個(gè)人(∏φ≤rén)力的(de)郵箱，大(dà)家(ji★ ‍♦ā)可(kě)以向裡(lǐ)面投遞簡曆，後台隻做(zuò)β¶職位的(de)簡單發布。業(yè)務介紹♦♠↑，屬于靜(jìng)态頁面，設計(jì)上(shàn £g)去(qù)就(jiù)可(kě)以了(l₹≠e)，這(zhè)個(gè)不(bù)涉及到(γ∏dào)後台。

　　經過分(fēn)析和(hé)溝通(tōng)，我們發∞≈£&現(xiàn)與後台有(yǒu)交集的(de)地(dì)方分(λ≤ fēn)别是(shì)，首頁輪播圖，新聞，招商和(hé)招聘。↕↑§這(zhè)時(shí)候你(nǐ)可(kě)以去↔&α(qù)看(kàn)看(kàn)其他(tā)産品，在這(zhè₽ γ)些(xiē)模塊都(dōu)會(huì)顯示哪些( γ•≥xiē)字段信息，找到(dào)你(nǐ)決定有(yǒuΩΩ→≤)用(yòng)的(de)，把他(tā)€™∞←填寫到(dào)這(zhè)些(xiē)功能(néng)描述中，再去(qù)進ε≈γ¥行(xíng)前台的(de)産品設計(jì)；不(bù)過有(yǒu)時('∏★shí)你(nǐ)會(huì)發現(xiàn)做(zuò)著(zhe)做(™‍↑zuò)著(zhe)發現(xiàn)缺了(le)某個(gè)字段，$"€α為(wèi)了(le)避免這(zhè)種事(sφε≥hì)情的(de)發生(shēng)，就(jiù)需要(yào)你(n↔↔∏ǐ)在信息收集的(de)過程中，多(du×÷♥σō)去(qù)看(kàn)幾個(gè)産φ≥×σ品，把他(tā)們的(de)展示的(de)內(nèi)容都(dōu)先羅列下(₹≠ ₹xià)來(lái)，再做(zuò)删減。

　　前台不(bù)是(shì)今天說(shuō)的(de≠​​∑)重點，我們直接進入後台設計(jì)。

　　我常以為(wèi)後台就(jiù)是(shì)一(yī)個(π™‌₽gè)個(gè)的(de)「倉庫」這(zhè)個(gè)庫裡(lǐ)堆放(fΩ↔àng)著(zhe)你(nǐ)想要(yào)管理(lǐ)的(de)↔Ωσ×內(nèi)容，後台的(de)搭建就(jiù)是 £≠✔(shì)創建一(yī)個(gè)又(yòu)一(yī≥♣)個(gè)的(de)庫，并且将他(tā)們合理(lǐε∞)的(de)連接起來(lái)。回看(kàn)我們要(yào✘↓)做(zuò)的(de)東(dōng)西(x"βī)，可(kě)以簡單的(de)分(fēn)為(☆↓wèi)四個(gè)庫，并對(duì)他(tπ₽β×ā)們分(fēn)别管理(lǐ)。

　　新聞管理(lǐ)

　　輪播圖管理(lǐ)（廣告位管理(lǐ)）

　　加盟信息

　　招聘信息管理(lǐ)

　　知(zhī)道(dào)有(yǒu)哪些(π∑δ∏xiē)庫了(le)，我們需要(yào)将他(tā)β∞們合理(lǐ)的(de)組合起來(lái)，形成&r≠☆dquo;導航“。業(yè)ε₩≈∑務流程越長(cháng)，功能(néng)越多(φδ↕duō)這(zhè)個(gè)組合的(de)工( ☆gōng)作(zuò)越不(bù)好(hǎo)，這(zhè)‍'•就(jiù)是(shì)為(wèi)什(shén)麽需要(yào)€≠‌™信息架構師(shī)這(zhè)種職位，不(bù)過面對(duì)簡單的( ©π∑de)後台，産品們還(hái)是(shì)可(kě)αγ★以直接應付。整個(gè)後台的(de)界面通(tōng)常會(huì)有(yǒ★πε♥u)以下(xià)模塊組成：後台導航&md≤ש™ash;—管理(lǐ)庫(管理(lǐ<')內(nèi)容列表管理(lǐ)的(de)內(nèi¶₹)容)，從(cóng)最大(dà)的(de)框架到₹↔(dào)最小(xiǎo)元素。

　　後台導航

　　在我接觸的(de)後台導航中常見(jiàn)的(de)有(yǒ®★↑≥u)幾種。

　　1.橫向導航

　　2.縱向樹(shù)結構導航

　　3.橫向導航縱向樹(shù)結構

　　橫向導航會(huì)用(yòng)在後台☆Ω‍功能(néng)較少(shǎo)，層級很(hěn)少(shǎo↔π✔♦)的(de)情況下(xià)，他(tā)的(de)優勢就(jiù)是(shì)≈<​∞學習(xí)成本低(dī)，劣勢就(jiù)是(shΩ₹ ì)可(kě)擴展性比較差。

　　縱向樹(shù)結構導航，這(zhè)個(gè)我們看©ε(kàn)的(de)其實是(shì)比較常見(jiàn)的(de∞♠→α)，很(hěn)多(duō)電(diàn)商網站(zhàn)☆$‌®的(de)個(gè)人(rén)中心或是(shì)訂單頁面就(jiùα✔€)是(shì)用(yòng)的(de)這(zhè) →✔₹種結構，邏輯清晰，能(néng)夠很(hěn)快(kuài)的(de)找到(d♦∏™♠ào)想要(yào)找的(de)東(dōng)西(xī)。第三種比較複↑•σ雜(zá)，适用(yòng)于平台功能(né​☆£​ng)較多(duō)，功能(néng)模塊相(x®♠ iàng)差很(hěn)多(duō)的(de)網≤↕£​站(zhàn)，會(huì)在最頂部的(de)橫向★§δ導航放(fàng)置頂級功能(néng)導航，在某個(g®→®è)功能(néng)下(xià)用(yòng)樹(sh¶★↔☆ù)結構導航清晰的(de)表現(xiàn)二級功能(néng)。因為(wèφ←i)這(zhè)一(yī)次我們做(zuò)的(de)功≥♠&ε能(néng)并不(bù)複雜(zá)實際上(shàng∏©"×)可(kě)以用(yòng)橫向導航，不(bù)過因為(wèi™ ‍)我是(shì)根據現(xiàn)有(yǒu)後台來(lái)制(±ασzhì)作(zuò)，所以為(wèi)了(le)不(bù)增加開(k✔↓āi)發成本，所以依然延續橫向導航縱向樹(shù)結構。

　　管理(lǐ)庫

　　決定了(le)哪種導航形式，來(lái)看(kàn)看(<€kàn)最重要(yào)的(de)「管理(lǐ)庫」，面對(duì)「庫Ω₩✘♣」大(dà)家(jiā)記住，絕大(dà)部♦λ≤≥分(fēn)情況都(dōu)會(huì)£↓λ÷有(yǒu)個(gè)「列表頁」，然後就(jiù)是(shì)對π₽(duì)信息的(de)「增删改查」，遇到(dào)商品或是(shì)輪播圖™₩'還(hái)會(huì)有(yǒu)上(shàng)下₩•​"(xià)架，顯示與隐藏的(de)功能(néng)，基本上(shànφ↑βg)「庫」都(dōu)會(huì)這(zhè)樣的(≥₩de)管理(lǐ)的(de)。

　　那(nà)麽這(zhè)樣想，是(shì)不(bù)是(shì)新聞的 ®(de)管理(lǐ)設計(jì)起來(lái)就(jiù)容易多(duō)了‌ (le)。添加新聞，删除新聞，編輯新聞，搜φ≤₽Ω索新聞，再加上(shàng)一(yī)個(gè)新≈✔聞列表，列表中在顯示一(yī)些(xiē)需要(yào)的(de)字段∏←。其實整個(gè)管理(lǐ)列表頁已經躍然紙(z‌$≥hǐ)上(shàng)了(le)，之後就¶$(jiù)是(shì)正文(wén)編輯了(le)，用(yòng)♥♦‍戶可(kě)以從(cóng)列表頁或導航中的(de)「添加新聞」進入，把可(§'kě)以實現(xiàn)功能(néng)的(de)字段做(z©∏uò)到(dào)頁面上(shàng)，再加上( ♦shàng)文(wén)本編輯器(qì)，一(yī)個π×δ(gè)發布按鈕，一(yī)個(gè)簡單的(d$"γπe)新聞管理(lǐ)就(jiù)搞定了(le)。

　　那(nà)加盟信息怎麽做(zuò)？其實也(yě)很(hěn)簡•☆單，既然用(yòng)戶需要(yào)在前台提交信息，™±那(nà)麽我們的(de)後台實際上(shàng)就(jiù)是(shì)€ 一(yī)個(gè)接受信息的(de)地(dì)方。我們讓用(yòn↑±≤↔g)戶在前台提交「姓名電(diàn)話(huà)郵©∞箱」等聯系方式，在後台加盟管理(lǐ)中，利用(yòng)列表頁£Ω★将這(zhè)些(xiē)信息進行(xíng)↕ 展示，有(yǒu)新的(de)加盟信息推送過來≈€ (lái)可(kě)以在導航上(shàng)加一(yī)個(gè)數(shù) >字角标，這(zhè)個(gè)功能(nén™£™∑g)甚至都(dōu)用(yòng)不(bù)到(dào)詳情頁就(j←₽iù)能(néng)搞定。

　　留個(gè)思考問(wèn)題，廣告位管理(lǐβ≥ )你(nǐ)是(shì)不(bù)是(shì)也(yě)會(hu∞≈‍ì)做(zuò)了(le)呢(ne)？

　　用(yòng)上(shàng)面的(de)辦法ε§思考——列表（增删改查）+詳情（添加內(nèi₹₩)容）。是(shì)不(bù)是(shì)思路(lù)變得× ♦(de)清晰一(yī)些(xiē)？

　　像門(mén)戶網站(zhàn)這(zhè)種還(÷πhái)算(suàn)比較簡單的(de)，不(∞β★φbù)過為(wèi)了(le)方便管理(lǐ)，你(nǐ)可(kě)♥®→₹以給不(bù)同的(de)角色賦予不(bù)同的(de)權限，ε®÷♠比如(rú)人(rén)力資源的(de)同學隻可(kě)以使用σ≠↔ (yòng)招聘發布，網站(zhàn)運營人(rén)員(yuán)隻能(n☆ βéng)使用(yòng)新聞發布等等，專人(r饙δ¥n)專項，分(fēn)工(gōng)明(míng)确。