پروژه نمایش اطلاعات توسط SignalR از SQL Server با نمایش تغییرات به صورت Ajax
Loading...
نمایش اطلاعات توسط 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
-- --------------------------------------------------

[divider style=”normal” top=”20″ bottom=”20″]

[box type=”info” align=”” class=”” width=””]برای اجرای کوئری میتوانید از آموزش : اجرای اسکریپت در sql + فیلم آموزشی استفاده کنید. [/box]

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

    <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 صورت گرفته است.

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



 دانلود فايلهاي پروژه
5,500 تومان – Download
  • بانک اطلاعاتي پروژه: SQL Server
  • حجم فايل پيوست: 42 مگابايت
  • پسورد: www.mspsoft.com


avatar مسعود شریفی پور

از سال 88 که با برنامه نویسی آشنا شدم خیلی علاقه مند بودم یک بستر آموزشی بسازم در فضای وب و به انتشار آموزش های در این زمینه بپردازم.حالا یک تیم داریم و با قدرت رو به جلو حرکت میکنیم.

آخرین مطالب و تخفیفات در کانال تلگرام :) کانال تلگرام ام اس پی سافت
مطالب مرتبط
ديدگاه خود را ارسال کنيد


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

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

محبوب ترين ويدئو هاي انلاين
دوره برنامه نویسی فروشگاه اینترنتی
  • تعداد اعضا 80k
  • قيمت دوره۱۰۰,۰۰۰ تومان
  • امتيازدهي
    1 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 5( 5٫00 از 1 رای )
    Loading...
دوره آموزشی سیستم ثبت سفارش آنلاین
  • تعداد اعضا 80k
  • قيمت دوره۵۰,۰۰۰ تومان
  • امتيازدهي
    1 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 5( 5٫00 از 1 رای )
    Loading...
دوره طراحی سیستم مدیریت مشتریان
  • تعداد اعضا 80k
  • قيمت دوره۵۰,۰۰۰ تومان
  • امتيازدهي
    1 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 5( 5٫00 از 1 رای )
    Loading...