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

20,000تومان

توضیحات

نمایش اطلاعات توسط 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 صورت گرفته است.

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

اطلاعات بیشتر

زبان پروژه

C#&ASP.NET

بانک اطلاعاتی

SQL Server

نقد و بررسی‌ها

هیچ دیدگاهی برای این محصول نوشته نشده است.

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

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

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.

اطلاعات فروشنده