Posts Tagged ‘ jQuery ’
Hier mein erstes Beispiel mit Knockout und dem MVVM Pattern:
Ich hab das ganze auf jsFiddle erstellt..da kann man das ganze auch gleich Live anpassen und anschauen.
have fun
Hey @all
Ist schon eine weile her, dass ich auf meinem Blog was gemacht habe. Der Grund ist ganz einfach, ich arbeite an einem grossen MVC 3 Projekt als Freelancer…darum Arbeit, Arbeit, Arbeit…
Das ganze ist ein cooles Projekt, wo richtig Spass macht. Im Projekt wird Scrum verwendet, was echt cool und gut ist. Mich hat es überzeugt. Zudem wird ein IoC verwendet, wo die ganze MVC 3 Webapp in Schichten aufteilt. Wir verwenden den klassiker und binden das ganze über ein DI ein. Das ganze ist mit C#, MVC3, .NET 4 , EF 4.1, Razor, Moq(Unit Tests), MVC Scaffolding (T4) und JQuery umgesetzt…..man ist das eine lange Liste und überall konnte ich mitarbeiten..Sweet. TFS und VisualStudio 2010 mit ReSharper als Packet ist echt edel.
Tolles Team, Tolles Projekt…
Gruss @all
ASP.NET – MVC3 – Deploment - was muss man beachten wenn kein MVC 3 installiert ist?
#01 IIS 7
Heute konnte ich ein Deploment machen auf einen IIS 7 Server wo mit dem MSSQL Sever 2008 R2 zusammen arbeitet.
Die Basis vom Projekt läuft auf .NET 4 und alles wurde mit C# erstellt. Ich musste auf dem InHouse Live System noch .NET 4 installieren und das ganze mit aspnet_regiis dem IIS7 beibringen. Man findet das cmd Tool im Ordner:
c:\windows\Microsoft.NET\Framework\v4.0...\
Microsoft liefert für jede .NET Version ein ein cmd Tool für diese Aufgabe.
Das ganze sah so aus für die Installation auf den IIS7:
aspnet_regiis.exe -iNach der Konfiguration das ganze einmal anschauen mit:
aspnet_regiis.exe -lv
Es kann sein wenn Ihr auf einem 64bit System arbeitet, dass es auch die 32bit Version registriert. Das war bei mir so auf dem Win2k8R2 64bit der Fall.
Diese Registration kann man auch wider rückgängig machen mit:
aspnet_regiis.exe -u
Wichtig! Wenn Ihr nach diesem Task eine neue Website erstellen möchtet über den IIS Manager! Müsst Ihr im erstellen Dialog Fenster (oben rechts) den Resource Pool auswählen. In meinem Fall ist es .NET 4 . Sonst läuft es auf der Default .NET Version, in meinem Fall war die Default Version .NET 2.
Infos zu: aspnet_regiis.exe
# 02 MVC 3 und Razor Package im MS Visual Studio Web Development 2010 Express
Ich hätte die Möglichkeit gehabt das MVC 3 zu installieren. Ich wollte es aber lieber als eine Einheit über das Deploment Package ausliefern ohne die GAC zu verwenden. Das gibt mir die Sicherheit, dass alles vorhanden ist (Zielsystem). Wie machen wir das jetzt? Seit der ersten Version .NET v1.0 gibt es den bin Ordner wo die Assemblies abgelegt werden. Wichtig ist wenn wir den bin Ordner verwenden, dann müssen wir die Solution/Projekt so anpassen das wir die Assemblies local mitgeliefert werden.
Diese Assemblies brauchen wir damit das ganze mit MVC3 und Razor werkelt.
Das ganze machen wir über den Projektmappen-Explorer/Solution Explorer vom Visual Studio, über den Kontext Menu Eintrag -> Verweis hinzufügen. Das Assemblie System.Web.Helpers.dll muss ich in meinem Fall nicht hinzufügen, weil der Verweis schon in meinem Projekt existiert.
Verweise hinzufügen
Dannach die gewünschten Assemblies über den Dialog im .NET Tab hinzufügen.
Auswählen der Assemblies im .NET Tab vom Dialog
Wenn alle Assemblies hinzugefügt wurden, dann können wir alle Verweise einzeln selektieren und
die Verweiseigenschaft Lokale Kopie/Local auf True setzten.
Verweiseigenschaft - Lokale Kopie / local auf True setzten
Das ganze können wir gleich einmal testen über Projekt -> Bereitstellungspaket
Test Deploment erstellen
Jetzt sollten im bin Ordner vom PackageTmp alle gewünschten Assemblies liegen wo wir brauchen für MVC3 und Razor.
Prüfen ob alles dabei ist im bin Ordner
So könnt ihr auch gleich die ganze Solution einmal anschauen und prüfen z.B Ich hab JQuery im Projekt verwendet und prüfe ob die richtige Version eingepackt wurde oder ob die web.config stimmt.
Ab jetzt das Final Deploment Packet erstellen oder direkt über die FTP Funktionalität vom Visual Studio das ganze auf den produktiven Server hochladen.
Wichtige Links zum Thema wo mir weitergeholfen haben: Blog von Phil Haack und der Blog von Drew Miller
Have fun
101 Beispiel
Das ganze ist ein einfaches kleines Beispiel mit dem MVC3 /Json und JQuery.
Ich habe mit dem Visual Web Express ein Default MVC3 Web Projekt erstellt mit Razor Unterstützung. Obwohl wir in diesem Beispiel die Razor Engine nicht brauchen. Weil wir nur aktive Elemente erstellen mit JavaScript (also JQuery).
Im Index.cshtml habe ich eine kleine Tabelle erstellt und einen Link eingebaut, wo wir verwenden um unser JQuery Script anzukicken. Ich habe das ganze sehr vereinfacht und allen Spalten eine eindeute ID verpasst. Mit dem ID Selektor werden wir über das JQuery Script die Daten einspielen.
Das ganze sieht in meinem Fall so aus:
jQueryBasic101 001
Zudem habe ich im _Layout.cshtml einen Verweis erstellt für unser JQuery File Json001.js
jQueryBasic101-002
Im Projekt Ordner Model erstellen wir ein Klasse mit dem Namen vPerson.cs (v steht bei mir für View, sozusagen ein Model View). Die Klasse ist unser Daten Container wo wir über Linq bearbeiten werden.
namespace Json001.Models
{
public class vPerson
{
public int tblPersonID { get; set;}
public string tblPersonName { get; set;}
public int tblPersonAge { get; set;}
public string tblPersonMail { get; set;}
public string tblPersonBirthday { get; set;}
}//end of class
}//end of namespace
Im Controller Ordner verwenden wir den default Projekt Controller mit dem Namen HomeController.cs. Dort ergänzen wir eine zusätzliche Methode, wo wir einen Parameter übergeben mit der Post Methode und als Rückgabe Wert liefert die Methode ein Json Objekt.
[HttpPost]
public ActionResult Index(int ID)
{
if(ID == 10){
var person = new vPerson()
{
tblPersonID = ID,
tblPersonAge = 15,
tblPersonBirthday = DateTime.Parse("01/01/1974").ToShortDateString(),
tblPersonMail = "glenn@json.dev",
tblPersonName = "daniel glenn"
};
return Json(person);
}
return View();
}
Wir prüfen den Parameter und erstellen ein vPerson Model, wo wir dann über den Linq Syntax abspitzen. Jetzt schauen wir uns noch unser JQuery Script an. Im Ordner Scripts in unserem Projekt erstellen wir jetzt ein neues Javascript File mit dem Namen Json001.js.
$(function () {
$("#ReadValues").click(function () {
// AJAX Post mit Param Demo
$.post("/", { "ID": 10 },
function (data) {
// verarbeiten der Daten und ans Tag binden
$('#tblPersonID').text(data.tblPersonID);
$('#tblPersonAge').text(data.tblPersonAge);
$('#tblPersonBirthday').text(data.tblPersonBirthday);
$('#tblPersonMail').text(data.tblPersonMail);
$('#tblPersonName').text(data.tblPersonMail);
},"json");
});
});
Die ID ReadValues erwartet ein Click Event. Der Event löst ein AJAX Post aus mit einem Parameter ID wo den Wert 10 hat. Das ganze wird an sich selber gesendet. Wir könnten auch explizit den Verweis auf den HomeController angeben auf die Methode Index mit /Home/Index. Der Rückgabe Wert soll ein Json Daten Objekt sein.
Default Ansicht:
101-MVC3-Json-JQuery-001
nach dem Event:
101-MVC3-Json-JQuery-002
Hier das kleine Projekt: 101-MVC3-Json-JQuery-001
Gruss @all
Hallo zusammen,
Seit gut einem Monat arbeite ich an einem Projekt Auftrag für ein Top Unternehmen in Zürich. Das ist mein erstes Projekt mit MVC 3 und der neuen Razor View in ASP.NET (.NET 4). Dazu verwende ich C# und den SQL Server 2k8. Das ganze wird ein Monitoring Tool für die Server Umgebung von verschiedenen Kunden des Projekt Sponsors (Intern/Extern). Für das auslesen der Server Informationen (2k3, 2k8 und Vmware ESX (VM’s)) verwende ich die Powershell 2.0. Mit der Powershell 2.0 lese ich die Daten und generiere Custom XML Dateien dynamisch zur Laufzeit. Die werden dann über ein Pick-UP und Secure Copy Verfahren wo ich entwickelt habe eingesammelt. Der Importer spitz die Daten dann in die Datenbank ab. Das ganze wird dann über ein Web Interface dargestellt (MVC 3 und ASP.NET).
Ich hatte noch nie mit der PowerShell gearbeitet, konnte aber schon nach einer Woche den Prototypen Präsentieren. Ich musste ein paar mal lachen wegen der PowerShell. Oft hatte ich das Gefühl, dass ich die Art und Weise von meiner Linux Box kenne. Wenn ich zum Beispiel kleine Bash Script schreibe. Ich finde die PowerShell echt klasse, man kann auf der Windows Umgebung fast alles machen (z.B Server Administration) ohne überhaupt ein GUI Dialog zu brauchen…lol
Meine Erfahrung mit der neuen Razor View, wo man jetzt unter ASP.NET verwenden kann, war sehr positiv. Das ganze wurde vereinfacht. Die Möglichkeit besteht, dass die ganzen Webform und Silverlight Entwickler Leute leiden müssen. Denn der Aufbau und die Grund Idee von Razor ist wider Back to the Roots. Clean, einfach und schnell und die Basis ist HTML 5…cool
MVC 3 mit EFCode (NUGet) und Linq…echt edel! Mehr muss man nicht dazu sagen…edel.
JQuery und Json welcome on board on the new MVC 3….edel. Das passt und läuft rund wie ein V8.
Ich hoffe ich bekomme wider so eine Chance um so ein Projekt von A-Z zu realisieren. Für mich als Entwickler ist es ein reines Vergnügen solche Projekte zu realisieren.
Einfacher Server Report vom Monitoring Tool
Gruss @all
Hallo @all,
Ich hab gestern ein kleines Projekt realisiert für mich (1day Project) – es ist eine Webapplikation – wo Ihr Abfragen absetzen könnt zu Netzwerk Daten von einem Host im Internet. Das ganze habe ich mit JQuery/PHP und den Linux Tools umgesetzt. Für den Austausch verwende ich Json in der Webapplikation. Das ganze ist ein Prototyp aber Ihr könnt schon jetzt die Tools Ping, Traceroute,Nslookup, Nmap und Whois Online verwenden.
Hier ist der Link zum Tool NetBox
NetBox
Für das ganze Projekt wurden nur Opensource Produkte verwendet. Das sehr einfache Logo wurde mit Blender 2.54 erstellt. Das OS war wie immer in meinem Fall Gentoo Linux.
Netbox Logo und blender
Ihr könnt das einfache Blender 2.54 Projekt hier herunterladen für das NetBox Logo.
Gruss@all