Tạo chức năng thay đổi giao diện web trên MVC

**ngoc_loanhn** · 26-01-2015, 09:48 AM

Mình đang làm một trang web theo chuẩn MVC.
Đang bị bí cái chức năng thay đổi giao diện để người dùng có thể tùy chỉnh giao diện (màu sắc, font chữ,...) của web.

Các bác nào cho mình cái ý tưởng với [IMG]images/smilies/18.gif[/IMG][IMG]images/smilies/18.gif[/IMG][IMG]images/smilies/18.gif[/IMG][IMG]images/smilies/18.gif[/IMG]

View more random threads:

**admin** · 26-01-2015, 05:46 PM

Mình thì chưa làm cái này lần nào!

Nhưng mình nghỉ để làm đc chức năng này thì nên tạo 1 cái table lưu thông tin theme: tên, chi tiết, đường dẫn CSS, JS, IMG, trạng thái

rồi bạn viết 1 cái hàm duyệt cái table xem lại theme nào đang có trạng thái là active chẳn hạn (tốt nhất là nên đặt nó ở trang _Layout chính) nó sẽ kiểm tra rồi tự động lấy cái dường dẫn tương ứng với theme được active vậy là xong

P/s thật sự mình chưa làm cái này lần nào, nhưng mình nghỉ cái gì mà động thi phải lưu ở db còn ko thì lưu ở XML chứ ko còn cách nào khác. Xin lỗi mình ko thể demo chi tiết cho bạn đc, nhưng hy vọng chút ý tưởng này sẽ giúp được cho bạn

**heartless** · 27-01-2015, 07:30 PM

Gửi bởi vnlevanduoc

Mình thì chưa làm cái này lần nào!

Nhưng mình nghỉ để làm đc chức năng này thì nên tạo 1 cái table lưu thông tin theme: tên, chi tiết, đường dẫn CSS, JS, IMG, trạng thái

rồi bạn viết 1 cái hàm duyệt cái table xem lại theme nào đang có trạng thái là active chẳn hạn (tốt nhất là nên đặt nó ở trang _Layout chính) nó sẽ kiểm tra rồi tự động lấy cái dường dẫn tương ứng với theme được active vậy là xong

P/s thật sự mình chưa làm cái này lần nào, nhưng mình nghỉ cái gì mà động thi phải lưu ở db còn ko thì lưu ở XML chứ ko còn cách nào khác. Xin lỗi mình ko thể demo chi tiết cho bạn đc, nhưng hy vọng chút ý tưởng này sẽ giúp được cho bạn

Thực sự thì cái trò này mình cũng từng làm trên php rồi, bằng cách lưu các thiết lập của css vào trong DB luôn. Mình cũng định làm thế, nhưng chưa hiểu lắm bọn MVC này điều khiển layout qua Controller như thế nào.

**duongthidiu** · 27-01-2015, 07:47 PM

Cái này là chỉ thay đổi layout file thôi (theme) .... còn fone size thì sử dụng CSS thuộc về lãnh vực HTML

**admin** · 28-01-2015, 10:44 AM

Gửi bởi VNFox

Cái này là chỉ thay đổi layout file thôi (theme) .... còn fone size thì sử dụng CSS thuộc về lãnh vực HTML

Vấn đề là mình điều khiển mấy cái font size, bố cục,... trong Controller như thế nào ấy? Ý mình là mình muốn tạo chức năng thay đổi giao diện luôn
Phương án của mình chỉ là "open file" css rồi ghi đè vô. Nhưng mình nghĩ như vậy không được hay lắm [IMG]images/smilies/smile.png[/IMG]

**ngovanquang12c3** · 27-02-2015, 03:32 PM

Có 2 phương pháp hơi cùi tí. Bác thấy ok thì thử xem.
pp1: định nghĩa tất cả các css cần thiết
- class fontsize min->max option select font.(.fontsize1,.fontsize2)
rồi khi <div class="font"+num>
pp2: Tạo 1 class chung xử lý cho từng section giống nhau.
$(function () {
var number = $("div").attr("class").match(/\d+$/);
$("div").css({
"width": "100px",
"height": "100px",
"background-color": "green",
"border-radius": number + "px"
});
});

Cả 2 phương pháp đều phải xử lý c#+sql.
Phương pháp dùng theme chỉ customize theo 1 theme, 1 size quy định chung thui. không tùy chỉnh dc font,size theo ý muốn guest

**luattrihung** · 27-02-2015, 05:34 PM

Thay đổi giao diện bạn nói chung chung quá mình không hình dung được, mình nói theo cách hiểu của mình nhé.
Đầu tiên là cái mà bạn muốn "động" là động ở đâu, trên server hay ở client.
Thay đổi giao điện có 2 loại :
1. Dùng Theme ( động kiểu dynamic) : Cái này dùng asp.net mvc bạn viết 1 extension method để lấy ra string file css. Trong file Views/Shared/Layout.cshtml bạn có thể viết

Mã:

@using HoangThi.cssHelpers

<html>
  <head>
    ...
    @Html.RenderStyles()
  </head>
  <body>
    ...
    @RenderBody
    ...
  </body>
</html>

class HoangThi.cssHelpers có thể gợi ý như sau:

Mã:

namespace HoangThi.cssHelperss
{
    public static class AssetHelper
    {
         private static List<string> StyleSheets(this HtmlHelper helper)
        {
           // lay danh sach css tai day
        }
       public static MvcHtmlString RenderStyles(this HtmlHelper helper)
        {
            StringBuilder output = new StringBuilder();
            string template = "<link rel=\"stylesheet\" type=\"text/css\" href=\"{0}\" />";

            foreach (string styleSheet in helper.StyleSheets())
                output.Append(String.Format(template, styleSheet));

            return new MvcHtmlString(output.ToString());
        }

    }
}

2. Dùng thay đổi những thứ hiển thị trên trình duyệt như đổi font, kích cỡ, dài, rộng cao... (động kiểu animation): dùng javascript, khuyến nghị bạn nên dùng jquery cho mấy cái "động đậy" này.

Chủ đề: Tạo chức năng thay đổi giao diện web trên MVC

Công cụ Chủ đề

Tìm Chủ đề

Hiển thị

Tạo chức năng thay đổi giao diện web trên MVC

View more random threads:

Quyền viết bài

"Chim" của chàng trai Việt thuộc...

Khám Phá Đa Dạng Sản Phẩm Xe Ô Tô...

Chất Lượng và Sáng Tạo: Kiến Trúc...

Tạo Dựng Không Gian Sống Hoàn Hảo:...

Giảm giá khi mua pallet nhựa Trà...