Catalog

1. Realization effect

2. Code implementation

Pandroid Simulation data management platform

1. Realization effect

 " Home page configuration " Corresponding " My data " Display module , change " Home page configuration " Of " Number of layout columns " and " Subscription module "," My data " The inner module display changes .

2. Code implementation

Reference different module components , list :

Subscribe to the pop-up box :

  Declare interface functions :

Call interface , The main implementation methods:

  Get all home page configurations And Get personal homepage configuration , Unable to judge the order of acquisition , Asynchronous async await To make a call

Got allconfig.data It's in the form of an array

  Got userconfig It's an object form , among objectid And other data are stored in the form of array strings userconfig.subscribe in

The two cannot be compared with each other , utilize JSON.parse() Convert string to object usconfig

  utilize for of Loop traversal to get us in object, Make it an array userconfigid

  utilize map Traverse allconfig.data, utilize includes Judge allconfig.data.objectid Does it include userconfigid, return objectid Same module

  Click the homepage configuration pop-up , Trigger updateUserConfiguration(), utilize filter Filter to get subscribed,subscribed It is used to judge whether the module in the data module displays ,subscribed by true Show , by false hide

  Consolidate data into data in

  stay updateUserConfiguration() Call in sortConfirm(), from sortConfirm() Function will subscribe.show Change it to true, Make it appear on the page