Bygg ett forum – Del 2 – Förbered arbetsmiljön

by Reager 25. September 2009 17:51

I del 2 av denna serie ska vi se till att vi är redo att börja koda. Börja med att öppna Visual Web Developer och klicka på File –> New Project. Du får då upp en ruta som ser ut som denna

image

Välj ASP.NET Web Application under Visual C# / Web. Under Name fyller du i vad du vill att detta projekt skall heta. Jag väljer att kalla det “SimpeForum” då det är vad det är. Välj var du vill placera projektet och klicka sedan på “OK”.

Din “Solution Explorer” bör då se ut i stil med

image

Nu har vi ett tomt projekt och om vi vill provköra detta projekt så kan vi klicka på F5. När vi gör detta kommer vi att få följande fråga

image

Klicka bara på “OK”. Det vi säger här är att vi vill aktivera debugging vilket kan vara trevligt att ha senare i projektet om vi behöver göra någon felsökning. Detta är dock något som vi ska inaktivera innan sidan går live senare.

Nästa sak vi ska göra är att försäkra oss om att vi har en fungerande databas så vi kan skapa de tabeller vi behöver senare. Starta “MySQL Query Browser” och fyll i dina uppgifter till databasen i rutan som kommer upp.

image

“Default Schema” är den databas som du vill att ska vara standard när du loggar in på databasen. Om du redan har en databas som du vet namnet på så kan du fylla i namnet på denna här, annars kan du låta rutan vara tom och klicka på “Ignore” på varningen som kommer upp. När du loggar in och allt går som det ska kommer du att kunna se alla databaser som ditt konto har tillgång till. I mitt fall ser det ut så här

image

vilket innebär att jag ännu inte har någon “riktig” databas.

Nu när vi har försäkrat oss om att allt fungerar så är nästa steg att gå igenom lite grundläggande databaskunskap.

Tags:

Allmänt | Artikel

Bygg ett forum - Del 1 - Introduktion

by Reager 25. September 2009 17:50

Jag hade i en serie poster här på bloggen gå igenom steg för steg hur det går till att skapa ett forum. Detta för att jag tycker det är roligt att förmedla kunskap, men även för att ge alla de som inte tagit steget över till .NET än att göra detta med en artikel som ligger på en väldigt lättfattlig nivå.

Du kommer under denna serie att få lära dig allt du behöver för att kunna fortsätta med .NET på egen hand och fördjupa dig i ämnet. Jag kommer att gå igenom en massa som du kan ha nytta av när du ska lära dig .NET.

Verktygen som jag kommer att använda är Visual Web Developer Express och ASP.NET 3.5 SP1. Du behöver även tillgång till en MySQL-databas. Serverspråket som kommer att användas är C#.

Genom att använda Mircosoft Web Platform kan du ladda ner VWD Express samt senaste versionen av .NET-ramverket så att du är säker på att du har detta. Du hittar det på länken nedan. http://www.microsoft.com/web/Downloads/platform.aspx

Har du ett webbhotell bör du även ha tillgång till en MySQL-databas redan, annars kan du ladda hem denna och köra lokalt på din egen dator om du hellre vill det. Du hittar MySQL-servern på länken nedan.
http://dev.mysql.com/downloads/mysql/5.1.html#downloads

Du ska även se till att installera MySQL GUI Tools. Dessa finner du om du följer länken nedan.
http://dev.mysql.com/downloads/gui-tools/5.0.html

När du har detta installerat är du redo att börja din resa i den underbara världen som .NET ger dig :)

Om du har några synpunkter eller frågor om någon artikel i serien är du välkommen att posta en kommentar under relevant artikel.

Tags:

Allmänt

Testa dina webbsidor i olika webbläsare

by Reager 12. July 2009 19:00

Ett stort gissel för oss webbutvecklare är alla de olika varianter av webbläsare som finns ute på marknaden och skillnaderna i renderingen av html-koden och exekveringen av javascript dem emellan. Detta gör att man oftast måste testa sina sidor i de vanligaste webbläsarna innan man publicerar sidan för att försäkra sig om att sidan ser likadan ut i alla webbläsare.

Problemet här är inte Firefox, Safari eller Chrome, utan att Internet Explorer finns i olika versioner och användarna av dessa inte brukar vara de snabbaste att uppdatera vilket gör att många tyvärr fortfarande sitter med IE6 trots att IE8 finns ute på marknaden. Svårigheten här är att testa i IE utan att ha flera datorer, då det inte går, i varje fall inte utan att hacka runt lite, att köra flera versioner av IE på en dator och det då inte går att garantera att sidorna renderas likadant i en ohackad IE6.

Lösningen på detta problem stavas VPC, Virtual PC, vilket är ett verktyg som tillåter oss att köra virtuella kopior av Windows med olika versioner av Internet Explorer på. Det bästa av allt är  att det är Microsoft som står för dessa så vi behöver inte dra ut på Piratebay för att hitta dessa, utan de kan laddas hem helt lagligt från Microsofts egna hemsida.

Programmet Virtual PC 2007 hittar du på länken nedan

Virtual PC 2007

och för att ladda ner filerna med IE6, IE7 samt IE8 på Windows XP och Windows Vista hittar du här

Internet Explorer Application Compatibility VPC Image

De övriga webbläsarena hittar du här

Firefox
Safari
Chrome
Opera

Lycka till med webbutvecklandet

Tags:

Allmänt | Tips&Trix

Färga kod i dina blogginlägg

by Reager 11. July 2009 17:38

Om du liksom jag brukar posta inlägg med kod i så finns det många olika sätt för att få färg på denna kod. Efter att ha provat flera olika, t.ex. först posta koden på pastebin och sedan kopiera in koden i mitt blogginlägg, kopiera koden från Visual Studio m.fl. så började jag använda Windows Live Writer tillsammans med en plugin som heter "Insert Code for Windows Live Writer". Denna plugin gör det extremt enkelt att posta inlägg med färgad kod. Exempel på detta kan du se i senare inlägg på denna blogg.

Funktioner som denna plugin har är

Syntax highlighting för följande språk:

  • C#
  • Javascript
  • Html
  • TSQL
  • MSH
  • Visual Basic

Det går även att få kodraderna numrerade, dessvärre så går det inte att kopiera koden utan att radnumrerna följer med vilket jag anser är denna plugin:s största brist. Det går även att få kodraderna med alternerande bakgrund samt välja att inte infoga css:en direkt i koden utan lägga den i ett externt stylesheet istället.

Du hittar denna excellenta plugin på följande adress: http://gallery.live.com/liveItemDetail.aspx?li=1f57bd9b-a692-4593-9e9e-e2962d9c0eee&bt=9&pl=8

Denna rekommenderas verkligen för dig som postar kod på din blogg.

Tags: , , , , ,

Artikel | Tips&Trix | Allmänt

Powered by BlogEngine.NET 1.5.0.7
Theme by Mads Kristensen

RecentComments

Comment RSS