微信公眾平台開發(9)管理后台開發


    開發微信公眾平台,不可少的自然會有管理后台,對開發模式下的各種功能進行管理。對應公眾號的功能,總結需要管理的功能如下:

1、用戶管理------保存用戶openid、微信個人信息(服務號接口獲取)、 與自身應用系統關聯;

2、用戶消息記錄----用戶發送各類消息記錄、菜單點擊記錄,  有了這些記錄,結合客服消息接口、模板消息接口,可以做出對話效果,讓用戶體驗更好;

3、自定義菜單----自定義菜單的編輯管理, 創建生成到微信;

4、關鍵字管理----基礎關鍵字,直接回復圖文消息或文本消息,  關鍵字中沒有的 則會去圖文素材庫(微網站)中檢索;

5、圖文素材(或叫文章管理、微網站管理)----對圖文素材文章進行管理,如果在微信端有微網站的話,即是微網站管理,管理網站內容文章,同時作為圖文的素材使用;

6、管理員----此管理后台的管理員管理功能, 可以按權限分配

 

7、微商城----微商城管理,  跟PC端商城管理沒有區別  

 

 

    目前我個人已經在使用的管理后台采用MVC4.0開發,整個項目只有兩個主頁面:列表頁和表單頁,   在列表頁不同的功能顯示不同的數據,表單頁不同的功能添加和修改加載不同的表單數據,通過后台代碼返回;

整體菜單分頂部和左側,不同的管理員登錄加載不同的菜單,按權限分配:

 

登錄:

 

 

登錄成功:

每個頂部菜單 代表大功能區分,每個左側菜單代表一個功能列表,列表進入后其他具體功能在里面(添加、修改、刪除、禁用、導出數據、創建到微信等)

 

 

列表頁類似:

 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聊天一樣的效果。

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

 

 

此篇文章總結微信公眾平台開發的后台管理功能,  分享我個人的管理分類思路和界面設計思想,供思想借鑒、探討,

 

 並非開源后台管理代碼,不發首頁,不推廣,不宣傳 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM