湖南省殘疾人福利基金會(huì )成立于2008年，是一家以扶殘助殘為宗旨的4A級公募基金會(huì )，主管單位是湖南省殘疾人聯(lián)合會(huì )?；饡?huì )的宗旨是“遵照國家和地方政府有關(guān)法律、法規和政策，廣泛團結、動(dòng)員一切社會(huì )力量，全心全意為殘疾人服務(wù)”。

本項目由湖南省殘疾人福利基金委托微構網(wǎng)絡(luò )團隊開(kāi)發(fā)新的門(mén)戶(hù)網(wǎng)站及在線(xiàn)捐助系統，并遷移整合原來(lái)多個(gè)系統數據到新系統中（多個(gè)老系統有php的也有.net的）。支持電腦端、微信端、手機瀏覽器、其他APP端內訪(fǎng)問(wèn)。支持多達6種在線(xiàn)捐助支付方式。

部分手機端界面展示（本項目包含電腦端和手機端）

主要功能清單

一、門(mén)戶(hù)網(wǎng)站前臺

（1）、文章模塊

門(mén)戶(hù)網(wǎng)站的核心內容，可以分類(lèi)瀏覽（分類(lèi)級數為2級）文章內容，不同的內容展現方式可以有所區別。

1、列出對應分類(lèi)所有內容，PC上可以點(diǎn)擊分頁(yè)導航切換分頁(yè)，H5網(wǎng)頁(yè)可以上拉到底部自動(dòng)加載下一頁(yè)。

2、列表頁(yè)面可以根據分類(lèi)的定位在后臺設置不同的頁(yè)面類(lèi)型，如：①標題型（如公告）；②、圖片+標題型（如圖片展示）；③、圖片+標題+摘要（如活動(dòng)新聞）；④、視頻列表（不超過(guò)4種列表風(fēng)格）。

3、列表中每一條數據，根據數據的類(lèi)型顯示不同的元素，如封面圖片、標題、閱讀數、發(fā)布時(shí)間、視頻標識、音頻標識、附件標識（如內容zip、word、excel、pdf等附件標記附件標識）。

4、文章內頁(yè)：內頁(yè)支持文字、圖片、音頻、視頻、PDF文檔，一篇文章默認僅能上傳一個(gè)音頻或視頻，如果需要支持多個(gè)需調整需求（建議一個(gè)足夠了）。

如有附件下載：①、PC端直接顯示下載按鈕，用戶(hù)點(diǎn)擊可以直接下載；②、H5網(wǎng)頁(yè)如果是手機瀏覽器點(diǎn)擊下載按鈕直接下載文件，如果是微信瀏覽器，提示復制網(wǎng)址到電腦或手機瀏覽器中下載。

5、如果需要把ppt、word在線(xiàn)展示，上傳前統一轉化為PDF。在網(wǎng)頁(yè)上支持在線(xiàn)預覽PDF內容（電腦版直接在內容開(kāi)頭預覽，手機上，新開(kāi)頁(yè)面預覽。）

6、在文章頁(yè)面支持更新閱讀數、支持用戶(hù)點(diǎn)贊。

7、列表頁(yè)面和文章頁(yè)面支持側邊欄功能，支持圖片廣告位（用于顯示重要信息的入口）、通知文章等。

（二）單頁(yè)模塊

類(lèi)似內容模塊，但跟內容模塊不同的是，這里的內容無(wú)需沒(méi)有列表頁(yè)面，直接點(diǎn)擊到詳情頁(yè)面。用于發(fā)布關(guān)于、合作伙伴以及一些無(wú)需不斷更新內容數量性質(zhì)的內容。很多分類(lèi)只有一兩篇文章沒(méi)必要單獨分類(lèi)，用單頁(yè)模塊實(shí)現即可。如：關(guān)于我們這種欄目就用單頁(yè)模塊即可實(shí)現

（三）搜索模塊

可以根據關(guān)鍵詞，搜索文章和單頁(yè)面的內容，通過(guò)文章標題和文章內容匹配。

