drfadli

See also: Other Geeks@INDC
Membuat Blog Sederhana dengan ASP.NET MVC3

Nah kali ini saya mencoba untuk membuat blog sederhana dengan menggunakan ASP.NET MVC3. Pada dasarnya sebuah web memiliki beberapa file CSS, images, dan Javascript. Masing-masing file itu akan di panggil ke dalam sebuah file _Layout.cshtml berikut cara memanggilnya @Url.Content("~/Content/Site.css").

1. Buat Project dan pilih C# + Web dan ASP.NET MVC3 dan pilih Empt, dan buat nama filenya HomeController.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace BlogPertamaKu.Controllers
{
    public class HomeController : Controller
    {
        //
        // GET: /Home/
        public ActionResult Index()
        {
            return View();
        }
    }
}

2. Buat Folder Home di Folder View, dan Add View dan beri nama Index.cshtml


Edit filenya menjadi :

@{
    ViewBag.Title = "Selamat Datang di Blogku";
}
<h2>drfadli Blog</h2>
<p>Selamat Datang di Blog Pertamaku by DrFadli</p>

3. Buka file _Layout.cshtml

<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script>
</head>

<body>
    @RenderBody()
</body>
</html>

4.Coba lihat hasilnya dengan mengklik tombol run


Selanjutnya terserah Anda untuk mendesain _Layout.cshtml. Anda bisa mendesain seperti di bawah ini :


Share this post: | | | |
Memulai menggunakan ASP.NET MVC3

Pada tutorial sebelumnya kita sudah memperkenalkan MVC 3 ASP.NET, untuk selanjutkan kita memulai memperlajari dasar-dasar penggunaan MVC pada ASP.NET. Silahkan ikuti langkah-langkah berikut :

1. Oke pertama kita membuat sebuah project, BlogPertamaku, dan pilih Empty dan Enginenya Razor

2. Buat sebuah controller, dan beri nama HomeController.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace BlogPertamaKu.Controllers
{
public class HomeController : Controller
{
//
// GET: /Home/
public string Index()
{
return "Selamat Datang di Blog ku";
}
}
}

kemudian di run, maka otomatis di broser akan membuka aplikasi web yang telah kita buat tadi.


3. Selanjutkan kita mencoba fungsi-fungsi dari HttpUtility.HtmlEncode untuk mengambil variable di URL

        public string hallo(string nama, string judul)
{
return HttpUtility.HtmlEncode("Nama Artis : " + nama + ", Judul Lagu : " + judul);
}

Kembali klik tombol run, dan tambahkan URL menjadi http://localhost:6886/Home/Hallo/?nama=Ayu%20Tinting&judul=Alamat%20Palsu


Oke sekian dulu tutorial singkat penggunaan MVC3 pada ASP.NET

Share this post: | | | |
Pengenalan ASP.NET MVC 3

ASP.NET MVC merupakan sebuah framework yang dikembangkan oleh ASP.NET untuk mempermudahkan kita membangun aplikasi web yang berskala besar karena memiliki standar-standar program yang memang di rancang  khusus untuk memenuhi kebutuhan pengembangan applikasi berbasis web, itu semua merupakan kelebihan dari ASP.NET dan Net Framework.

ASP.NET MVC 3 pengembangan dari ASP.NET MVC 1 dan 2. Pada release kali ini ASP.NET menambahkan banyak fitur yang baik menyederhanakan koding. Berikut fitur lengkap dari ASP.NET MVC3 :

ASP.NET MVC 3 hadir dengan tampilan mesin baru bernama Razor yang menawarkan keunggulan sebagai berikut:

  • Sintaks Razor mudah dipahami dan ringkas. Karena Razor didasarkan pada bahasa-bahasa yang ada seperti C # dan Visual Basic.
  • Visual Studio termasuk IntelliSense dan pewarnaan sintaks kode untuk Razor.
  • Razor pandangan bisa satuan diuji tanpa membutuhkan bahwa Anda menjalankan aplikasi atau membuka suatu web server.

Oke pasti anda penasaran untuk mencoba fungsi baru dari ASP.NET baiklah kita mencoba membuat blog sederhana dengan menggunakan View Engine yaitu Razor :

1. Buka Visual Studio 2010, dan pastikan Anda sudah menginstall ASP.NET MVC3, jika belum anda bisa mendonwloadnya terlebih dahulu http://www.asp.net/downloads 2. Klik File + New Project, perhatikan gambar berikut

 

3. Klik Ok, maka akan muncul menu project template, maka kita memilih view enginenya yaitu Razor. Klik OK untuk melanjutkan dan memulai coding.

 

4. Maka akan terbentuk struktur folder MVC, bisa di lihat di solution explore

5. Anda bisa menjalankan dan melihat hasilnya penggunakan Razor pada template blog dengan mengklik Debug + Start Debugging.

6. Dan lihat hasilnya pada browser :

 

Share this post: | | | |
Posted: Sep 25 2011, 05:54 AM by drfadli | with no comments
Filed under: , ,