Mit java-script-code in MVC5 - wohin damit
Im mit MVC5 application und in der view index.cshtml muss ich verwenden
einige java-script-code ,derzeit setze ich den script-code in der Ansicht und seine Arbeitsmethoden in Ordnung.
Meine Frage ist, wo soll ich diesen code einfügen (am besten aus der Praxis) und wie sollte
Ich beziehe mich auf es aus der Sicht?bitte geben Sie ein Beispiel.
InformationsquelleAutor shopia T | 2014-04-06
Du musst angemeldet sein, um einen Kommentar abzugeben.
Den Ansatz habe ich schon geschrieben, unten ist meine Art der Gewinnung von JavaScript vollständig von Ihrem Blick.
In HTML5, verwenden Sie die
data
Attribut zu übergeben Variablen aus derModel
.Dies hilft enorm bei der Portierung Variablen von MVC (der viewmodel) zu javascript.
Dies erlaubt Ihnen auch, halten Sie javaScript in separate Dateien abgelegt, als würde man wahrscheinlich wie in einer MVC-Umgebung.
1.1 Bindung c# , HTML
1.2 JS-Helper-Funktionen zum umwandeln von Daten in Objekt-literalen
Obwohl gebaut, auf jQuery, die ich geschrieben habe 2 kleine Funktionen, die helfen kann, die Portierung querystring-Variablen in objektliteralen und zurück. Diese benutze ich in meinem ganzen js Dateien:
1.3 Konvertieren von HTML-Daten in js-Objekt-Literale
Mit diesen Funktionen im Hinterkopf können Sie übergeben, query-string, wie Variablen in ein Objekt-literal.
1.4 Beispiel: JS modularer Aufbau erweitern und überschreiben von object-literalen
Kombiniert mit jQuery
$.extend()
- Funktion können Sie jetzt überschreiben, javascript-Objekte in einem modularen Ansatz (unter Berücksichtigung aller Verschlüsse eine js-Datei/Modul sieht wie folgt aus):1.5 Initialisieren eines js-Modul
2.1 Hinzufügen von Skripten/css-zu Ihren Ansichten
Haben Sie ein paar Optionen für die Zuweisung von Skripts zu Ihren Ansichten/Seiten/Blöcke:
ClientResources
(nicht der beste Ansatz in MVC, aber immer noch machbar, können Sie externe Dateien in eine teilweise Ansicht -> Ansicht im Stadtplan)2.2.1 baselayout-setup für die Abschnitte
2.2.2 Nutzung Teilansicht
2.3.1 baselayout-setup-Ansicht in der Ansicht
2.3.2 Verwendung Ansicht anzeigen
2.4.1 BundleConfig setup-Skripts
2.4.2 baselayout-setup
Ich nehme an, du bist nicht in der Teilansicht und getan haben, ein trick, um einen Blick in eine andere Teilansicht. MVC nicht erlauben, Sie zu verwenden
section
. Der "hack", wenn man das so nennen kann, ist die VerwendungClientResource
.Hinzugefügt die Dritte option für die bundlesetup. Das ist eine Menge Zeug/Forschung in einer Antwort so ich hoffe es hilft dir und anderen ^^
InformationsquelleAutor Tim Vermaelen
Verwenden Sie besser Gestochen
@section
.In Ihrem Layout:
Ihrer Ansicht:
Einige würden es vorziehen, um Platz
@RenderSection("Scripts")
kurz vor der</body>
- tag statt.InformationsquelleAutor haim770
Wenn Sie haben, und HTML 5-Vorlage ist es eigentlich egal ist, wo Sie platzieren den JavaScript-code, Wenn Sie haver eine XHTML-Vorlage, die Sie sollten Ihren code innerhalb der
<head></head>
tags.Nun mit den besten Praktiken, jetzt die beste Vorgehensweise ist, um alle Ihre JS-code direkt vor Ihre
</body>
schließenden tag. Auf diese Weise stellen Sie sicher, dass Ihre html-Elemente, - tags wurden Parsen durch den browser.Wenn man in einer Produktionsumgebung das beste ist, zu verketten alle Ihre JS in einer einzigen .js-Datei und dann haben Sie es verkleinern, so würde man eine nur kleine js-Datei, die den client-browser abrufen muss.
Verkleinern Ihres Codes
Den Begriff minifizieren in frontend-code (css/js) steht für einen Prozess, wo Sie schneiden Sie alle Ihre Leerzeichen und Zeilenumbrüche, und auch der Umfang der Funktionen Variablen ersetzen, mit einem kürzeren Namen, in der Regel nur ein Vokal.
wenn minified wird ersetzt zu:
In
MVC4
es war die Bündelung und Verkleinerung feature, das Ihnen helfen könnte. InMVC5
bin ich nicht so sicher.Weiter Lesen: http://www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification
Ich habe gerade eine minifizieren Beispiel und einen link am unteren Rand der Bündelung und Verkleinerung in Funktion asp.NET MVC. Bitte überprüfen Sie, dass link, um die best practices von microsoft empfohlen.
InformationsquelleAutor gpopoteur