二、門(mén)戶(hù)網(wǎng)站后臺

（一）、內容管理

1、內容分類(lèi)：最高不超過(guò)3級分類(lèi)，分類(lèi)可以設置分類(lèi)名稱(chēng)、分類(lèi)排序、分類(lèi)圖片（預留可能某些地方需要顯示分類(lèi)的icon圖標）。

2、內容管理：可以在后臺發(fā)布內容，可以查看所有已經(jīng)發(fā)布的內容，支持按照內容關(guān)鍵詞搜索，支持文章排序，可以編輯文章、刪除文章、隱藏/顯示文章，支持按頁(yè)批量刪除、顯示/隱藏文章（可以設置指定的文章在首頁(yè)顯示）。

3、在后臺文章列表中，顯示文章標題、文章作者、發(fā)布時(shí)間、更新時(shí)間、閱讀數、所屬分類(lèi)等信息。

（二）、頁(yè)面管理

頁(yè)面管理跟內容管理類(lèi)似，但分類(lèi)最多一級足夠了，分類(lèi)也僅僅是為了后臺管理頁(yè)面內容方便。

（三）、廣告管理

根據前臺顯示需要系統自帶多個(gè)廣告位，預留后期擴充廣告位的空間（如PC版首頁(yè)多張banner圖片、H5首頁(yè)多張banner圖片、PC版文章列表和內頁(yè)側邊欄廣告位）。廣告位支持設置圖片、超鏈接、鏈接名稱(chēng)、排序等信息。

（四）、系統設置

可以設置系統名稱(chēng)、摘要、默認分享縮略圖（用于微信內分享）、客服電話(huà)、微信二維碼等日常需要更新的系統配置信息。

三、在線(xiàn)捐助前臺

（一）、首頁(yè)

聚合banner幻燈片圖片、搜索框、推薦項目、各個(gè)分類(lèi)最新項目推薦、數據統計（如多少個(gè)項目、多少人參與、募集了多少金額等）、主要模塊入口（如果入口模塊不多，可以使用底部菜單：如首頁(yè)、發(fā)現項目、我的個(gè)人中心）等。

（二）、搜索頁(yè)

點(diǎn)擊搜索框后打開(kāi)搜索頁(yè)，搜索頁(yè)在搜索頁(yè)可以輸入關(guān)鍵詞，也可以點(diǎn)擊全平臺熱門(mén)搜索記錄、我的搜索進(jìn)入快速進(jìn)行數據篩選。

（三）、項目列表

可以根據項目分類(lèi)、項目標題和內容關(guān)鍵詞匹配篩選項目，下拉到頁(yè)面底部自動(dòng)加載更多項目信息。

（四）、項目詳情

展示項目的基本信息，包括圖片與文字介紹，以及數據展示（目標金額、參與人數、已募集金額/募集進(jìn)度、募集記錄等），用戶(hù)可以從本頁(yè)面發(fā)起捐助?？梢赃x擇后臺設置的愛(ài)心包和自定義輸入捐助金額。

（五）、個(gè)人中心

主要包括登錄注冊、個(gè)人信息、捐助記錄、捐贈排名等。

1、登錄注冊：可以使用手機號碼注冊帳號，在電腦和微信中上可以使用微信快速登錄，在電腦和支付寶中可以用支付寶帳號快速登錄。

2、個(gè)人信息：用戶(hù)可以補充個(gè)人信息，包括所屬地區、所屬單位、姓名、手機號碼等。

3、捐款記錄：顯示用戶(hù)自己的捐款記錄，包括金額、時(shí)間、項目信息等（也包括歷史捐款數據統計，次數、項目個(gè)人數、捐款總金額）。4、捐款排名：按照全部時(shí)間、本年度、本月捐款用戶(hù)捐款金額排名。

四、在線(xiàn)捐助后臺

（一）、起始頁(yè)

進(jìn)入后臺的起始頁(yè)，統計核心數據和展示最新的相關(guān)數據。

