تحلیل داده
صفحه اصلی / سورس های برنامه نویسی / سورس ASP.NET / پروژه نمایش اطلاعات توسط SignalR از SQL Server با نمایش تغییرات به صورت Ajax

پروژه نمایش اطلاعات توسط SignalR از SQL Server با نمایش تغییرات به صورت Ajax

نمایش اطلاعات توسط SignalR

پروژه نمایش اطلاعات توسط SignalR از SQL Server که با قابلیت نمایش اطلاعات و تغییرات به صورت کاملا Ajax در ASP.NET و به زبان سی شارپ طراحی و برنامه نویسی شده است.در این پروژه عملیات های صورت گرفته توسط Table Dependencyانجام میشود که در ادامه بیشتر در مورد این تکنولوژی صحبت میکنیم.

در این پروژه که پیاده سازی آن توسط چندین تکنولوژی مانند owin ، SignalR ، EntityFramework صورت گرفته است عملیات های نظیر اضافه ، ویرایش به صورت کاملا Ajax در آن پیاده سازی کردیم.نکته قابل توجه در این پروژه ویرایش های است که به صورت کاملا Live و Ajax صورت میگیرد که این عملیات توسط SignalR و Dependency انجام میشود.

ما در پروژه ای با موضوع : سورس پروژه نمایش تعداد Notification توسط SignalR در ASP.NET برای نمایش تعداد Notification ها نیز از SignalR استفاده کردیم که میتوانید از این پروژه نیز استفاده کنید.

عملکرد پروژه

توضیحی در مورد عملکرد پروژه خواهیم داشت و روش اجرای آن ، در مرحله اول اینکه پروژه کاملا تست شده است پس برای اجرای آن با ما همراه باشید تا با مشکل روبه رو نشوید.

ابتدا یک دیتابیس با نام SQLServerNotification بسازید و کوئری زیر را در آن اجرا کنید تا جدول مورد نظر ما ساخته شود.

-- --------------------------------------------------
-- Creating all tables
-- --------------------------------------------------

-- Creating table 'Stocks'
CREATE TABLE [dbo].[Stocks] (
    [Code] nvarchar(50)  NOT NULL,
    [Name] nvarchar(50)  NULL,
    [Price] decimal(18,0)  NULL
);
GO

-- --------------------------------------------------
-- Creating all PRIMARY KEY constraints
-- --------------------------------------------------

-- Creating primary key on [Code] in table 'Stocks'
ALTER TABLE [dbo].[Stocks]
ADD CONSTRAINT [PK_Stocks]
    PRIMARY KEY CLUSTERED ([Code] ASC);
GO

-- --------------------------------------------------
-- Creating all FOREIGN KEY constraints
-- --------------------------------------------------

-- --------------------------------------------------
-- Script has ended
-- --------------------------------------------------
برای اجرای کوئری میتوانید از آموزش : اجرای اسکریپت در sql + فیلم آموزشی استفاده کنید.

به کانکشن پروژه دقت کنید و دیتابیس را روی یوزر لوکال بسازید تا در اجرای پروژه با مشکل رو به رو نشوید.

    <add name="connectionString" connectionString="data source=.;initial catalog=SQLServerNotification;integrated security=True" providerName="System.Data.SqlClient" />
  • Datasource = . نشان دهنده یوزر لوکال نرم افزار SQL Server ما است
  • initial catalog=SQLServerNotification نشان دهده نام دیتابیس ما است

میتوانیم پروژه را س بخش کنیم به صورت جداگانه به بررسی بپردازیم در این به ثبت اطلاعات در دیتابیس میپردازیم ما دیتاها را به صورت ajax ثبت میکنیم میتوانید کد زیر را مشاهده کنید :

                $.ajax({
                    type: "POST",
                    url: "Default.aspx/AddUser",
                    data: '{add: ' + JSON.stringify(add) + '}',
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (response) {
                        alert("اطلاعات ثبت شد.");
                        window.location.reload();
                    }
                });

و داده ها بعد از ثبت در دیتابیس ذخیره میشوند.

نمایش اطلاعات توسط SignalR

بخش ویرایش :

ما بخش ویرایش را به صورت Edit Inline طراحی کردیم که در همان سطر GridView شما میتونید عملیات ویرایش را را انجام دهید و نتیجه را در بخش نمایش اطلاعات به صورت Ajax مشاهده کنید.

نمایش اطلاعات توسط SignalR

بخش نمایش :

بخشی که مهترین موضوع سورس کد محصوب میشود که دیتاها را به صورت Ajax نمایش میدهد و با قابلیتی که میتوانید به صورت Live ویرایش داده ها را مشاهده کنید.

نمایش اطلاعات توسط SignalR

زمانی که هر سطر از لیست نمایش اطلاعات ویرایش در آن صورت میگیرد آن سطر به رنگ زرد در آمده و بعد دیتای ویرایش شده در لیست قابل مشاهده خواهد شد.درواقع همانند یک Notification عمل میکند و تغییرات را اعلام میکند.بعد از ویرایش میتوانید تغییرات همانند تصویر فوق مشاهده کنید.

 var $stockTable = $('#stockTable');
    var $stockTableBody = $stockTable.find('tbody'); 
    var rowTemplate = '

<tr data-symbol="{Symbol}">

<td>{Symbol}</td>


<td>{Name}</td>


<td>{Price}</td>

</tr>


';

نمایش اطلاعات توسط SignalR

در توضیحات فوق سعی کردیم معرفی کاملی از پروژه و اجرای درست آن داشته باشیم در ضمن طراحی فرم های پروژه توسط Boostrap صورت گرفته است.

فیلم اجرا و عملکرد پروژه :

جزئیات فایل

زبان پروژه : C#&ASP.NET
بانک اطلاعاتی پروژه : SQL Server
حجم فایل پیوست : 42 MB

دانلود فایل

حجم فایل: 42 مگابایت


هزینه فایل: 12,000 تومان


برای دانلود باید وارد سایت شوید. اگر عضو نیسیتید اینجا کلیک کنید

رمز فایل : www.mspsoft.ir , www.mspsoft.com
کانال ام اس پی سافت

۴ نظر

  1. سلام باز هم محصولی از شما خریدم و پس از پرداخت امکان دانلود نیست لطفاً رسیدگی کنید مدارک پرداخت موجود است

  2. لینک دانلود عمل نمیکند. لطفا راهنمایی فرمایید

پاسخ دادن به ali.kaymaram لغو پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *



دوره های آنلاین ام اس پی سافت

آموزش طراحی فروشگاه اینترنتی

آموزش طراحی فروشگاه اینترنتی

طراحی سیستم مدیریت مشتریان

طراحی سیستم مدیریت مشتریان

دوره طراحی وب سایت پورتال خبری

دوره طراحی وب سایت پورتال خبری

دوره طراحی حسابداری فروشگاه

دوره طراحی حسابداری فروشگاه