سورس پروژه رسم نمودار توسط AngularJS و WebApi در ASP.NET MVC
Loading...
AngularJS و WebApi

در این پروژه رسم نمودار توسط Angularjs و WebApi را در ASP.NET MVC را آماده دانلود کردیم که به زبان سی شارپ و تکنولوژی Entity و Linq طراحی و برنامه نویسی شده است.بانک اطلاعاتی پروژه نیز SQLServer است که اسکریپت ساخت آن در ادامه قرار گرفته است.عملکرد پروژه کاملا داینامیک بوده و لیستی از اعضا را در در یک DropDown نمایش داده میدهد که با انتخاب هر یک از نام ها نمودار لیستی از نمرات آنها را به نمایش در می آورد که به صورت چارت وضعیت را گزارش میدهد.

آموزش استفاده از پروژه :

AngularJS و WebApi

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

angular.module('myModule', [])
.controller('myController', function ($scope, $http) {
$http.get('http://localhost:10632/api/student/getstudents').then(function (response) {
$scope.students = response.data;
$scope.studentId = $scope.students[0].StudentId;
$scope.studentChange($scope.students[0].StudentId);
});

$scope.studentChange = function (studentId) {
$http.get('http://localhost:10632/api/student/getstudentmarks', {
params: {
studentId: studentId
}
}).then(function (response) {

اسکریپت ساخت دیتابیس

USE [ChartAngularjs]
GO
SET ANSI_NULLS ON
GO
SET QUOTED_IDENTIFIER ON
GO
CREATE TABLE [dbo].[Studens](
	[ID] [int] IDENTITY(1,1) NOT NULL,
	[Name] [nvarchar](50) NULL,
	[Hindi] [int] NULL,
	[Maths] [int] NULL,
	[English] [int] NULL,
	[Science] [int] NULL,
 CONSTRAINT [PK_Studens] PRIMARY KEY CLUSTERED 
(
	[ID] ASC
)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY]
) ON [PRIMARY]

GO
SET IDENTITY_INSERT [dbo].[Studens] ON 

INSERT [dbo].[Studens] ([ID], [Name], [Hindi], [Maths], [English], [Science]) VALUES (1, N'مسعود شریفی پور', ۲۰, ۱۶, ۲۰, ۲۰)
INSERT [dbo].[Studens] ([ID], [Name], [Hindi], [Maths], [English], [Science]) VALUES (2, N'پویا قربانی', ۲۰, ۱۲, ۱۵, ۲۰)
INSERT [dbo].[Studens] ([ID], [Name], [Hindi], [Maths], [English], [Science]) VALUES (3, N'فاطمه ذکایی', ۲۰, ۲۰, ۲۰, ۲۰)
INSERT [dbo].[Studens] ([ID], [Name], [Hindi], [Maths], [English], [Science]) VALUES (4, N'زهره سلطانیان', ۲۰, ۲۰, ۲۰, ۲۰)
SET IDENTITY_INSERT [dbo].[Studens] OFF
USE [master]
GO
ALTER DATABASE [ChartAngularjs] SET  READ_WRITE 
GO


 دانلود فايلهاي پروژه
  • بانک اطلاعاتي پروژه: SQLServer
  • پسورد: www.mspsoft.com


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

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

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


محبوب ترين ويدئو هاي انلاين
دوره برنامه نویسی فروشگاه اینترنتی
  • تعداد اعضا 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...