Wie können Benutzer Frontend-Menüs ändern?

Question

Ich schreibe ein Backend/Admin-Bereich für eine Website. Die Benutzer möchten, dass ihre Menüs auf der Website geändert werden können.

• Diese Menüs können hierarchisch nicht mehr als 3 Ebenen tief sein.
• Ermöglichen Sie es Benutzern, dies zu tun?
• Wie speichern Sie die Hierarchie?
• Wie programmierst du das Menü programmatisch?
• Wie erleichtern Sie es Benutzern, Hierarchien zu erstellen - eine Art von jQuery Drag/Drop?

Wir freuen uns auf Ihre Antworten.

Answer 1

Sie stellen viele Fragen Mann;)

Sie wissen offensichtlich über jQuery, daher den Tag ... jQuery wird Ihr Leben so einfach machen. Bitte werfen Sie einen Blick auf jQuery UI, die alle Ihre Probleme lösen wird: http://jqueryui.com/

Answer 2

Diese Menüs können heirachical nicht mehr als 3 Ebenen tief sein. OK

Ermöglichen Sie es Benutzern, dies zu tun? Nicht allgemein, aber ich kann Fälle sehen, wo dies nützlich sein könnte.

Wie speichern Sie die Hierarchie? In einer Tabelle in der Datenbank nach Benutzer-ID. Sie benötigen außerdem eine Spalte in der Tabelle, um die Hierarchie zu implementieren, und eine weitere Tabelle, die die Menüoptionen und Basis-URLs enthält.

Wie programmierst du das Menü programmatisch? Das ist eine schwierige Frage. Sie müssen eine Möglichkeit finden, die Menühierarchie vom Controller in die Seite zu schieben. JSON scheint ein wahrscheinlicher Kandidat zu sein. Etwas von jQuery UI sollte in der Lage sein, dieses JSON aufzunehmen und ein Menü für Sie zu rendern.

Wie erleichtern Sie es Benutzern, Hierarchien zu erstellen - eine Art von jQuery Drag/Drop? jQuery UI verfügt über eine Drag-Drop-Funktion.

Viel Glück!

Answer 3

Ermöglichen Sie Benutzern, dies zu tun? Nein, aber Admins auf einigen Websites. (Obwohl keine mit MVC oder jQuery erstellt.)

Wie speichern Sie die Hierarchie? In einer Tabelle mit einem übergeordneten Feld.

Wie programmierst du das Menü programmatisch? I iterate durch die Tabelle und HTML ausgeben.

Wie erleichtern Sie es Benutzern, Hierarchien zu erstellen - eine Art von jQuery Drag/Drop? Machen Sie Menü bearbeiten Seite, wo Sie das Menü im Content-Bereich Ihrer Seite ausgeben, und dann etwas wie jQuery sortierbare Plugin verwenden, um Dinge zu bewegen, und benutzerdefinierten Code zum Löschen und Einfügen neuer Elemente.

Answer 4

Jon,

Werfen Sie einen Blick auf diesen Link für weitere Ideen:

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

Fastfind Menu Script ist ein Javascript Menü erstellt von ActiveSpotLight unter der BSD-Lizenz. Es zieht einen Inhalt Feed als Daten, um das Menü zu füllen, dies kann statisch oder dynamisch sein. Die Version, die sie intern verwenden, verwendet JSON/XML als Datenfeeds. Dieses Skript ermöglicht verschachtelte Menüs basierend auf dynamischen Ajax-Antworten. Das Menü kann auch per Drag & Drop mithilfe der 0Q-jQuery Interface Library gezogen werden.