ساخت سایت چند زبانه با Asp.Net

امروزه سایت ها چند زبانه در اینترنت از اهمیت فراوانی برخوردادر هستند ، علاوه بر اینکه بازدیدکنندگان خود را وسعت داده اید کار موتور های جستجو را نیز برای جستجو راحت تر کرده اید .

در سایت های استاتیک (ایستا) ایجاد یک سایت چند زبانه بسیار مشکل بوده و کل سایتی که طراحی کرده اید را باید کپی کرده و آن را ترجمه نمایید ، علاوه براین برای تغییر هر قسمت زمان زیادی از شما گرفته خواهد شد .

خوشبختانه در Asp.NET امکانات بسیار جالبی برای ایجاد یک سایت چند زبانه در نظر گرفته شده است .

نکات زیر برای یک سایت چند زبانه نیاز است :

ظاهر سایت برای زبان های راست به چپ (RTL) و چپ به راست (LTR)
متن های ثابت سایت (مانند کلمات : تایید ، انصراف و....)
متن های داینامیک سایت که از بانک اطلاعات بازخوانی خواهد شد .
دکمه تغییر زبان

برای شروع کار یک پروژه به نام MultyLanguage ایجاد نمایید ، یک بانک اطلاعاتی نیز برای ذخیره محتوای سایت ایجاد نمایید .

یک پوشه به نام Theme ایجاد نموده و دو پوشه دیگر به نام های RTL و LTR نیز به این پوشه اضافه کنید ، داخل این پوشه ها تم های سایت شما قرار خواهد گرفت .

بنابراین بنده یک پوشه دیگر به نام Theme1 به هر یک از این پوشه ها اضافه کردم و داخل هر کدام یک فایل Css قرار دادم که چینش سایت را مشخص می نماید .

خوب حال به سراغ بخش دوم یعنی متن های ثابت سایت می روید ، این بخش را توسط GlobalResource ها انجام خواهیم داد .

برای اینکار وارد منوی WebSite و سپس Add Asp.NET Folder و سپس App_GlobalResources را انتخاب نمایید ، با انتخاب این گزینه یک پوشه با این نام به پروژه شما اضافه خواهد شد .

بر روی این پوشه کلیک راست نموده و گزینه Add New Item را انتخاب نمایید ، از لیست آیتم های موجود آیتم Resource File را انتخاب کرده (Resource.resx) و دکمه Add را بفشارید .

حال دوباره این عمل را تکرار کرده و سه فایل Resource دیگر با نام Resource.fa.resx و Resource.en.resx و Resource.ar.resx به ترتیب برای زبان های فارسی ،انگلیسی و عربی اضافه نمایید .

یکی از فایل اضافه شده (مثلا Resource.fa.resx) را باز نمایید این فایل دارای یک جدول با سه ستون Name و Value و Comment می باشد .

به عنوان مثال مقادیر زیر وارد این جدول نمایید :

و برای فایل Resource.en.resx نیز مقادیر زیر :

و به همین ترتیب برای فایل زبان عربی...

خوب حال به سراغ قسمت سوم یعنی بانک اطلاعاتی می رویم ، یک جدول به نام TBLContents به بانک اطلاعاتی خود به صورت زیر اضافه کنید .

و به عنوان مثال رکورد های زیر را اضافه نمایید :

خوب حال کمی کد نویسی می کنیم .

فایل Global.asax را به پروژه اضافه کنید ، فضا نام های زیر را اضافه نمایید :

<%@ Import Namespace="System.Globalization" %>
<%@ Import Namespace="System.Threading" %>

و در رویداد Application_BeginRequest به صورت زیر کد نویسی کنید :

   protected void Application_BeginRequest(object sender, EventArgs e)
    {
        if (Request.Cookies["mylang"] == null)
        {
            HttpCookie mylang = new HttpCookie("mylang");
            mylang.Value = "fa";
            mylang.Expires = DateTime.Now.AddYears(1);
            Response.Cookies.Add(mylang);

        }

        Thread.CurrentThread.CurrentUICulture = new CultureInfo(Request.Cookies["mylang"].Value);
        Thread.CurrentThread.CurrentCulture = CultureInfo.CreateSpecificCulture(Request.Cookies["mylang"].Value);

    }

