微信公衆平臺開發(9)管理後臺開發

    開發微信公衆平臺,不可少的天然會有管理後臺,對開發模式下的各類功能進行管理。對應公衆號的功能,總結須要管理的功能以下: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聊天同樣的效果。

附一個在用的商城管理中訂單管理部分(微信上若是作商城,這就是微商城管理):

 

 

此篇文章總結微信公衆平臺開發的後臺管理功能,  分享我我的的管理分類思路和界面設計思想,供思想借鑑、探討,

 

 並不是開源後臺管理代碼,不發首頁,不推廣,不宣傳 

相關文章
相關標籤/搜索