Giới thiệu
Visual Studio LightSwitch là một công cụ mới để xây dựng hướng dữ liệu ứng dụng Silverlight sử dụng Visual Studio IDE. Nó tự động tạo ra các giao diện người dùng cho một DataSource mà không cần viết bất kỳ mã. Bạn có thể viết một số mã nhỏ cũng để đáp ứng yêu cầu của bạn. Gần đây, tôi có một thời gian để khám phá Visual Studio LightSwitch. Tôi tạo ra một ứng dụng DB nhỏ với các dữ liệu thích hợp chèn UI trong một số tiền nhỏ của thời gian (không có bất kỳ XAML hoặc C # code). Ở đây trong bài viết này, tôi sẽ hướng dẫn bạn hiểu nó với sự giúp đỡ của một ứng dụng nhỏ. Sẽ có một loạt bài báo về chủ đề này thường xuyên. Đọc bài báo đầy đủ để tìm hiểu về việc tạo ra một Silverlight dữ liệu ứng dụng điều khiển với sự trợ giúp của Visual Studio LightSwitch.
Thiết lập môi trường LightSwitch
Microsoft Visual Studio LightSwitch Beta 1 là một, kinh doanh phát triển ứng dụng linh hoạt công cụ cho phép các nhà phát triển của tất cả các cấp độ kỹ năng để nhanh chóng xây dựng và triển khai các máy tính để bàn chuyên nghiệp chất lượng và các ứng dụng kinh doanh Web. Để bắt đầu phát triển ứng dụng LightSwitch, bạn cần phải cài đặt Visual Studio LightSwitch trong máy phát triển của bạn.Để thực hiện, thực hiện theo các bước dưới đây:
• Cài đặt Visual Studio 2010
• Cài đặt Visual Studio LightSwitch
40 trang |
Chia sẻ: thuongdt324 | Lượt xem: 582 | Lượt tải: 0
Bạn đang xem trước 20 trang tài liệu Hướng dẫn người mới bắt đầu visual studio lightswitch, để xem tài liệu hoàn chỉnh bạn click vào nút DOWNLOAD ở trên
Top of Form
HƯỚNG DẪN NGƯỜI MỚI BẮT ĐẦU VISUAL STUDIO LIGHTSWITCH
Trong bài viết này, tôi sẽ chỉ cho bạn cách bạn có thể bắt đầu với Visual Studio LightSwitch với một ví dụ.
Giới thiệu
Visual Studio LightSwitch là một công cụ mới để xây dựng hướng dữ liệu ứng dụng Silverlight sử dụng Visual Studio IDE. Nó tự động tạo ra các giao diện người dùng cho một DataSource mà không cần viết bất kỳ mã. Bạn có thể viết một số mã nhỏ cũng để đáp ứng yêu cầu của bạn. Gần đây, tôi có một thời gian để khám phá Visual Studio LightSwitch. Tôi tạo ra một ứng dụng DB nhỏ với các dữ liệu thích hợp chèn UI trong một số tiền nhỏ của thời gian (không có bất kỳ XAML hoặc C # code). Ở đây trong bài viết này, tôi sẽ hướng dẫn bạn hiểu nó với sự giúp đỡ của một ứng dụng nhỏ. Sẽ có một loạt bài báo về chủ đề này thường xuyên. Đọc bài báo đầy đủ để tìm hiểu về việc tạo ra một Silverlight dữ liệu ứng dụng điều khiển với sự trợ giúp của Visual Studio LightSwitch.
Thiết lập môi trường LightSwitch
Microsoft Visual Studio LightSwitch Beta 1 là một, kinh doanh phát triển ứng dụng linh hoạt công cụ cho phép các nhà phát triển của tất cả các cấp độ kỹ năng để nhanh chóng xây dựng và triển khai các máy tính để bàn chuyên nghiệp chất lượng và các ứng dụng kinh doanh Web. Để bắt đầu phát triển ứng dụng LightSwitch, bạn cần phải cài đặt Visual Studio LightSwitch trong máy phát triển của bạn.Để thực hiện, thực hiện theo các bước dưới đây:
Cài đặt Visual Studio 2010
Cài đặt Visual Studio LightSwitch
Việc cài đặt LightSwitch sẽ cài đặt tất cả các thành phần khác vào máy tính của bạn từng người một bao gồm cả SQL Express, Silverlight 4, LightSwitch máy chủ vv Beta Bạn có thể tải về bản Beta LightSwitch 1 từ ở đây: Microsoft Download Center (Visual Studio LightSwitch Beta 1)
Tạo một dự án LightSwitch
Một khi bạn cài đặt Visual Studio LightSwitch, Khởi sản phẩm để tạo ra một dự án mới. Vào File -> New -> Project hoặc nhấn Ctrl + Shift + N để mở "Dự án mới". Từ bên trái, chọn "LightSwitch". Trong khung bên phải, nó sẽ lọc các dự án LightSwitch mẫu. Điều này sẽ bao gồm các loại VB & C #. Chọn loại tương ứng của bạn. Ở đây tôi sẽ sử dụng C# phiên bản. Trong cửa sổ hộp thoại trên, nhập vào tên của dự án, chọn đúng vị trí cho dự án để tạo ra và nhấn "Ok". Điều này sẽ tạo ra các dự án LightSwitch trống cho bạn của Visual 2010 Studio IDE. Nó sẽ mất một thời gian cho việc tạo ra dự án. Vì vậy, hãy kiên nhẫn.
Tạo một bảng cơ sở dữ liệu
Sau khi dự án đã được tạo ra bởi các IDE, nó sẽ mở ra màn hình sau đây:
Bạn có thể thấy rằng, nó có hai tùy chọn trong giao diện người dùng. Bạn có thể tạo một bảng mới cho các ứng dụng của bạn. Ngoài ra, bạn có thể đính kèm một cơ sở dữ liệu bên ngoài. Nếu bạn mở Solution Explorer, bạn sẽ thấy rằng, dự án là hoàn toàn trống rỗng. Nó chỉ có hai thư mục có tên là "nguồn dữ liệu" và "màn hình". "Dữ liệu nguồn" ứng dụng lưu trữ dữ liệu của bạn tức là cơ sở dữ liệu bảng. Mặt khác, các "màn hình" cửa hàng giao diện màn hình thư mục được tạo ra bởi bạn. Tôi sẽ mô tả chúng sau này trong hướng dẫn này. Hãy tạo một bảng mới cho các ứng dụng của chúng tôi. Click vào "bảng mới tạo" để tiếp tục. Điều này sẽ đem đến cho các màn hình sau đây trong máy tính của bạn:
Trong trang trên, bạn có thể thiết kế cấu trúc bảng của bạn như bạn làm trong các máy chủ SQL trong khi tạo ra một bảng mới. Mỗi bảng sẽ có một "Id" giao cho các bảng của loại "Int32" và nó là một khóa chính cho bảng. Thêm một số cột bổ sung để bàn.
Trong ảnh chụp ở trên, bạn có thể thấy rằng, có nhiều cột loại (các loại dữ liệu) có sẵn trong LightSwitch ứng dụng. Đối với ứng dụng mẫu của chúng tôi, chúng tôi sẽ tạo ra 4 cột bổ sung được gọi là "FirstName (String)", "LastName (String)", "Thời đại (Int16)" và "nhãn hiệu (thập phân)". Thay đổi tiêu đề của bảng từ "Table1Item" để "StudentTable". Tên này sẽ được sử dụng trong khi lưu bảng. Lưu bảng hiện nay. Nếu bạn muốn thay đổi tên của bảng sau này, chỉ cần đổi tên tiêu đề bảng và lưu nó. Điều này sẽ tự động cập nhật tên bảng.
Hãy chắc chắn để đặt tất cả các lĩnh vực như lĩnh vực "Yêu cầu". Điều này sẽ rất hữu ích xác thực dữ liệu. Tôi sẽ chỉ cho bạn sau này.
Tạo một màn hình nhập dữ liệu
Một khi bạn đang thực hiện với cấu trúc cột của bảng cơ sở dữ liệu của bạn, bạn sẽ cần phải tạo ra một màn hình giao diện người dùng cho ứng dụng của bạn để ghi chèn. Click vào "màn hình ..." nút từ đầu bảng điều khiển như trong ảnh chụp dưới đây:
Điều này sẽ mở "Add New màn hình" cửa sổ hộp thoại với màn hình. Chọn "New dữ liệu màn hình" từ các mẫu màn hình, màn hình cung cấp một tên trong bảng bên phải và chọn các bảng cơ sở dữ liệu như màn hình dữ liệu từ trình đơn thả xuống.
Điều này sẽ tạo ra một màn hình giao diện người dùng mới cho các ứng dụng của bạn để ghi chèn dữ liệu mới của người dùng cuối. Bây giờ, trong nhà thám hiểm giải pháp bạn có thể thấy rằng, các "nguồn dữ liệu thư mục có một cơ sở dữ liệu có tên" ApplicationData "và nó có một bảng gọi là" StudentTables ". Trong thư mục "màn hình", bạn có thể tìm thấy màn hình nhập dữ liệu gần đây đã tạo ra có tên là "CreateNewStudentTable". Bạn có thể thay đổi thiết kế giao diện người dùng từ bên dưới màn hình:
Bạn có thể thêm hoặc xóa các lĩnh vực mới hoặc điều khiển. Bạn cũng có thể sắp xếp lại các điều khiển trong UI. Đối với ứng dụng mẫu đầu tiên của chúng tôi, chúng tôi sẽ đi với các điều khiển bố trí mặc định.
Xem các ứng dụng trong hành động
Woo!!! Woo! ứng dụng của chúng tôi là sẵn sàng. Chúng tôi sẽ có thể ghi chèn mới trong bảng cơ sở dữ liệu của chúng tôi từ ứng dụng của chúng tôi. Không cần phải viết một dòng mã. Gì? Bạn không đồng ý với tôi! Hãy chạy các ứng dụng bằng cách nhấn F5 Điều này sẽ xây dựng các giải pháp của bạn. Nó sẽ mất một thời gian để biên soạn các giải pháp. Một khi nó được xây dựng thành công, nó sẽ mở ra giao diện người dùng sau trong máy tính của bạn:
Nó là một ứng dụng Silverlight OOB. Nếu bạn muốn xác nhận, nhấp chuột phải vào ứng dụng và bạn sẽ thấy menu ngữ cảnh Silverlight xuất hiện trong màn hình. OMG! Chúng tôi đã không làm bất cứ điều gì để thiết kế giao diện người dùng ở trên! Các Visual Studio LightSwitch tự động tạo ra các màn hình cho bạn một "Save" và "Làm mới" nút. Bạn có thể nhìn thấy một đóng mở "Menu" bảng điều khiển ở bên trái của màn hình. Ở phía bên phải, bạn sẽ thấy bảng điều khiển bảng có chứa một số nhãn và TextBox sẽ được yêu cầu chèn dữ liệu trong cơ sở dữ liệu ứng dụng của bạn Ở góc trên bên phải của màn hình, bạn sẽ thấy một "Customize màn hình" nút. Một khi bạn nhấp vào, nó sẽ bật lên một cửa sổ con cho bạn tùy biến màn hình ứng dụng trong thời gian chạy Điều này sẽ không được hiển thị, một khi bạn triển khai ứng dụng. Chúng tôi sẽ bao gồm chúng sau này trong bài viết khác nhau.
Xác nhận của Trường
Như tôi đã nói với bạn trước đó, ứng dụng của chúng tôi đã sẵn sàng. Vì vậy, phải làm gì để viết một số xác nhận đơn giản cho các ứng dụng của chúng tôi? Chờ đợi, bạn không phải lo lắng về điều đó. LightSwitch nội bộ nào đó cho bạn Hãy có một bản giới thiệu về nó Trong bảng mẫu, chèn một số dữ liệu. Chúng tôi có mục đích sẽ ghi dữ liệu không hợp lệ trong lĩnh vực "Age". Thay vì bước vào độ tuổi, chúng tôi sẽ nhập vào một số văn bản trong lĩnh vực tuổi. Nếu bạn nhấn tab hay bấm vào các nơi khác (về tập trung đã mất), nó sẽ thực hiện xác nhận và hiển thị lỗi trên màn hình.
Bạn có thể xem các popup lỗi xác thực trong màn hình như thể hiện ở đây:
Bây giờ nhập các giá trị thích hợp cho tất cả các lĩnh vực và nhấn "Save". Điều này sẽ lưu các hồ sơ đúng cách.
Thêm vào Save
Một khi bạn đã nhập vào giá trị thích hợp trong các hộp nhập liệu, nhấn "Save" để lưu trữ các bản ghi.
Điều này sẽ lưu các bản ghi và thêm một lĩnh vực được gọi là "Mã" trong giao diện người dùng. Giá trị cho Id sẽ được 1 (một) vì đây là kỷ lục đầu tiên của chúng tôi và sẽ tăng thêm 1 khi chúng tôi thêm hồ sơ nhiều hơn nữa.
Để thêm các bản ghi nhiều hơn, đóng tab hiện tại và nhấp vào mục trình đơn "CreateNewStudentTable" từ bảng bên trái.
Bây giờ nhập vào một số bản ghi và nhấn nút Save. Bạn sẽ thấy nó trong hành động đó, Id được tự động tăng 1 lúc và khi bạn đang tiết kiệm một kỷ lục mới.
Nếu bạn có bất kỳ hồ sơ chưa được lưu và muốn đóng tab hoặc muốn thêm một kỷ lục mới, nó sẽ mở một tin nhắn thoại với màn hình cảnh báo về những thay đổi chưa được lưu. Nó sẽ yêu cầu bạn lưu các thay đổi trước khi tiếp tục.
Click vào "Save" để lưu hồ sơ chưa được lưu vào cơ sở dữ liệu. Nhấp vào "Huỷ" nếu bạn không muốn lưu các bản ghi. Nhấp vào "Cancel" để ở trên cùng một trang.
Tùy chỉnh màn hình
Nếu bạn muốn thay đổi giao diện người dùng trong thời gian chạy, bấm vào "Customize màn hình" nút có sẵn ở góc trên bên phải của cửa sổ ứng dụng. Hãy nhớ rằng, nút này sẽ không hiển thị khi bạn triển khai ứng dụng. Một khi bạn nhấn nút, nó sẽ bật lên màn hình tuỳ biến. Tại đây bạn có thể thay đổi bố cục của màn hình, chèn đến lĩnh vực mới hoặc xóa một cái gì đó đã tồn tại. Để bây giờ, chúng tôi sẽ không đi với việc thay đổi bố trí, điều khiển. Tôi sẽ bao gồm chúng trong một bài báo khác.
Ở đây, chúng tôi sẽ thay đổi tên hiển thị của các mục trình đơn mới của học sinh. Chọn nút cấp cao nhất của các mặt hàng màn hình và trong bảng tính thay đổi "Tên hiển thị" từ mặc định là người "mới cho sinh viên". Trả lưu cài đặt và khởi động lại ứng dụng để những thay đổi có hiệu lực. Một khi bạn chạy ứng dụng bạn bây giờ, bạn sẽ thấy tên hiển thị của các mục trình đơn đã được thay đổi, ví dụ giá trị nhập vào "New sinh viên". Điều này có ý nghĩa hơn so với các văn bản mặc định.
Nếu bạn muốn làm điều tương tự bên trong Visual Studio IDE, đi đến các tính chất khung như trong hình dưới đây. Tìm các "Tên hiển thị" tài sản và thay đổi tên hiển thị tên đầy ý nghĩa của riêng bạn. Chạy ứng dụng để xem nó trong hành động.
Bạn có thể thay đổi nhiều tài sản khác từ bảng tính quá.
Lưu ý cuối
Oh, nó là quá dễ dàng để tạo ra một Silverlight hướng dữ liệu OOB ứng dụng sử dụng Visual Studio LightSwitch. Không cần phải viết XAML hoặc C # mã để tạo ra các ứng dụng như chất lượng chuyên môn trong Silverlight. Hy vọng, điều này đã giúp bạn hiểu Visual Studio LightSwitch để tạo ra một ứng dụng nhập dữ liệu đơn giản mà không cần viết bất kỳ mã C # hoặc viết bất kỳ mã XAML.Trong bài viết tiếp theo của loạt bài này, tôi sẽ thảo luận thêm về các màn hình khác. Tôi nghĩ rằng, bạn rất thích nó rất nhiều và vì vậy xin vui lòng gửi phản hồi của bạn về bài viết này.
Translate by Neon Quach from codeproject
History version:
√ 04/11/2010: Initial article
√ 05/11/2010: Publish draft version
93e1e41f-da98-4d45-a4b5-bd46e37d3e64|0|.0
Tags: LightSwitch, visual studio 2010
Categories: visual studio 2010
Permalink | Comments (0)
helloworld IronPython from C#
by Neon Quach 31. October 2010 02:54
Python là một ngôn ngữ lập trình hướng đối tượng rất thông dụng dùng để viết các tiện ích hệ thống và các đoạn mã trên Internet. Nó cũng được sử dụng như ngôn ngữ kết dính đóng vai trò tích hợp C và C++. Được tạo ra bởi Guido van Rossum tại Amsterdamnăm 1990. Python hoàn toàn tạo kiểu động và dùng cơ chế cấp phát bộ nhớ tự động; do vậy nó gần giống như Perl, Ruby, Scheme, Smalltalk, và Tcl. Python được phát triển trong một dự án mã mở, do tổ chức phi lợi nhuận Python Software Foundation quản lý. Python bản 2.4.3 được phát hành vào 29 tháng 3, 2006. Bản tiếp theo là Python 2.5 release candidate 2.
Gần đây nhất, đầu tháng 8/2006 Microsoft đã cho ra mắt bản phân phối thử nghiệm IronPython 1.0, vừa tích hợp tốt với .Net Framework, vừa hoàn toàn kế thừa ngôn ngữ Python. IronPython còn tận dụng CLI ( nền tảng ngôn ngữ chung ) để đạt hiệu năng cao, chạy nhanh hơn 1.5 lần so với Python nền C thông thường dựa trên thang đo benchmark.
Python là ngôn ngữ có hình thức rất sáng sủa, cấu trúc rõ ràng, thuận tiện cho người mới học lập trình. Cấu trúc của Python còn cho phép người sử dụng viết mã lệnh với số lần gõ phím tối thiểu.
Ban đầu, Python được phát triển để chạy trên nền Unix. Nhưng rồi theo thời gian, nó đã “bành trướng” sang mọi hệ điều hành từ DOS đến Mac OS, OS/2, Windows, Linux và các hệ điều hành khác thuộc họ Unix. Mặc dù sự phát triển của Python có sự đóng góp của rất nhiều cá nhân, nhưng Guido van Rossum hiện nay vẫn là tác giả chủ yếu của Python. Ông giữ vai trò chủ chốt trong việc quyết định hướng phát triển của Python. (theo kythuatvien.com)
Trong bài blog này mình sẽ hướng dẫn mọi người viết 1 chương trình helloworl bằng C# sử dụng kiểu dynamic trong C# .net 4.0
Đầu tiên chúng ta tải IronPython về từ : (current version 2.6.2)
Sau khi tải xong, chúng ta tiến hành cài đặt như bình thường (C:\Program Files\IronPython 2.6 for .NET 4.0)
Giờ chúng ta bắt đầu tạo 1 dự án console sử dụng C#.
Sau đó tạo 1 file có tên là: helloworld.py có nội dụng như sau:
def welcome(name):
return "Hello '" + name + "' from IronPython"
Import 3 assembly sau vào project:
Từ hàm Main copy và paste đoạn code sau vào:
using System;
using IronPython.Hosting;
using Microsoft.Scripting.Hosting;
namespace PythonSample
{
class Program
{
static void Main(string[] args)
{
Console.WriteLine("Loading helloworld.py...");
ScriptRuntime py = Python.CreateRuntime();
dynamic helloworld = py.UseFile("helloworld.py");
Console.WriteLine("helloworld.py loaded!");
for (int i = 0; i < 10; i++)
{
Console.WriteLine(helloworld.welcome("Employee #{0}"), i);
}
Console.ReadLine();
}
}
}
Giải thích:
Dòng đâu tiên SnippetScriptRuntime py = Python.CreateRuntime(); chúng ta load thư viện Python và DLR(dynamic language runtime) để thự thi Python script.
Tiếp theo Snippetdynamic helloworld = py.UseFile("helloworld.py"); load Python script vào memory
Dòng cuối cùng:
for (int i = 0; i < 10; i++)
{
Console.WriteLine(helloworld.welcome("Employee #{0}"), i);
}
đơn giản là lập từ 0-10 gọi phương thức welcome của Python và hiển thị kết quả ra màng hình.
Happy IronPythoning!
PythonSample.rar (1.06 mb)
81cc014f-7710-4d08-a935-3d0af514373c|0|.0
Tags: ironpython, visual studio 2010
Categories: visual studio 2010 | ironpython
Permalink | Comments (0)
Tối ưu hoá Visual Studio 2010 Ultimate với Win7
by Neon Quach 22. October 2010 17:17
Sau 1 thời gian làm việc với Visual Studio 2010 (VS2K10) mình nhận thấy tốc độ load cũng như sự thực thi của nó có phần hơi chậm, sau 1 thời gian tinh chỉnh bằng cách tắt (disable) 1 số chức năng không cần thiết đi, giờ thì mình cảm thấy VS2k10 của mình nhỉnh hơn 1 chút.
Và đây là các bước cải thiện:
Cài các Hot fix cho VS2K10:
Các hot fix đã được scottgu miêu tả ở đây bao gồm:
Patch for VS 2010 “Scrolling Context Menu”
VS 2010 Find and Replace Dialog Growing
VS 2010 Cut/Copy “Insufficient Memory” issue
Note:Install Hot fix là việc làm rất cần thiết (needed) để tối ưu VS2K10.
To participate in the Customer Experience Improvement Program
Help → Customer FeedBack Options...
Disable “Enable rich client visual experience”
Show Empty Environment
Only build startup projects and dependencies on Run
Disable intellitrace
Disable “Track Active Item in Solution Explorer”
Set Source control to None
Ensure your projects directory is not indexed
Exclude the GAC and Visual Studio related directories from you virus scanner
Tóm lại: Tuỳ theo nhu cầu và mục đích sử dụng mà chúng ta có thể bật hoặc tắt những chức năng không cần thiết, giúp chúng ta cải thiện được tốc độc thực thi của ứng dụng.
Reference:
Have fun
a0cd4aa5-e4e1-4f3e-b9c1-73928db1bcc0|0|.0
Tags: visual studio 2010
Categories: visual studio 2010
Permalink | Comments (0)
Kinh nghiệm thiết lập connectionString và appSetting cho ứng dụng web
by Neon Quach 18. October 2010 22:24
Khi chúng ta tạo 1 ứng dụng web, bởi mặc định Visual Studio tạo sẳn cho chúng ta 2 tag và . Chắc chắn ứng dụng của chúng ta sẽ cấu hình thuộc tính này. Bởi mặc theo cách thông thường thì chúng ta định nghĩa tất tần tật hết trong file Web.config, chính vì thế nó cũng gây cho chúng ta phiền toái mổi khi chuyển thì môi trường development sang môi trường sản phẩm (production).
May thay trong VS cho phép chúng ta cấu hình các config như: ConnectionString hay AppSetting sang 1 tập tin khác, hãy xem ví dụ:
Snippet
Đều này có nghĩa là gì? Hãy xem trong config\app.config chứa gì hé:
Snippet
appSetting có 2 thuộc tính là file và configsource cho phép chúng ta trỏ file config sang 1 tập tin khác, mổi cái có ý nghĩa khác nhau, chẳng hạn như đối với thuộc tính file thì không bắt buộc file đó có tồn tại hay không, chính vì thế nếu file đó không tồn tại thì nó sẽ lấy giá trị mặc định trong file web.config, ngược lại nếu có thì nó sẽ override các thuộc tính trong file web.config.
Với cách cấu hình như trên thì
Response.Write(ConfigurationManager.AppSettings["smtp"]);
Response.Write("");
Response.Write(ConfigurationManager.AppSettings["isLogEnable"]);
Nó sẽ trả về kết quả: smtp.live.com và 0, cho nên nếu chúng ta thiết lập không bật Log hay sử dụng smtp là live của Microsoft thì khi deploy chúng ta không cần upload file app.config.
Thông thường đối với connection String thì người ta thường tham chiếu tới 1 file cấu hình khác
Nội dung file: db.config
<add name="AdventureWorksConnectionString"
connectionString="Data Source=.\sqlexpress;Initial Catalog=AdventureWorks;
Persist Security Info=True;User ID=sa;Password=xxxx"
providerName="System.Data.SqlClient" />
Khi đó với thuộc tính configSource là đường dẫn thì bắt buộc tập tin db.config phải tồn tại.
Hẹn gặp các bạn trong bài viết sau: Web.Config Transformation in VS2010
Happy Programming!
8657fdb3-7743-48ef-9e21-84c7ca3f53a3|0|.0
Tags: visual studio 2010, asp.net
Categories: asp.net | visual studio 2010
Permalink | Comments (0)
Hello Microsoft asp.net chart
by Neon Quach 9. October 2010 19:39
Gần đây mình có 1 task là xây dựng biểu đồ thống kê tỷ lệ lợi nhuận khi đặc cá cược, sau đó mình liên tưởng tới MS Chart, MSChart chỉ support .net 3.5 SP1 và .net 4.0.
Nếu bạn dùng visual studio 2008 thì chúng ta phải cài thêm MS chart, có thể tải tại đây và phải upgrade lên .net 3.5 sp1. Nhưng nếu chúng ta dùng Visual Studio 2010 thì không cần phải cài thêm component gì khác.
Trong bài blog này mình sẽ hướng dẫn chúng ta cách xây dựng biểu đồ sử dụng asp.net chart control.
Đầu tiên mình tạo 1 empty asp.net website, sau đó mình add trang Default.aspx
Từ Toolbox kéo Chart Control từ danh mục Data.
Để chart hiển thị dữ liệu chúng ta cần có giá trị X và Y.
Chú ý: XValue là dữ liệu cột nằm ngang, Yvalue là dữ liệu cột đứng và AxisLabel là nhãn cho giá trị X.
Ở biểu đồ chart bên trên chúng ta thấy dòng Top US User from the Search Companies, đó gọi là title và Users bên tay phải là Legend
<asp:Title Font="Microsoft Sans Serif, 11pt, style=Bold" Name="Title1"
Text="Top US User from the Search Companies">
và
Để làm cho Chart hấp dẫn lên và sinh động hơn, mình set hiệu ứng 3D cho Chart
<asp:ChartArea Name="ChartArea1" AlignmentOrientation="All" ShadowColor="Transparent"
BorderDashStyle="Solid" BackSecondaryColor="Transparent" AlignmentStyle="AxesView"
BackColor="Transparent" BackGradientStyle="TopBottom">
Và đây là full makeup code:
<%@ Register Assembly="System.Web.DataVisualization, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
Namespace="System.Web.UI.DataVisualization.Charting" TagPrefix="asp" %>
<asp:ChartArea Name="ChartArea1" AlignmentOrientation="All" ShadowColor="Transparent"
BorderDashStyle="Solid" BackSecondaryColor="Transparent" AlignmentStyle="AxesView"
BackColor="Transparent" BackGradientStyle="TopBottom">
Nhấn F5 và xem kết quả
Happy MS Charting
MSChart.rar (1.87 kb)
98c2173d-880a-4212-a92a-a796fb556884|0|.0
Tags: c#, microsoft, visual studio 2010, C# 4.0
Categories: microsoft | visual studio 2010 | vb.net
Permalink | Comments (0)
String.Compare và String.Equals