1、直觀(guān)展示系統歷史以來(lái)、本年度、本月捐款的總金額、參與人次、參與人數、當前在線(xiàn)項目數。

2、展示最近注冊用戶(hù)、最近捐款記錄、最新項目。

（二）、項目管理

1、項目分類(lèi)：默認開(kāi)發(fā)一級分類(lèi)（如：助聽(tīng)、助視等）。

①、可以添加、刪除、編輯分類(lèi)。

②、可以修改分類(lèi)排序（決定前臺分類(lèi)的排序順序）。

③、支持刪除分類(lèi)。

④、如果分類(lèi)比較多，支持后臺分頁(yè)管理（當然一般分類(lèi)數量不會(huì )太多）。

2、項目管理：后臺對項目進(jìn)行管理，包括發(fā)布、刪除、修改及其他內容維護。

①、可以添加、刪除、編輯項目。

②、可以修改項目排序（用于調整前臺顯示順序），設置推薦項目（在首頁(yè)推薦位顯示）。

③、發(fā)布項目包括項目名稱(chēng)、編號（自動(dòng)生成，也可以手動(dòng)修改覆蓋）、選擇項目分類(lèi)、受助人信息（可以選擇前臺公開(kāi)或不公開(kāi)）、封面圖片、目標金額、項目介紹（圖文）、視頻（可以發(fā)布一條視頻插入到詳情頁(yè)面）。

④、在項目管理列表中，每個(gè)項目顯示ID、項目名稱(chēng)、項目編號、項目分類(lèi)、目標金額、已籌金額（系統自動(dòng)計算）、捐助次數（系統自動(dòng)計算）、是否推薦、排序、創(chuàng )建和更新時(shí)間（系統自動(dòng)生成）、編輯和刪除按鈕、狀態(tài)（支持上架下架項目，下架后前臺不可見(jiàn)、不可捐款，但不用刪除修改完善后可以上線(xiàn)）。

⑤、支持按照項目名稱(chēng)關(guān)鍵詞、分類(lèi)、是否推薦等條件進(jìn)行項目快速查找（支持分頁(yè)）。

⑥、支持對⑤中查找結果，一鍵導出excel。

（三）、捐款記錄

在后臺可以查看到所有的捐款記錄，支持數據篩選、導出到excel。

1、支持數據分頁(yè)查找，每條記錄包括系統訂單號、支付單號（支付后才有）、捐款人、捐款人手機號碼（如果補充了有）、捐款金額、項目名稱(chēng)、支付狀態(tài)（已支付、未支付）、創(chuàng )建時(shí)間、支付時(shí)間、支付方式（微信或支付寶）。

2、支持按照訂單號、支付單號（用于跟支付平臺對賬，一般都必須要）、項目（支持按關(guān)鍵詞模糊搜索）、支付狀態(tài)、支付時(shí)間（時(shí)間區間，支付時(shí)間才是真正捐款時(shí)間）進(jìn)行篩選。

3、支持所選條件內，顯示統計數據，如總金額、記錄數、參與人數。

4、支持對篩選出的數據一鍵導出excel。

用戶(hù)管理 顯示所有進(jìn)入系統且注冊過(guò)用戶(hù)的用戶(hù)數據（超級管理員帳號不顯示在列表中）。

1、每條用戶(hù)數據包括用戶(hù)ID、用戶(hù)名、注冊時(shí)間、登錄次數、最新登錄時(shí)間、捐款次數、其他用戶(hù)信息（用戶(hù)自己完善的，如手機號碼、姓名等等）、用戶(hù)狀態(tài)（有效和禁用）。

2、支持禁用和解禁用戶(hù)帳號。

3、支持按照用戶(hù)名、用戶(hù)ID、是否捐款過(guò)等條件搜索用戶(hù)。

4、支持把篩選出的用戶(hù)數據導出到excel。

（四）、其他功能

如banner圖片廣告設置、捐款協(xié)議等系統其他設置參考門(mén)戶(hù)后臺后臺管理部分，同一個(gè)后臺，開(kāi)發(fā)對應所需要的模塊。

