Comment autoriser les utilisateurs à modifier les menus frontaux?

Question

J'écris une zone backend/admin pour un site web. Les utilisateurs veulent pouvoir modifier leur menu sur le site Web.

• Ces menus peuvent être hiérarchiques et ne doivent pas avoir plus de 3 niveaux de profondeur.
• Autorisez-vous les utilisateurs à le faire?
• Comment stockez-vous la hiérarchie?
• Comment affichez-vous le menu par programme?
• Comment facilitez-vous la création de hiérarchies pour les utilisateurs - une sorte de glisser/déposer jQuery?

Réjouissez-vous de vos réponses.

Answer 1

Vous demandez beaucoup de l'homme des questions,)

Vous savez évidemment de jQuery, d'où la balise ... jQuery vous rendra la vie si facile. S'il vous plaît jeter un oeil à jQuery UI, qui résoudra tous vos problèmes: http://jqueryui.com/

Answer 2

Ces menus peuvent être heirachical pas plus de 3 niveaux de profondeur. OK

Autorisez-vous les utilisateurs à le faire? Pas généralement, mais je peux voir des cas où cela pourrait être utile.

Comment stockez-vous la hiérarchie? Dans un tableau de la base de données, par ID utilisateur. Vous avez également besoin d'une colonne dans la table pour implémenter la hiérarchie et d'une autre table pour contenir les options de menu et les URL de base.

Comment affichez-vous le menu par programme? C'est difficile. Vous devez trouver un moyen de pousser la hiérarchie du menu dans la page à partir du contrôleur. JSON semble un candidat probable. Quelque chose de jQuery UI devrait être en mesure de ramasser ce JSON et de rendre un menu pour vous.

Comment facilitez-vous la création d'heirarchies pour les utilisateurs - une sorte de glisser/déposer jQuery? jQuery UI dispose d'une fonction glisser-déposer.

Bonne chance!

Answer 3

Autorisez-vous les utilisateurs à le faire? Non, mais les administrateurs sur certains sites. (Bien qu'aucun construit avec MVC ou jQuery.)

Comment stockez-vous la hiérarchie? Dans une table, avec un champ parent.

Comment affichez-vous le menu par programme? Je parcourir la table et la sortie HTML.

Comment facilitez-vous la création d'heirarchies pour les utilisateurs - une sorte de glisser/déposer jQuery? Créez une page d'édition de menu, dans laquelle vous affichez le menu dans la zone de contenu de votre page, puis utilisez quelque chose comme le plugin jQuery triable pour déplacer les éléments et le code personnalisé pour supprimer et insérer de nouveaux éléments.

Answer 4

Jon,

Jetez un oeil à ce lien pour d'autres idées:

http://www.webappers.com/2007/09/05/smooth-and-clean-fastfind-menu-jquery-plugin/

FastFind Script Menu est un menu javascript créé par ActiveSpotLight sous la licence BSD. Il tire un contenu nourrir en tant que données pour peupler le menu, cela peut être statique ou dynamique. La version qu'ils utilisent en interne utilise JSON/XML en tant que flux de données. Ce script autorise les menus imbriqués, en fonction des réponses dynamiques Ajax . Le menu peut également être déplacé/déposé à l'aide de la bibliothèque d'interface jQuery .