• Vui lòng đọc nội qui diễn đàn để tránh bị xóa bài viết
  • Tìm kiếm trước khi đặt câu hỏi

Làm menu động trong áp.net

Trao đổi về lập trình Web Forms, Javascript với ASP.NET

Moderators: vietluyen, vuathongtin

tieudoan208
Thành viên năng nổ
Thành viên năng nổ
Posts: 69
Joined: Sat 03/01/2009 8:44 pm
Has thanked: 5 times

Làm menu động trong áp.net

Postby tieudoan208 » Mon 05/12/2011 4:52 pm

Hi cả nhà. Mình muốn làm một menu động, toàn bộ nội dung được lưu trữ ở trong cơ sở dữ liệu ra. MÌnh chưa rõ load thế nào để phân cấp menu này được và hiện thị như thế nào. Mong cả nhà hướng dãn mình. Nếu có demo thì tốt quá
thank mọi người nhiều



nhokstart
Thành viên chính thức
Thành viên chính thức
Posts: 38
Joined: Wed 13/04/2011 9:42 am
Has thanked: 1 time
Been thanked: 2 times
Contact:

Re: Làm menu động trong áp.net

Postby nhokstart » Tue 06/12/2011 9:43 pm

vào google.com tìm "menu động css izwebz.com" trang đó cũng rất hay... mong các bạn ghé thăm cảm ơn. thay mặt Demon Warlock nói lời chào đến mọi người.

User avatar
chethanhtu2011
Thành viên tích cực
Thành viên tích cực
Posts: 148
Joined: Tue 16/08/2011 10:25 am
Location: tp Cao Lãnh - Đồng Tháp
Has thanked: 21 times
Been thanked: 6 times
Contact:

Re: Làm menu động trong áp.net

Postby chethanhtu2011 » Tue 17/01/2012 3:46 pm

nhokstart wrote:vào google.com tìm "menu động css izwebz.com" trang đó cũng rất hay... mong các bạn ghé thăm cảm ơn. thay mặt Demon Warlock nói lời chào đến mọi người.

Bạn chỉ nguồn tham khảo khá hay, nhưng Demon Warlock chỉ cách thiết kế bằng HTML, chứ không phải menu động như chủ thớt nói. Nhưng từ Demon Warlock mới thấy được làm sao chúng ta phải truy vấn được những thứ cần thiết và đưa nó vào đúng qui cách những Tag HTML sau đó dùng CSS định dạng lại là xong. Tớ sẽ có một bài demo cho chủ thớt :D

User avatar
VuVanHoanh
Thành viên danh dự
Thành viên danh dự
Posts: 1259
Joined: Thu 03/06/2010 9:23 pm
Location: Kim Sơn - Đông Triều - Quảng Ninh
Has thanked: 22 times
Been thanked: 138 times
Contact:

Re: Làm menu động trong áp.net

Postby VuVanHoanh » Mon 23/01/2012 5:15 pm

Chà, php thì mình chắc giúp được luôn đó :|
Since 2008...
One love! :x

User avatar
chethanhtu2011
Thành viên tích cực
Thành viên tích cực
Posts: 148
Joined: Tue 16/08/2011 10:25 am
Location: tp Cao Lãnh - Đồng Tháp
Has thanked: 21 times
Been thanked: 6 times
Contact:

Re: Làm menu động trong áp.net

Postby chethanhtu2011 » Sat 04/02/2012 10:18 pm

tieudoan208 wrote:Hi cả nhà. Mình muốn làm một menu động, toàn bộ nội dung được lưu trữ ở trong cơ sở dữ liệu ra. MÌnh chưa rõ load thế nào để phân cấp menu này được và hiện thị như thế nào. Mong cả nhà hướng dãn mình. Nếu có demo thì tốt quá
thank mọi người nhiều

Chào bạn, như đã hứa giờ mình có demo cho bạn nè. Nhưng cho mình nói sơ qua tí :D

Là:

Cách thiết kế menu động hay bất kì loại menu nào đều không khó nếu bạn hiểu biết về HTML và CSS.

Trong demo này CSDL của mình đơn giản chỉ có bảng tbl_Group(ID, TieuDe, Mota), ID tự tăng, ở đây để đơn giản mình không làm menu đa cấp.