五、其他配套功能

（一）、SEO優(yōu)化

從幾個(gè)方面提供網(wǎng)站整體的SEO友好度，比如開(kāi)發(fā)內容主動(dòng)推送、自定義網(wǎng)頁(yè)的標題描述關(guān)鍵詞信息、加快網(wǎng)頁(yè)加載速度等。

（二）、留言模塊

用戶(hù)在前臺可以提交意見(jiàn)建議或其他的問(wèn)題，同時(shí)留下姓名和手機號碼。用戶(hù)提交后，系統自動(dòng)通知到管理員手機號碼（在后臺可設置），告訴管理員有用戶(hù)反饋問(wèn)題請及時(shí)反饋。管理員在后臺可以查看用戶(hù)的反饋內容并可以回復該內容，回復的內容通知給用戶(hù)。

（三）、圖片優(yōu)化

圖片優(yōu)化主要包括如下幾個(gè)方面：

1、圖片瘦身：在首頁(yè)、列表、文章內頁(yè)中需要讀取的封面，根據所需要的圖片大學(xué)進(jìn)行讀取，而不讀取原圖。因為現在即便是一個(gè)手機拍的照片都是10MB，直接顯示打開(kāi)速度將會(huì )很慢。

2、圖片預覽：在電腦和手機瀏覽文章時(shí)，點(diǎn)擊文章內圖片可以彈出查看大圖，在手機上還可以縮放查看大圖，增加瀏覽體驗。

3、圖片水?。嚎梢栽谖恼聝蕊@示的圖片自動(dòng)打上水印內容（如：湖南省殘疾人福利基金會(huì )），品牌標識度更強。

（四）、網(wǎng)頁(yè)分享

在PC端加入基于分享API開(kāi)發(fā)的分享組件（非直接貼分享平臺的代碼），用于把網(wǎng)站內容分享到第三方社交平臺，如微信、微博等；而手機上不管是微信還是手機瀏覽器都自帶分享功能（如果有微信認證公眾號，可以支持自定義內容分享的標題、摘要、縮略圖等信息）。

（五）、網(wǎng)站統計

在后臺預留head和footer代碼嵌入點(diǎn)，用戶(hù)可以隨時(shí)插入統計代碼、競價(jià)代碼，而無(wú)需找專(zhuān)業(yè)人員進(jìn)行文件修改?？梢越y計每天有多少人瀏覽網(wǎng)站、這些人來(lái)自哪里、通過(guò)什么渠道進(jìn)入等。

（六）、友情鏈接

在網(wǎng)站底部顯示友情鏈接，支持在網(wǎng)站后臺維護友情鏈接數據，可以添加、修改、刪除。

（七）、OSS及CDN

使用對象存儲服務(wù)和CDN服務(wù)，可以節省服務(wù)器成本，而且用戶(hù)體驗會(huì )大大提升。尤其當網(wǎng)站中包含視頻、音頻等大文件內容時(shí)，會(huì )極大提升用戶(hù)體驗。普通單臺帶寬資源不高的服務(wù)器（如2-5MB貸款），同時(shí)數個(gè)人同時(shí)觀(guān)看視頻就會(huì )顯得不流暢，使用這種訪(fǎng)問(wèn)可避免類(lèi)似問(wèn)題。

（八）、音視頻私有化

音頻資源路徑私有存儲，用戶(hù)訪(fǎng)問(wèn)時(shí)僅生成臨時(shí)授權訪(fǎng)問(wèn)token，可以避免用戶(hù)獲取資源路徑到系統外使用，造成流量資源浪費。

（九）、音視頻處理

針對該類(lèi)網(wǎng)站，主要有這幾個(gè)方面的處理：

1、音視頻轉碼：主要針對視頻，如果上傳的原視頻很高清，但網(wǎng)頁(yè)無(wú)需這么清晰的（因為普通訪(fǎng)問(wèn)高清會(huì )極大浪費網(wǎng)絡(luò )帶寬資源），如果上傳前轉碼會(huì )很麻煩，上傳后系統自動(dòng)識別視頻體積，如果體積過(guò)大則自動(dòng)轉碼生成較小體積的文件。

