Sedangkan query SQL yang digunakan untuk membuat tabel guestbook dapat dilihat pada script berikut.<\/p>\n
\n
create<\/span> table<\/span> guestbook(\r\n guestbook_id INT<\/span> NOT<\/span> NULL<\/span> AUTO_INCREMENT,\r\n guest_name VARCHAR<\/span>(100) NOT<\/span> NULL<\/span>,\r\n guest_email VARCHAR<\/span>(100) NOT<\/span> NULL<\/span>,\r\n message VARCHAR<\/span>(256) NOT<\/span> NULL<\/span>,\r\n PRIMARY<\/span> KEY<\/span> ( guestbook_id )\r\n);<\/pre>\n <\/p>\n<\/div>\n
{Modifikasi File project.json<\/em><\/strong>}<\/p>\nTujuan modifikasi file project.json adalah untuk menambahkan library atau paket agar project ini dapat menggunakan framework ASP.NET Core dan menggunakan provider MySQL.<\/p>\n
\n
\"Microsoft.AspNetCore.Mvc\"<\/span>: \"1.1.0\"<\/span>,\r\n\"Microsoft.AspNetCore.StaticFiles\"<\/span>: \"1.1.0\"<\/span>,\r\n\"MySql.Data.Core\"<\/span>: \"7.0.4-IR-191\"<\/span><\/pre>\n <\/p>\n<\/div>\n
Baris pertama adalah library untuk implementasi framework ASP.NET Core MVC.\u00a0 Baris kedua adalah library untuk menangani file statik web seperti file image, file CSS dan file script Javascript.\u00a0 Sedangkan baris ketiga untuk penggunaan provider MySQL, sehingga dapat digunakan class dan method untuk mengakses database MySQL.<\/p>\n
Berikut adalah kode lengkap file project.json.<\/p>\n
\n
{\r\n \"dependencies\"<\/span>: {\r\n \"Microsoft.NETCore.App\"<\/span>: {\r\n \"version\"<\/span>: \"1.1.0\"<\/span>,\r\n \"type\"<\/span>: \"platform\"<\/span>\r\n },\r\n \"Microsoft.AspNetCore.Diagnostics\"<\/span>: \"1.1.0\"<\/span>,\r\n \"Microsoft.AspNetCore.Server.IISIntegration\"<\/span>: \"1.1.0\"<\/span>,\r\n \"Microsoft.AspNetCore.Server.Kestrel\"<\/span>: \"1.1.0\"<\/span>,\r\n \"Microsoft.Extensions.Logging.Console\"<\/span>: \"1.1.0\"<\/span>,\r\n \"Microsoft.Extensions.Configuration.EnvironmentVariables\"<\/span>: \"1.1.0\"<\/span>,\r\n \"Microsoft.Extensions.Configuration.FileExtensions\"<\/span>: \"1.1.0\"<\/span>,\r\n \"Microsoft.Extensions.Configuration.Json\"<\/span>: \"1.1.0\"<\/span>,\r\n \"Microsoft.Extensions.Configuration.CommandLine\"<\/span>: \"1.1.0\"<\/span>,\r\n \"Microsoft.AspNetCore.Mvc\"<\/span>: \"1.1.0\"<\/span>,\r\n \"Microsoft.AspNetCore.StaticFiles\"<\/span>: \"1.1.0\"<\/span>,\r\n \"MySql.Data.Core\"<\/span>: \"7.0.4-IR-191\"<\/span>\r\n },<\/pre>\n“tools”<\/span>: {
\n“Microsoft.AspNetCore.Server.IISIntegration.Tools”<\/span>: “1.1.0-preview4-final”<\/span>
\n},<\/p>\n“frameworks”<\/span>: {
\n“netcoreapp1.1”<\/span>: {
\n“imports”<\/span>: [
\n“dotnet5.6”<\/span>,
\n“portable-net45+win8”<\/span>
\n]
\n}
\n},<\/p>\n“buildOptions”<\/span>: {
\n“emitEntryPoint”<\/span>: true<\/span>,
\n“preserveCompilationContext”<\/span>: true<\/span>
\n},<\/p>\n“runtimeOptions”<\/span>: {
\n“configProperties”<\/span>: {
\n“System.GC.Server”<\/span>: true<\/span>
\n}
\n},<\/p>\n“publishOptions”<\/span>: {
\n“include”<\/span>: [
\n“wwwroot”<\/span>,
\n“web.config”<\/span>
\n]
\n},<\/p>\n“scripts”<\/span>: {
\n“postpublish”<\/span>: [ “dotnet publish-iis –publish-folder %publish:OutputPath% –framework %publish:FullTargetFramework%”<\/span> ]
\n},<\/p>\n“tooling”<\/span>: {
\n“defaultNamespace”<\/span>: “ASPNETCoreMySQL”<\/span>
\n}
\n}<\/p>\n <\/p>\n<\/div>\n
Setelah file project.json disimpan, maka Visual Studio Code akan melakukan proses restore project.<\/p>\n
{Membuat File appsettings.json<\/em><\/strong>}<\/p>\nFile ini dapat digunakan untuk menyimpan nilai-nilai setting yang akan digunakan pada aplikasi.\u00a0 Pada kasus ini, file ini akan digunakan untuk menyimpan connection string ke database.\u00a0 Karena file ini belum ada pada project, maka file ini harus dibuat dahulu.\u00a0 Kemudian digunakan contoh kode di bawah ini sebagai isi file appsettings.json.\u00a0 Dari file di bawah ini dapat dilihat nama database yang akan digunakan ada elibrary.\u00a0 Nama database ini dapat diubah sesuai dengan nama database yang digunakan.<\/p>\n
\n
{\r\n \"ConnectionStrings\"<\/span>:\r\n {\r\n \"Default\"<\/span>: \"server=localhost; userid=root; password=rahasia; database=elibrary;SslMode=None\"<\/span>\r\n }\r\n}<\/pre>\n <\/p>\n<\/div>\n
{Modifikasi File Startup.cs<\/em><\/strong>}<\/p>\nClass Startup.cs merupakan class penting pada project aplikasi web ASP.NET Core.\u00a0 Class ini dapat digunakan untuk melakukan hal-hal sebelum halaman web yang kita buat dijalankan. Berikut ini adalah isi file class Startup.cs yang telah dimodifikasi.<\/p>\n
\n
using<\/span> System;\r\nusing<\/span> System.Collections.Generic;\r\nusing<\/span> System.Linq;\r\nusing<\/span> System.Threading.Tasks;\r\nusing<\/span> Microsoft.AspNetCore.Builder;\r\nusing<\/span> Microsoft.AspNetCore.Hosting;\r\nusing<\/span> Microsoft.AspNetCore.Http;\r\nusing<\/span> Microsoft.Extensions.DependencyInjection;\r\nusing<\/span> Microsoft.Extensions.Logging;\r\nusing<\/span> Microsoft.Extensions.Configuration;<\/pre>\nnamespace<\/span> ASPNETCoreMySQL
\n{
\npublic<\/span> class<\/span> Startup
\n{
\npublic<\/span> static<\/span> string<\/span> ConnectionString {get; private<\/span> set;}
\npublic<\/span> static<\/span> IConfigurationRoot Configuration { get; set; }<\/p>\npublic<\/span> Startup(IHostingEnvironment env)
\n{
\nvar builder = new<\/span> ConfigurationBuilder()
\n.SetBasePath(env.ContentRootPath)
\n.AddJsonFile(“appsettings.json”<\/span>, optional: true<\/span>, reloadOnChange: true<\/span>)
\n.AddEnvironmentVariables();<\/p>\nConfiguration = builder.Build();<\/p>\n
ConnectionString = Configuration[“ConnectionStrings:Default”<\/span>];
\n}<\/p>\n\/\/ This method gets called by the runtime. Use this method to add services to the container.<\/span>
\n\/\/ For more information on how to configure your application, visit https:\/\/go.microsoft.com\/fwlink\/?LinkID=398940<\/span>
\npublic<\/span> void<\/span> ConfigureServices(IServiceCollection services)
\n{
\nservices.AddMvc();
\n}<\/p>\n\/\/ This method gets called by the runtime. Use this method to configure the HTTP request pipeline.<\/span>
\npublic<\/span> void<\/span> Configure(IApplicationBuilder app, IHostingEnvironment env, ILoggerFactory loggerFactory)
\n{
\nloggerFactory.AddConsole();<\/p>\nif<\/span> (env.IsDevelopment())
\n{
\napp.UseDeveloperExceptionPage();
\n}
\nelse<\/span>
\n{
\napp.UseExceptionHandler(“\/Home\/Error”<\/span>);
\n}<\/p>\napp.UseStaticFiles();<\/p>\n
app.UseMvc(routes =>
\n{
\nroutes.MapRoute(
\nname: “default”<\/span>,
\ntemplate: “{controller=Home}\/{action=Index}\/{id?}”<\/span>);
\n});
\n}
\n}
\n}<\/p>\n <\/p>\n<\/div>\n
Untuk implementasi framework ASP.NET Core MVC adalah penambahan services.AddMvc(); pada method ConfigureServices.\u00a0 Kemudian untuk aturan routing dapat dilihat pada method Configure.\u00a0 Sedangkan untuk keperluan membaca file konfigurasi pada file appsettings.json dilakukan dua langkah yaitu menambahkan property ConnectionString dan Configuration.\u00a0 Kemudian menambahkan method Startup yang berisi untuk menentukan nama file konfigurasi yang akan dibaca.\u00a0 Dilanjutkan dengan mengisi nilai pada property ConnectionString dengan nilai ConnectionString:Default.<\/p>\n
{Models<\/em><\/strong>}<\/p>\nLangkah selanjutnya adalah membuat folder Models pada project.\u00a0 Kemudian dibuat class model dengan nama GuestBook.cs dengan isi sebagai berikut.<\/p>\n
\n
using<\/span> System;<\/pre>\nnamespace<\/span> ASPNETCoreMySQL.Models
\n{
\npublic<\/span> class<\/span> GuestBook{
\npublic<\/span> String Email {set; get;}
\npublic<\/span> String Name {set; get;}
\npublic<\/span> String Message {set; get;}
\n}
\n}<\/p>\n <\/p>\n<\/div>\n
Class ini dibuat dengan property sesuai dengan tabel guestbook yang telah dibuat sebelumnya.<\/p>\n
{Controllers<\/em><\/strong>}<\/p>\nSetelah langkah di atas selesai, dengan membuat folder Controllers.\u00a0 Kemudian membuat class controller dengan isi sebagai berikut.<\/p>\n
\n
using<\/span> System;\r\nusing<\/span> System.Collections.Generic;\r\nusing<\/span> Microsoft.AspNetCore.Mvc;\r\nusing<\/span> ASPNETCoreMySQL.Models;<\/pre>\nusing<\/span> MySql.Data.MySqlClient;<\/p>\nnamespace<\/span> ASPNETCoreMySQL.Controllers
\n{
\npublic<\/span> class<\/span> HomeController : Controller
\n{
\n[HttpGet]
\npublic<\/span> IActionResult Index()
\n{
\nIList<GuestBook> items = new<\/span> List<GuestBook>();<\/p>\n\/\/ koneksi database<\/span>
\nMySqlConnection conn = new<\/span> MySqlConnection{
\nConnectionString = Startup.ConnectionString
\n};
\nconn.Open();<\/p>\n\/\/ menyiapkan query<\/span>
\nMySqlCommand cmd = new<\/span> MySqlCommand(“SELECT * FROM guestbook;”<\/span>, conn);<\/p>\n\/\/ membaca data<\/span>
\nMySqlDataReader dataReader = cmd.ExecuteReader();
\nwhile<\/span> (dataReader.Read()){
\n\/\/ menyimpan record ke object model<\/span>
\nGuestBook item = new<\/span> GuestBook();
\nitem.Email = Convert.ToString(dataReader[“guest_email”<\/span>]);
\nitem.Name = Convert.ToString(dataReader[“guest_name”<\/span>]);
\nitem.Message = Convert.ToString(dataReader[“message”<\/span>]);<\/p>\n\/\/ menyimpan object model ke collection <\/span>
\nitems.Add(item);
\n}
\ndataReader.Close();<\/p>\nreturn<\/span> View(items);
\n}<\/p>\n[HttpGet]
\npublic<\/span> IActionResult Create(){
\nreturn<\/span> View();
\n}<\/p>\n[HttpPost]
\npublic<\/span> IActionResult Create(GuestBook item){
\nif<\/span>(ModelState.IsValid){
\nMySqlConnection conn = new<\/span> MySqlConnection{
\nConnectionString = Startup.ConnectionString
\n};
\nconn.Open();<\/p>\nMySqlCommand command = conn.CreateCommand();
\ncommand.CommandText = “INSERT INTO guestbook (guest_name, guest_email, message) VALUES (?name, ?email, ?message)”<\/span>;
\ncommand.Parameters.AddWithValue(“?name”<\/span>, item.Name);
\ncommand.Parameters.AddWithValue(“?email”<\/span>, item.Email);
\ncommand.Parameters.AddWithValue(“?message”<\/span>, item.Message);
\ncommand.ExecuteNonQuery();<\/p>\nconn.Close();<\/p>\n
return<\/span> RedirectToAction(“Index”<\/span>);
\n}
\nreturn<\/span> View();
\n}<\/p>\n[HttpGet]
\npublic<\/span> IActionResult Error()
\n{
\nreturn<\/span> View();
\n}
\n}
\n}<\/p>\n <\/p>\n<\/div>\n
Pada HomeController.cs dapat dilihat bagaimana melakukan operasi data ke database MySQL.\u00a0 Untuk menggunakan class dan method pada library MySQL.Data.Core maka perlu ditambahkan baris berikut.<\/p>\n
\n
using<\/span> MySql.Data.MySqlClient;<\/pre>\n <\/p>\n<\/div>\n
Selanjutnya untuk menggunakan object dari class model maka perlu ditambahkan baris berikut.<\/p>\n
\n
using<\/span> ASPNETCoreMySQL.Models;<\/pre>\n <\/p>\n<\/div>\n
Selanjutnya dapat dilihat bagaimana cara melakukan koneksi dan menampilkan data pada method action Index.\u00a0 Dan cara mengeksekusi query SQL untuk insert data pada method action Create.<\/p>\n
{Views<\/em><\/strong>}<\/p>\nBerikutnya adalah membuat komponen view. Langkah pertama adalah membuat folder Views.\u00a0 Untuk membuat komponen view untuk controller HomeController maka perlu dibuat folder Home di folder Views.\u00a0 Kemudian akan ditambahkan file Index.cshtml yang akan digunakan oleh method action Index.\u00a0 Berikut isi dari file Index.cshtml.<\/p>\n
\n
@{\r\n Layout = null;\r\n}<\/pre>\n@model IList<<\/span>ASPNETCoreMySQL.Models.GuestBook<\/span>><\/span><\/p>\n<<\/span>html<\/span>
![\"01\"](\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2017\/02\/01-1.jpg\" "\\"01\\"")
<\/a><\/p>\n