کد های فوق کوکی mylang را چک می کند ، اگر این کوکی وجود نداشته باشد آنرا ایجاد کرده و مقدار پیشفرض fa را وارد آن می کند ، این بخش زبان پیشفرض سایت شما را تعیین می کند ، شما میتوانید آنرا به en یا ... تغییر دهید .

در خط ها بعد زبان پیشفرض سیستم تعیین می گردد ، این کدها GlobalResource مرتبط را بارگزاری می نماید .

کار ما با فایل Global.asax تمام است .

یک فایل به نام Hello.aspx به پروژه اضافه نمایید ، قبل از هر چیز لینک Css را اضافه نمایید :

<head runat="server">
   
    <link href="Theme/RTL/Theme1/StyleSheet.css" mce_href="Theme/RTL/Theme1/StyleSheet.css" rel="stylesheet" type="text/css" runat="server"
        id="MyCss" />

</head>

ذقت نمایید که خاصیت runat را برابر server قرار داده و یک id (مثلا MyCss) برای آن تعیین نمایید .

در متد Page_Load کد زیر را وارد نمایید :

 protected void Page_Load(object sender, EventArgs e)
    {
        MyCss.Href = "Theme/" + GetGlobalResourceObject("resource", "SiteDir") + "/Theme1/StyleSheet.css";
    }

متد GetGlobalResourceObject مقدار SiteDir را از GlobalResource جاری دریافت می کند ، بنابراین تم مربوط به RTL یا LTR لود خواهد شد .

البته شما میتوایند مقدار Theme1 را نیز از کوکی یا دیتابیس یا هرجای دیگر بخوانید ، که خارج از بحث این مقاله است .

حال به سراغ صفحه Hello.aspx می رویم ، یک Label برای نمایش پیام خوش آمدگویی به صفحه اضافه کنید ، طبق تصویر زیر وارد خاصیت Expressions شده و خاصیت Text آن را به فایل resource و گزینه Welcome بایند می کنیم :

و به همین ترتیب برای دکمه تایید .

حال میخواهیم با کلیک بر روی دکمه تایید اطلاعات زبان جاری از بانک اطلاعاتی دریافت و داخل صفحه نمایش داده شود :

در رویداد مربوط به کلیک شدن دکمه تایید ، کد های مربوط به دریافت اطلاعات از بانک را به صورت زیر می نویسم :

    protected void btnSubmit_Click(object sender, EventArgs e)
    {
        using (SqlConnection objCon = new SqlConnection(ConfigurationManager.ConnectionStrings["Con"].ConnectionString))
        {
            using (SqlCommand objCmd = new SqlCommand("select Contents From TBLContents Where Lang=@Lang", objCon))
            {
                objCmd.Parameters.AddWithValue("@Lang", Request.Cookies["mylang"].Value);

                objCon.Open();

                object objScaler = objCmd.ExecuteScalar();
                if (objScaler != null)
                    LblContent.Text = objScaler.ToString();

                objCon.Close();
            }
        }
    }

در کد فوق اطلاعات از بانک اطلاعاتی با شرط بر روی زبان دریافت و در لیبل نمایش داده می شود .

تنها چیزی که باقی مانده دکمه های تغییر زبان است ، سه عدد LinkButton به صفحه اضافه کنید ، خاصیت CommandArgumant را برابر زبان مورد نظر قرار دهید (fa ، en ، ar) و رویداد Command هر سه را به یک ساب روتین متصل کنید (البته میتوانید به دلخواه خود این قسمت را کد نویسی کنید) :

   protected void LnkLang_Command(object sender, CommandEventArgs e)
    {

        HttpCookie mylang = new HttpCookie("mylang");
        mylang.Value = e.CommandArgument.ToString();
        mylang.Expires = DateTime.Now.AddYears(1);
        Response.Cookies.Add(mylang);

        Response.Redirect("~/Hello.aspx");
    }

کد فوق یک کوکی با همان نام ایجاد کرده و زبان جدید را جایگزین می نماید .

کار تمام است سایت چند زبانه شما حاضر است.

فایل های ضمیمه

Lang.rar

مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

دوره های در حال ثبت نام آکادمی برنامه نویسان

ساخت سایت چند زبانه با Asp.Net

فایل های ضمیمه

ایمان مدائنی

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید