Project Symphony LTD - phầm mềm cài đặt đề làm đồ án
Các bản sử dụng Microsoft Web Platform Installer để cài đặt những chương trình sau :
1. Visual Studio 2010 SP1
2. ASP.NET MVC 3 Tools Update
3. SQL Server Compact 4.0
Cài đặt Telerik UI Control cho Web
-Mở Visual Studio 2010 SP1 lên
-New Project
-Visual C# : MVC 3
**** Bây h chúng ta phân tích folder của project.
-App-data: lưu trữ cơ sở dữ liệu
-Content: css, hình ành project
-Controllers: lớp Controller của project, quản lý request and response từ View
-Models: các class entity generate thành database hay từ database import vào
-Views: các trang view, đây là phần hiển thị của trang web
-Scripts: java script
-Global.asax : quản lý aplication, router
-Webconfig: config cho web
- Trong View co từng folder nhỏ cho từng controller, ví dụ, HomeController quản lý folder Home, AccountController quản lý folder Account, folder Shared dùng để chứa trang layout (master page) và các phần nhỏ import vào trang layout như khung logon , hay khung menu, banner, footer ,vvvvv
*********************************Cài đặt Telerik Nuget
Đầu tiên truy cập Package Manager Console
Vào Tool:
Nó sẽ hiển thị ra khung Package Manager Console
Gõ câu lệnh: PM> Install-Package TelerikMvcExtensions
Để sử dụng được chúng ta phải config trang layout và Web config
- Layout config
Trên phần <head> <head/> của trang layout thêm vào đoạn code:
@(Html.Telerik().StyleSheetRegistrar().DefaultGroup(group => group.Add("telerik.common.css").Add("telerik.black.css").Combined(true).Compress(true)))*Lưu ý telerik.black.css là theme , bạn có thể thay đổi tùy ý như telerik.hay.css hay theme mà bạn muốn
Trước khi đóng thẻ body thêm vào đoạn code
xem hình:
@(Html.Telerik().ScriptRegistrar().DefaultGroup(group => group.Combined(true).Compress(true)))
thẻ telerik chưa dùng dc nên nó gạch đỏ báo lỗi, giờ ta config trong web là dc
Vào webconfig của trang chính thêm vào <add namespace="Telerik.Web.Mvc.UI" />
chưa xong đâu trong folder view có 1 trang web config ^^: vào đó chình nốt nào:
Bây h build trang web của bạn lỗi thẻ telerik trong trang layout sẽ biến mất.
Để thử xem telerik co hoạt động không chúng ta vào trang Index
xóa phần phía dưới để lại
@{
ViewBag.Title = "Home Page";
}
Thêm vào đoạn code sau:
@{ Html.Telerik().Menu()
.Name("Menu")
.Items(menu =>
{
menu.Add()
.Text("ASP.NET MVC")
.Items(item =>
{
item.Add().Text("Grid");
item.Add().Text("Menu");
item.Add().Text("PanelBar");
item.Add().Text("TabStrip");
});
menu.Add()
.Text("Silverlight")
.Items(item =>
{
item.Add().Text("GridView");
item.Add().Text("Scheduler");
item.Add().Text("Docking");
item.Add().Text("Chart");
item.Add().Text("... and 28 more!").Url("http://www.telerik.com/products/silverlight.aspx");
});
menu.Add()
.Text("ASP.NET AJAX")
.Items(item =>
{
item.Add().Text("Grid");
item.Add().Text("Editor");
item.Add().Text("Scheduler");
item.Add().Text("... and 28 more!").Url("http://www.telerik.com/products/aspnet-ajax.aspx");
});
})
.Render();
}
Rồi chạy thử chương trình nào
Vậy là đã hoàn thành xong phần thứ 2, hy vọng mình làm kịp project lần này , các bạn nhớ comment vào trang Blog VoHamTieu cho mình nhe nếu có lỗi gì
p/s: Thường thì VS 2010 sp 1 có css 3 nhưng mà nếu ko có thì các bạn chịu khó down về nhé
Không có nhận xét nào:
Đăng nhận xét