روی گزینه‌ی Next کلیک کنید و در پنجره‌ای که باز می‌شود در قسمت Address نشانی وب‌سایتی که در بخش پیشین تولید کردیم و ممکن است شما در IIS افزوده باشید؛ قرار دهید و  روی دکمه‌ی GO بفشارید تا سرویس در کادر پایین افزوده شود. سپس در قسمت Namespace نامی مناسب برای فراخوانی سرویس وارد کنید آن‌گاه دکمه‌ی OK را بفشارید.

از پنجره‌ی بازشده روی دکمه‌ی Finish کلیک کنید. پس از مکثی کوتاه سرویس به همراه دو موجودیت آن درون Data Sources دیده خواهد شد. از آن‌طرف در Solution Explorer نیز در پوشه‌ی Service References سرویس تعریف‌شده ارجاع داده خواهد گرفت. 

از Data Sources روی tblNews کلیک کنید سپس آن‌را کشیده و به روی فرم رها کنید. خواهید دید که یک DataGridView شامل همه‌ی ویژگی‌های موجودیت tblNews و یک Binding Navigator که با موجودیت tblNews در پیوند است و یک منبع داده به نام tblNewsBindingSource به صورت خودکار در فرم افزوده خواهد شد.

چیدمان فرم، رنگ‌ها، اندازه‌ها و فونت را آن‌گونه که می‌پسندید تنظیم کنید. سپس ستون‌هایی که به آن‌ها نیازی ندارید حذف یا پنهان کرده و عنوان ستون‌های مانده را ویرایش کنید. کلیدهای افزودن، حذف و ذخیره را روی Navigator ایجاد کنید و بقیه‌ی کلیدها را اگر به آن نیازی ندارید حذف کنید. البته می‌توانید بنا به سلیقه‌ی کاری‌تان یک Panel برای این‌کار اختصاص دهید. در این‌جا یک فرم ساده در نظر گرفته شده است:

اکنون نوبت به کدنویسی است. سورس فرم را بازکنید و نخست سرویس را به این صورت در جای مناسب تعریف کنید:

MyNewsService.MyNewsServiceClient MyNews = new MyNewsService.MyNewsServiceClient();

یک تابع کوچک برای تبدیل تاریخ میلادی به شمسی بنویسید سپس رویداد Load فرم را به این صورت بنویسید:

        string MiladiToShamsi(DateTime MyDate)
        {
            System.Globalization.PersianCalendar pers = new System.Globalization.PersianCalendar();
            return string.Format("{0}/{1}/{2}", pers.GetYear(MyDate), pers.GetMonth(MyDate).ToString("D2"), pers.GetDayOfMonth(MyDate).ToString("D2"));
        }

        private void Form1_Load(object sender, EventArgs e)
        {
            tblNewsBindingSource.DataSource = MyNews.GetAllNews().Select(p => new {p.tblNewsId, p.tblCategory.CatName, p.Title, p.Description, RegDate= MiladiToShamsi( p.RegDate) });
        }  
 

پیش از اجرای پروژه از Solution Explorer روی نام راه حل راست‌کلیک کنید و گزینه‌ی Properties را انتخاب کنید. در پنجره‌ی بازشده تنظیمات زیر را انجام دهید:

این کار باعث می‌شود که به طور هم‌زمان پروژه‌ی وب‌سایت و ویندوز اجرا شود. اکنون پروژه را اجرا کنید. اگر با پیغام خطا روبه‌رو شدید؛ تگ Connection String را از App.Config پروژه WCF Library به Web.Config پروژه وب‌سایت کپی کنید. در این صورت پروژه به راحتی اجرا خواهد شد.

در بخش پسین پیرامون افزودن، ویرایش و حذف و برخی توضیحات برای توسعه‌ی کار خواهم نوشت.

• آشنایی با گروه‌های ویندوز

• زبان برنامه‌نویسی فارسی‌نت

• گزارشات و دفاتر مرسوم حسابداری

• رفع مشکل طراحی وب برای IE

• مجله امنیتی اسنوپ

• آفیس آنلاین مایکروسافت ، به‌زودی خواهد آمد