2、視頻封面自動(dòng)生成：上傳視頻時(shí)程序讀取視頻文件自動(dòng)截取封面圖片（當然如果手動(dòng)上傳視頻封面，則手動(dòng)上傳的優(yōu)先顯示）。

3、數據讀?。鹤詣?dòng)讀取音視頻各項數據，如常用的音視頻時(shí)長(cháng)，可以在視頻列表等頁(yè)面直接顯示出來(lái)，而不用手動(dòng)輸入。

（十）微信登錄

在電腦網(wǎng)頁(yè)或微信APP中訪(fǎng)問(wèn)本網(wǎng)站，用戶(hù)可以選擇用微信帳號快速登錄網(wǎng)站（電腦掃碼、微信中自動(dòng)授權登錄），微信電腦掃碼登錄需開(kāi)通微信開(kāi)放平臺（需要支付騰訊每年300元認證費用）。

（十一）、支付寶登錄

在電腦網(wǎng)頁(yè)或支付寶APP中訪(fǎng)問(wèn)本網(wǎng)站，用戶(hù)可以選擇使用支付寶帳號快速網(wǎng)站（點(diǎn)擊登錄按鈕快速登錄）。

（十二）、微信支付

可以開(kāi)發(fā)微信客戶(hù)端內使用微信在線(xiàn)支付（貴單位之前的網(wǎng)站只支持這種方式），也可以增加H5微信支付（主要用于微信以外的手機瀏覽器環(huán)境）。

（十三）、支付寶支付

用于非微信等屏蔽支付的環(huán)境下，進(jìn)行支付寶支付，如電腦、手機瀏覽器、支付寶等移動(dòng)APP（微信內微信會(huì )屏蔽支付寶）。讓用戶(hù)用多種方式參與公益捐助。

（十四）、消息通知

用戶(hù)捐款支付后，系統自動(dòng)發(fā)送一天反饋信息，增加用戶(hù)對本公益平臺的好感，也讓平臺信任度提升。

1、如果用戶(hù)是在微信中使用且關(guān)注過(guò)公眾號（服務(wù)號不是訂閱號），系統可以通過(guò)微信公眾號模板消息發(fā)送通知，用戶(hù)會(huì )在公眾號會(huì )話(huà)窗口看到信息。

2、如果用戶(hù)綁定過(guò)手機號碼，通過(guò)短信發(fā)送通知，用戶(hù)會(huì )在手機短信中看到信息（發(fā)送短信需要支付短信費用給運營(yíng)商，一天大概4.5分錢(qián)，用量越多越便宜）。

3、用戶(hù)在綁定手機號碼或者用手機號碼驗證碼登錄時(shí)，系統自動(dòng)發(fā)送驗證碼通知，用于手機號真實(shí)性驗證。

六、舊官網(wǎng)數據整合到新網(wǎng)站

由于門(mén)戶(hù)網(wǎng)站重新開(kāi)發(fā)，需要跨平臺（從SQL server遷移到mysql）、跨系統（從舊的.net系統到新的php系統）。遷移的數據工作清單如下：

1、分類(lèi)數據:各個(gè)文章文章分類(lèi)數據

2、文章數據:是遷移工作最核心的部分，遷移各個(gè)分類(lèi)下的文章數據，通過(guò)數據庫查詢(xún)，文章數據有600多篇（其中可能包含無(wú)效數據）。

3、捐款記錄:如果需要開(kāi)發(fā)對應的在線(xiàn)捐款模塊，則需要遷移捐款記錄數據，大概300多條。

4、數據轉換:數據直接復制粘貼是無(wú)法適應跨平臺遷移的，需要把原系統數據加工處理后導入到新系統中。

5、附件數據:數據庫保存數據關(guān)聯(lián)的附件數據，如文章中的圖片等附件。