In the wechat framework module, the background management function based on the front end of Vue & element is introduced

Wu Huacong 2021-06-10 13:39:27
wechat framework module background management

WeChat development includes official account 、 Enterprise WeChat 、 Wechat applet and other aspects of the development content , We need wechat for Tencent API The interface is encapsulated : Include events 、 menu 、 subscribers 、 Multimedia files 、 Graphic message 、 Mass messaging 、 Wechat payment and enterprise red envelope 、 Shake the equipment 、 Semantic understanding 、 Wechat shop 、 Wechat card securities and other related interface processing , It also includes a sweep 、 Gallery and photo management 、 Location 、H5 Page development, etc , And enterprise wechat address book interface 、 Members send messages to each other .

This article introduces the background management function of wechat , Originally based on Of Bootstrap Based on the front end , To increase the Vue&Element Front end background management function introduction .


  What we added to the original Vue&Element Front end management interface of , For the background management of wechat , The interface is managed through the integrated navigation in the left menu , As shown in the following interface .

1、 Wechat multi account management

In wechat background management system , Some wechat account information designed by the system needs to be configured , Include subscription number 、 official account 、 Enterprise WeChat 、 Management of account list such as applets .

The account list interface is shown below , Convenient for comprehensive management and configuration processing .

In the account list , It can manage all kinds of wechat account information involved in our business system , Official account 、 Enterprise WeChat 、 Small program etc. , You can maintain relevant configuration information in it . 

The edit interface of wechat account is as follows , Manage all kinds of wechat account information used in it , Convenient for backstage API Interface access .

Wechat account management , The main configuration is WeChat official account. 、 Related parameters of enterprise wechat , Easy to call wechat API Interface at any time , According to these parameters, access interface is obtained Token, In order to achieve the menu 、 event 、 Mail list 、 Send data and so on , In addition, it can also receive Tencent wechat callback information , Such as event response 、 The event of order payment and other operations . 


2、 Wechat menu management

We know , There are related menu functions in the mobile phone end of official account or WeChat. , These we can through the background system API Interface submission , Then we need to manage wechat menu data for background management .

We manage menus in the system , And submit the menu to the server , Realize the dynamic configuration and generation of menu , Can adapt to all kinds of needs for our system , Flexible processing . 

First, we maintain the grouping of menus in the management portal , Menu grouping is also a menu record , Just exist as a top menu record , Easy to maintain .

Menu grouping can be disabled 、 Enable , newly added 、 edit , And show the tree list under the group and the function of submitting to wechat server , The following is our interface design for menu grouping .

The above is an overview of the menu management , Including menu grouping and menu list status under grouping , Sometimes we need to enter the menu list details to view the relevant menu data , As shown in the following interface .

In this way, we have a menu group for unified maintenance of the menu group , It is also convenient for us to enable a menu group at any time , In order to test or experience an application simply , Especially in our wechat framework, we have integrated multiple projects , So that customers can switch between different projects for use , It's more convenient . Some time , Submit it at any time and test it in time , When not needed , Change to a different application menu group . 



  Submit and switch between multiple projects at any time , Very convenient .


本文为[Wu Huacong]所创,转载请带上原文链接,感谢

  1. JavaScript data type detection
  2. Nginx configuration log
  3. Knowledge points of HTML5 and CSS3 (4)
  4. JQuery dynamic display query conditions
  5. 21. The problem of modifying elements when traversing the list
  6. j avascript:Bing Maps AJAX Control, Version 7.0
  7. Some knowledge of Ajax
  8. Bootstrap intelligent form series 10 auto complete component support
  9. < p>& lt;/ p> Why can't tags contain block level tags? What are the special HTML tags?
  10. [transfer] configure Babel in webpack
  11. MySQL master slave delay (excerpt from )
  12. React Part 1: building react + nodejs + Express framework
  13. Detailed explanation of behavior expression in IE browser CSS
  14. Solution to the interception of new window. Open() after successful Ajax request
  15. [nginx] configuration
  16. Nginx diagram
  17. JQuery validate plug-in, automatic verification invalid reasons and solutions
  18. JQuery DataTables
  19. CSS3 image scaling
  20. ajax_ for example
  21. A collection of CSS centering methods
  22. About delete operation in JavaScript
  23. Using webstorm / phpstorm to realize remote host remote development
  24. Warning: going to buffer response body of large or unknown size. Using getresponsebodyasstream instead is rec '
  25. CSS3 + HTML5 special effects 5 - vibrating text
  26. JMeter foundation - 16. JMeter configuration element [HTTP header manager]
  27. ASP.NET (HttpModule,HttpHandler)
  28. Using net module of node.js to realize a command line multi person chat room
  29. yes Station resources are packaged with Vue node.js
  30. Using suffix array to find the longest common substring JavaScript version
  31. Implementation of static page of Xiaomi mall home page with HTML + CSS
  32. Free jQuery control library for quick start of MVC (mvc5 + ef6)
  33. Nginx configuration (about log generation in log server)
  34. JavaScript examples skills selection (6) - scroll the middle mouse button to read JSON data, page display page content
  35. Explore the secrets of efficient jquery
  36. From CSS 3D to spatial axis
  37. [tran] take async / await as an example to explain how to build Babel plug-in
  38. Using MVC partial view to render HTML
  39. Three axes of Facebook's Web Development: react.js, relay and graphql
  40. The specified source of MediaElement in WPF cannot be played. The problem is solved
  41. JQuery pictures loaded with scroll bar
  42. 2.8 locating a set of elements
  43. Pseudo Ajax
  44. C operation EML mail file instance (including HTML formatted mail body and attachment)
  45. From NPM to Vue and nodejs
  46. HTML learning notes (URL)
  47. Part 3 Lesson 2: IP address and domain name
  48. Learn the flex layout of CSS through games
  49. Basic usage of Linux nginx
  50. JQuery to add table rows, delete rows, call the date control
  51. Thinkphp3.2 user login Ajax submit verification
  52. Analysis and use of selenium HTML in UL flag code
  53. JMeter HTTP get login
  54. Angular's $Q service and promise mode
  55. Deep understanding of Ajax Series Part 3 -- response decoding
  56. Nginx split_ Client module
  57. JavaScript string (1) common functions
  58. Web front end development: what is the page repeats and reflow
  59. Generating HTML file with SQL * plus
  60. Making clock with native JavaScript