• آشنایی با Historical Debugger در Visual Studio 2010

• مایکروسافت: عمده نقایص امنیتی ویندوز از برنامه‌های جانبی آن ناشی می‌شود

• رمزنگاری کوانتمی و شبکه‌ای رمزنگاری شده با این روش

• معرفی 7 افزودنی jQuery برای استفاده در ASP.Net

• دموهایی از jQuery و ASP.Net Ajax

• نحوه پویانمایی محتوا با jQuery

• استفاده از اکتیو دایرکتوری برای اعتبار سنجی کاربران

• IE بیشتر از 31 تگ style را پردازش نمی‌کند!

• ایجاد گوشه‌های گرد با CSS

• یک پلاگین tooltip برای jQuery

• لیستی از ویژگی‌های جدید SQL Server 2008

• دیباگ کردن رویه‌های ذخیره شده با کمک VS.Net

• فشرده سازی داده‌ها در SQL server 2008

• رمزنگاری رویه‌های ذخیره شده و تاثیر آن بر Execution Plan

• SQL server 2008 و تبدیل داده‌های بایناری به یک رشته هگز

• توابع توکار SQL Server 2005

• رفع مشکل نمایش خطای بی‌مورد کامپایلر در نگارش SP1 ویژوال استودیو 2008

• نگارش جدید برنامه RSS Bandit . (برنامه‌ای سورس باز نوشته شده با سی شارپ)

• نگارش جدید Application Pool Recycle Utility

• اسمبلی‌های دات نت را به actionscript تبدیل کنید!

• نگارش جدید StyleCop for ReSharper

• Visual Round Trip Analyzer (استفاده از NetMon API)

• نحوه بدست آوردن آدرس IP کامپیوتر جاری

• آینده‌ی سی شارپ

• Interactive GUI Shell از توسعه دهندگان تیم Mono

• تازه‌های سی شارپ 4 ، واژه کلیدی dynamic ، قسمت‌های یک و دو و سه

• به نظر پروندهLINQ To SQL بسته شد! (چند روز بعد تکذیب شد!)

• آشنایی با کلاس CommaDelimitedStringCollection در دات نت فریم ورک

• مونو و دات نت گزارشی از PDC2008

• تازه‌های نگارش‌های مختلف GCC

• CompilerPlugin برای دلفی 2009. (توسط آن می‌توان پروژه‌های دلفی 2007 را با دلفی 2009 نیز کامپایل کرد)

• نوامبر 2008 ، 25 امین سالگرد انتشار Turbo Pascal v1.0 است!

• نسخه جدید CnPack منتشر شد. (با پشتیبانی دلفی 5 تا 2009)

• نگارش R2 ویندوز سرور 2008 تنها 64 بیتی خواهد بود.

• ویندوز 7 و جستجو در منابع SharePoint

• آنالیز crash dumps ویندوز . (آیا می‌دانید صفحات آبی ویندوز را چگونه باید تفسیر کرد؟)

• آشنایی با یک سری از اصطلاحات outlook 2007 برای برنامه نویس‌ها. (اگر قصد داشته باشید یک add-in را برای outlook 2007 با استفاده از امکانات VSTO توسعه دهید، آشنایی با این اصطلاحات بسیار ضروری خواهد بود)

• 10 عامل کشنده یک پروژه نرم افزاری

• لیستی از 22 افزودنی فایرفاکس برای داشتن مرورگری حرفه‌ای

• لیستی از دموهای PDC2008

• باغ وحشی از متدولوژی‌های توسعه نرم افزاری!

• ابزارهایی برای مدیریت پروژه و همکاری‌های جمعی

• 6 نکته برای شروع یک پروژه سورس باز

• تعیین اعتبار یک regular expression با استفاده از silverlight

• تصمیم گیری مشکل، PHP فریم ورک‌های زیادی دارد.
  

• و پشت رایانه بنشینید تا جوان بمانید!

> dotnet new react

spa.UseReactDevelopmentServer(npmScript: "start");

spa.UseProxyToSpaDevelopmentServer("http://localhost:3000");

> create-react-app clientapp

> cd clientapp
> npm install --save bootstrap axios

 import "bootstrap/dist/css/bootstrap.css";