+ Vì sao phải hiểu về HMTL. Hiểu về HTML là để chúng ta tạo ra được cái khuôn khổ menu đúng chuẩn nhất mà nó sẽ cần cho việc định dạng CSS sau này. Hiểu về HTML bạn phải hiểu về: giống và khác nhau giữa Class và ID, Class selectors, ID selectors, Child selectors,.... nhằm tránh lạm dụng ID, Class quá nhiều, khiến cho css sau này sẽ trở nên khó khăn phức tạp.

+ Còn vì sao phải hiểu biết về CSS, đơn giản là để định dạng các HTML thôi. Cần hiểu về khái niệm CSS selectors, một khái niêm quan trọng trong CSS.

Cuối cùng, động hay không động gì cũng như thế thôi, động thì chỉ việc kết nối đến csdl và select những thông tin cần thiết vào đúng vị trí của nó mà thôi, còn không động thì thiết kế trực tiếp trên HTML luôn.

Cốt lỏi nhất vẫn là HTML và CSS.

Đây http://www.google.com.vn/ bạn có thấy cái menu ngang của google không? Khi bạn muốn thiết kế cái Menu dạng đó thì bạn nên nghĩ là cái HTML cần có những thứ gì? Cần thứ này:

HTML:
  1.           <div id="nav">
  2.                  <ul>
  3.                         <li><a href="">+Bạn</a></li>
  4.                         <li><a href="">Tiềm kiếm</a></li>
  5.                         <li><a href="">Hình ảnh</a></li>
  6.                         .........
  7.                  </ul>
  8.              </div>
  9.  

Bạn thấy sự quan trọng của HTML rồi chứ, bạn có thể viết HTML kiểu khác với id nằm ở đâu đó, nhưng với HTML như trên mình thấy là đơn giản nhất cho việc code CSS sau này
Ở đây href và +Bạn hay Tiềm kiếm hay Hình ảnh sau này mình sẽ load từ CSLD như tựu trưng cái HTML là vậy.

Và đây, từ CSDL của mình tbl_Group(ID, TieuDe, Mota), ID tự tăng. Mình sẽ truy vấn cái CSDL và hiển thị lên trình duyệt đúng cái HTML trên (không tin sau khi hiển thị view source mà xem):

[csharp]
private string LoadData(string querystring)
{
CheThanhTu.DataAccess.DataAccess access = new CheThanhTu.DataAccess.DataAccess();
DataTable table = new DataTable();
table = access.Exec_Querystring_Return_Table(querystring);
string HTML = "";
if (table.Rows.Count > 0)
{
HTML += "<div id='nav'>";
HTML += " <ul>";
for (int i = 0; i < table.Rows.Count; i++)
{
HTML += "<li><a href='Detail.aspx?Ctt="+ table.Rows[i]["ID"].ToString() +"'>"+ table.Rows[i]["TieuDe"].ToString() +"</a></li>";
}
HTML += " </ul>";
HTML += "</div>";
}
access = null;
return HTML;
}
[/csharp]
sự kiện page load
[csharp]
protected void Page_Load(object sender, EventArgs e)
{
Literal1.Text= LoadData("Select g.ID, g.TieuDe from tbl_Group g");
}
[/csharp]

Cuối cùng dùng CSS định dạng lại là xong !
[csharp]
*
{
margin:0px;
padding:0px;
}

body
{
font-family:Tahoma, Arial, Sans-Serif;
font-size:62.5%;

}

#nav
{
background:#e4e4e3;
overflow:hidden;
font-size:1.2em;
width:800px;
margin:10px auto;
}

#nav ul
{
list-style:none;
float:left;
}

#nav ul li
{
float:left;
display:inline;
padding:7px;
}

#nav ul li a
{
padding:7px;

text-decoration:none;
font-weight:bold;
}

#nav ul li a:hover
{

background:#292929;
color:White;
}


[/csharp]

User avatar
chethanhtu2011
Thành viên tích cực
Thành viên tích cực
Posts: 148
Joined: Tue 16/08/2011 10:25 am
Location: tp Cao Lãnh - Đồng Tháp
Has thanked: 21 times
Been thanked: 6 times
Contact:

Re: Làm menu động trong áp.net

Postby chethanhtu2011 » Fri 10/02/2012 7:41 pm

Em mới vừa xóa cái zip code lằng nhằng, dài dòng :D.

Cái này là ngắn ngọn dể hiểu nhất nè, chỉ vài dòng thôi !
Attachments
navigation.rar
(95.52 KiB) Downloaded 534 times


Return to “Lập trình Web với ASP.NET”

Who is online

Users browsing this forum: No registered users and 7 guests