開發微信公衆平臺,不可少的天然會有管理後臺,對開發模式下的各類功能進行管理。對應公衆號的功能,總結須要管理的功能以下:css
一、用戶管理------保存用戶openid、微信我的信息(服務號接口獲取)、 與自身應用系統關聯;json
二、用戶消息記錄----用戶發送各種消息記錄、菜單點擊記錄, 有了這些記錄,結合客服消息接口、模板消息接口,能夠作出對話效果,讓用戶體驗更好;微信
三、自定義菜單----自定義菜單的編輯管理, 建立生成到微信;微信公衆平臺
四、關鍵字管理----基礎關鍵字,直接回復圖文消息或文本消息, 關鍵字中沒有的 則會去圖文素材庫(微網站)中檢索;框架
五、圖文素材(或叫文章管理、微網站管理)----對圖文素材文章進行管理,若是在微信端有微網站的話,便是微網站管理,管理網站內容文章,同時做爲圖文的素材使用;網站
六、管理員----此管理後臺的管理員管理功能, 能夠按權限分配spa
七、微商城----微商城管理, 跟PC端商城管理沒有區別 設計
目前我我的已經在使用的管理後臺採用MVC4.0開發,整個項目只有兩個主頁面:列表頁和表單頁, 在列表頁不一樣的功能顯示不一樣的數據,表單頁不一樣的功能添加和修改加載不一樣的表單數據,經過後臺代碼返回;3d
總體菜單分頂部和左側,不一樣的管理員登陸加載不一樣的菜單,按權限分配:code
登陸:
登陸成功:
每一個頂部菜單 表明大功能區分,每一個左側菜單表明一個功能列表,列表進入後其餘具體功能在裏面(添加、修改、刪除、禁用、導出數據、建立到微信等)
列表頁相似:
1 public ActionResult Index(string tb) 2 { 3 4 if (!string.IsNullOrWhiteSpace(tb)) 5 { 6 string t = tb.ToLower().Replace("list",""); 7 dbHome = FContext.WeiXinDbContext(); 8 //-加載初始化、賦值--------------------------------- 9 Load(); 10 //刪除--------------------------------------------- 11 if (Request.QueryString["action"] != null) 12 { 13 if (Request.QueryString["action"] == "delete") 14 { 15 if ("ttt".Contains(t.ToLower())) 16 { 17 18 } 19 else 20 { 21 SoftDelete(Request.QueryString["id"], t); 22 } 23 } 24 } 25 //---根據不一樣的功能參數返回不一樣的list、search、path-------------------------------------- 26 switch (t.ToLower()) 27 { 28 case "article": 29 Article(); 30 break; 31 case "artsort": 32 ArtSort(); 33 break; 34 case "region": 35 Region(); 36 break; 37 case "offerpro": 38 OfferPro(); 39 break; 40 case "offer": 41 Offer(); 42 break; 43 case "orders": 44 Order(); 45 break; 46 47 case "product": 48 Product(); 49 break; 50 51 case "proattr": 52 ProAttr(); 53 break; 54 case "prosort": 55 ProSort(); 56 break; 57 58 case "user": 59 User(); 60 break; 61 case "sysuser": 62 SysUser(); 63 break; 64 case "keyword": 65 KeyWord(); 66 break; 67 case "weiuser": 68 WeiUser(); 69 break; 70 71 case "personalmenu": 72 PersonalMenu(); 73 break; 74 75 } 76 string strPage = Jun.Tools.Pager.PagerHtmlStr(pageSize, pageIndex, count, 8, "", "<<", ">>", "上一頁", "下一頁", "...", "..."); 77 ViewBag.Pager = strPage; 78 dbHome.Dispose(); 79 return View(); 80 81 } 82 return View(); 83 }
把不一樣的功能標識看成參數傳遞給list頁面,而後執行不一樣的方法,返回不一樣的json數據,顯示結果;列表頁還有查詢功能,
結果:
其中列別表示下拉選擇(select option),全部的用到下拉選擇的都相似,本身用div和css寫的非默認的select:
列表中存在其餘功能的 就在列表頭部:
點擊添加 會打開表單頁, 添加新數據和編輯修改數據共用同個表單,用參數區分是修改仍是新增,修改則加載數據,新增則加載空白, 拿添加圖文素材(微網站的文章)舉例:
其中提交-返回 按鈕是一直固定在底部,不隨滾動條滾動, 是否置頂這種checkbox功能作成了相似手機同樣的左右滑動
縮略圖即圖文消息中的列表頁小圖,點擊以後會彈出圖片上傳框:
上傳完成後鼠標放到按鈕能夠預覽
OK 本人自用的微信公衆平臺管理後臺就是如此了,總體第一眼看以爲功能不多,是由於主體框架僅放了經常使用的幾項列表入口,不少功能隱藏在內部,截圖沒有一一涉及, 在此基礎上能夠作任何管理:商城(PC端或微商城)、企業網站、新聞站點等。 後續計劃增長客服對話管理,即結合消息記錄和客服、模板接口造成相似QQ聊天同樣的效果。
附一個在用的商城管理中訂單管理部分(微信上若是作商城,這就是微商城管理):
此篇文章總結微信公衆平臺開發的後臺管理功能, 分享我我的的管理分類思路和界面設計思想,供思想借鑑、探討,
【 並不是開源後臺管理代碼,不發首頁,不推廣,不宣傳 】