using Microsoft.AspNetCore.Mvc;

namespace DownloadFilesSample.Controllers
{
    [Route("api/[controller]")]
    public class ReportsController : Controller
    {
        [HttpGet("[action]")]
        public IActionResult GetPdfReport()
        {
            return File(virtualPath: "~/app_data/sample.pdf",
                        contentType: "application/pdf",
                        fileDownloadName: "sample.pdf");
        }
    }
}

  const getResults = async () => {
      const { headers, data } = await axios.get(apiUrl, {
        responseType: "blob"
      });
  }

import axios from "axios";
import React, { useEffect, useState } from "react";

export default function DisplayPdf() {
  const apiUrl = "https://localhost:5001/api/Reports/GetPdfReport";

  const [blobInfo, setBlobInfo] = useState({
    blobUrl: "",
    fileName: ""
  });

  useEffect(() => {
    getResults();
  }, []);

  const getResults = async () => {
    try {
      const { headers, data } = await axios.get(apiUrl, {
        responseType: "blob"
      });
      console.log("headers", headers);

      const pdfBlobUrl = window.URL.createObjectURL(data);
      console.log("pdfBlobUrl", pdfBlobUrl);

      const fileName = headers["content-disposition"]
        .split(";")
        .find(n => n.includes("filename="))
        .replace("filename=", "")
        .trim();
      console.log("filename", fileName);

      setBlobInfo({
        blobUrl: pdfBlobUrl,
        fileName: fileName
      });
    } catch (error) {
      console.log(error);
    }
  };

ontent-disposition: "attachment; filename=sample.pdf; filename*=UTF-8''sample.pdf"

import axios from "axios";
import React, { useEffect, useState } from "react";

export default function DisplayPdf() {

  // ...

  const { blobUrl } = blobInfo;

  return (
    <>
      <h1>Display PDF Files</h1>
      <button className="btn btn-info" onClick={handlePrintPdf}>
        Print PDF
      </button>
      <button className="btn btn-primary ml-2" onClick={handleShowPdfInNewTab}>
        Show PDF in a new tab
      </button>
      <button className="btn btn-success ml-2" onClick={handleDownloadPdf}>
        Download PDF
      </button>

      <section className="card mb-5 mt-3">
        <div className="card-header">
          <h4>using iframe</h4>
        </div>
        <div className="card-body">
          <iframe
            title="PDF Report"
            width="100%"
            height="600"
            src={blobUrl}
            type="application/pdf"
          ></iframe>
        </div>
      </section>

      <section className="card mb-5">
        <div className="card-header">
          <h4>using object</h4>
        </div>
        <div className="card-body">
          <object
            data={blobUrl}
            aria-label="PDF Report"
            type="application/pdf"
            width="100%"
            height="100%"
          ></object>
        </div>
      </section>

      <section className="card mb-5">
        <div className="card-header">
          <h4>using embed</h4>
        </div>
        <div className="card-body">
          <embed
            aria-label="PDF Report"
            src={blobUrl}
            type="application/pdf"
            width="100%"
            height="100%"
          ></embed>
        </div>
      </section>
    </>
  );
}

  const handlePrintPdf = () => {
    const { blobUrl } = blobInfo;
    if (!blobUrl) {
      throw new Error("pdfBlobUrl is null");
    }

    const iframe = document.createElement("iframe");
    iframe.style.display = "none";
    iframe.src = blobUrl;
    document.body.appendChild(iframe);
    if (iframe.contentWindow) {
      iframe.contentWindow.print();
    }
  };

const handleShowPdfInNewTab = () => {
    const { blobUrl } = blobInfo;
    if (!blobUrl) {
      throw new Error("pdfBlobUrl is null");
    }

    window.open(blobUrl);
  };

  const handleDownloadPdf = () => {
    const { blobUrl, fileName } = blobInfo;
    if (!blobUrl) {
      throw new Error("pdfBlobUrl is null");
    }

    const anchor = document.createElement("a");
    anchor.style.display = "none";
    anchor.href = blobUrl;
    anchor.download = fileName;
    document.body.appendChild(anchor);
    anchor.click();
  };