Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Best way to store small UI user preferences in web app? [closed]

I have a web app I'm developing and quite like the idea that if the user makes changes to the view of the UI (eg. Lists open or closed, certain viewing preferences) those changes remain after they close the browser and visit the web app at a later date.

Possible options I can think of:

  1. Store UI preferences JSON object in cookie.
  2. Use HTML5 local storage (no experience of this)
  3. Store in mySQL database (not keen on storing such trivial data in the DB)

Once stored I will retrieve these preferences when the user returns and set the UI as it was when they last left it.

Does anyone have any experience of this type of feature and can suggest the best method for UI state save and retrieval?

like image 554
wilsonpage Avatar asked Jun 30 '11 12:06

wilsonpage


People also ask

How do I save user preferences on my website?

Usually to store user preferences, it is best to use localStorage. It does not have expiration so will be valid unless and until you clear it programatically or user clears it in browser manually .

What web stores preferences of web users?

Customized preferences are stored in cookies that reside in Web client browsers. Thus, your preferences can't be used if you access the server from a browser other than the one for which you set up cookies. The Web server uses language string resource modules to render Web pages in different languages.

How websites store user data?

Most major modern web sites are dynamic — they store data on the server using some kind of database (server-side storage), then run server-side code to retrieve needed data, insert it into static page templates, and serve the resulting HTML to the client to be displayed by the user's browser.

Where to store data in browser?

The 3 ways to store data in the browser are Cookies, Local Storage, and Session Storage. Depending on the needs any one of them is used to store data in the browser. In today's article, we will discuss an in-depth comparison between local storage, session storage, and cookies.


1 Answers

If it's so small you should probably store the UI settings json object in your own database.

That will leave users with less problems at their end, like cache clearance and local storage unsupported browsers.

It will also make it possible for users to use the UI settings across different computers or browsers.

like image 139
bhagyas Avatar answered Oct 08 '22 20:10

bhagyas