Chủ đề Asp.Net MVC, làm cách nào?

Question

Tôi có một trang web ASP.Net 2.0 và muốn dịch nó thành mô hình MVC (tôi mới đến đây), nhưng bắt đầu từ Zero.

Tôi có một số chủ đề trong trang web cũ của mình, nhưng đọc ở đây và ở đó, có vẻ như Chủ đề không phù hợp với mô hình MVC.

Câu hỏi đặt ra là:

Thực tiễn tốt nhất trong MVC để xây dựng trang web có thể tùy chỉnh cho người dùng theo chủ đề là gì? Bạn có thể đưa ra một ví dụ nhỏ, nếu có?

Lưu ý: Tôi biết về this nhưng họ không nói về các phương pháp hay nhất hoặc cách bắt đầu.

Answer 1

Đây là mã của tôi mà tôi đã sử dụng để thực hiện "Chủ đề" trong ASP.NET MVC:

ASP.NET MVC: Implement Theme Folders using a Custom ViewEngine

Thật tuyệt khi bạn có thể chỉ trao đổi trên file CSS để thay đổi chủ đề , nhưng điều này thực sự không thực tế lắm trong một tấn trường hợp. Đặc biệt là khi mỗi chủ đề cần phải có một bố cục hoàn toàn khác nhau. Trong trường hợp đó, bạn cần thay đổi CSS và HTML được hiển thị và đây là lý do tại sao tôi đã viết mã được tìm thấy tại liên kết ở trên.

Answer 2

Một sạch, ngữ nghĩa chính xác HTML với CSS tốt là cách để chủ đề bất kỳ ứng dụng web, cho dù đó là ASP.NET, ROR, PHP, vv

Ví dụ tốt nhất về sức mạnh của CSS là CSS Zen Garden.

w3schools có số đẹp introduction/tutorial to CSS.

Mỗi người dùng của bạn có thể có một kiểu liên quan đó sẽ được chọn bất cứ khi nào được áp dụng, tức là .:

<link rel="stylesheet" type="text/css" href="<%= Model.SelectedStyleSheet %>"/> 

Answer 3

jQuery-ui chủ đề đang tốt đẹp, và không quá khó để thực hiện.

Chỉ cần liên kết đến tệp js và css và đừng quên các biểu tượng. Và đảm bảo sử dụng Url.Content() trong các liên kết đó. Nếu không nó có thể không được liên kết với đường dẫn chính xác, một khi bạn triển khai nó trên một máy chủ sản xuất (tôi rơi vào cái bẫy đó một lần).

Answer 4

Vì chủ đề được thiết kế để tạo kiểu cho các thẻ, bạn có thể sử dụng CSS để tạo một phương pháp tương tự. Tôi có thể khuyên bạn nên bắt đầu với việc sao chép các chủ đề mặc định của bạn sang định nghĩa css, ví dụ:

html: <input type="button" />

css: đầu vào {color: màu xanh nhạt}

Sau đó cho bất cứ điều gì có chủ đề không phải mặc định của bạn, bạn chỉ có thể áp dụng các lớp học đối với họ. Phải mất một thời gian để viết lại tất cả các chủ đề của bạn như CSS, nhưng một khi thực hiện nó có giá trị nỗ lực.