none
Html Menüsünü Veri Tabanından Doldurmak RRS feed

  • Genel Tartışma

  • Merhabalar. Asp.Net ile yapmakta olduğum projede hazır bir template kullanmaktayım. Orada html ile yapılmış çok güzel bir menü var. Ama admin panelini de kodlayacağım için bu bilgilerin veri tabanından gelmesi lazım. Entity framework kullanmaktayım. Menu bu şekilde.

    Kodlar ise aşağıdaki gibidir :

    <nav>
        <div class="container">
          <div class="nav-inner">   
     <ul id="nav" class="hidden-xs">
              <li id="nav-home" class="level0 parent drop-menu active"><a href="index.html"><span>Home</span> </a>
                <ul class="level1" style="display: none;">
                 
                  <li class="level1 parent"><a href="../red/index.html"><span>Red Color</span></a> </li>
                  <li class="level1 parent"><a href="../blue/index.html"><span>Blue Color</span></a> </li>
                  <li class="level1 parent"><a href="../lavender/index.html"><span>Lavender Color</span></a> </li>
                  <li class="level1 parent"><a href="../cyan/index.html"><span>Cyan Color</span></a> </li>
                  <li class="level1 parent"><a href="../green/index.html"><span>Green Color</span></a> </li>
                </ul>
              </li>
              <li class="level0 parent drop-menu"><a href="#"><span>Pages</span> </a>
                <ul style="display: none;" class="level1">
                  <li class="level1 first"><a href="grid.html"><span>Grid</span></a></li>
                  <li class="level1 nav-10-2"> <a href="list.html"> <span>List</span> </a> </li>
                  <li class="level1 nav-10-3"> <a href="product_detail.html"> <span>Product Detail</span> </a> </li>
                  <li class="level1 nav-10-4"> <a href="shopping_cart.html"> <span>Shopping Cart</span> </a> </li>
                  <li class="level1 first parent"><a href="checkout.html"><span>Checkout</span></a>
                    <ul class="level2">
                      <li class="level2 nav-2-1-1 first"><a href="checkout_method.html"><span>Checkout Method</span></a></li>
                      <li class="level2 nav-2-1-5 last"><a href="checkout_billing_info.html"><span>Checkout Billing Info</span></a></li>
                    </ul>
                  </li>
                  <li class="level1 nav-10-4"> <a href="wishlist.html"> <span>Wishlist</span> </a> </li>
                  <li class="level1"> <a href="dashboard.html"> <span>Dashboard</span> </a> </li>
                  <li class="level1"> <a href="multiple_addresses.html"> <span>Multiple Addresses</span> </a> </li>
                  <li class="level1"> <a href="about_us.html"> <span>About us</span> </a> </li>
                  <li class="level1"> <a href="login.html"> <span>Login</span> </a> </li>
                  <li class="level1"> <a href="sitemap.html"> <span>Sitemap</span> </a> </li>
                  <li class="level1"> <a href="compare.html"> <span>Compare</span> </a> </li>
                  <li class="level1"> <a href="delivery.html"> <span>Delivery</span> </a> </li>
                  <li class="level1"> <a href="faq.html"> <span>FAQ</span> </a> </li>
                  <li class="level1"> <a href="quick_view.html"> <span>Quick View</span> </a> </li>
                  <li class="level1"> <a href="newsletter.html"> <span>Newsletter</span> </a> </li>
                  <li class="level1 first parent"><a href="blog.html"><span>Blog</span></a>
                    <ul class="level2">
                      <li class="level2 nav-2-1-1 first"><a href="blog_detail.html"><span>Blog Detail</span></a></li>
                    </ul>
                  </li>
                  <li class="level1"><a href="contact_us.html"><span>Contact us</span></a> </li>
                  <li class="level1"><a href="404error.html"><span>404 Error Page</span></a> </li>
                </ul>
              </li>
              <li class="level0 nav-5 level-top first"> <a href="grid.html" class="level-top"> <span>Women</span> </a>
                <div style="display: none; left: 0px;" class="level0-wrapper dropdown-6col">
                  <div class="level0-wrapper2">
                    <div class="nav-block nav-block-center">
                      <ul class="level0">
                        <li class="level1 nav-6-1 first parent item"> <a href="grid.html"> <span>Styliest Bag </span> </a>
                          <ul class="level1">
                            <li class="level2 nav-6-1-1 first"> <a href="grid.html"> <span>Clutch Handbags</span> </a> </li>
                            <li class="level2 nav-6-1-2"> <a href="grid.html"> <span>Diaper Bags</span> </a> </li>
                            <li class="level2 nav-6-1-2"> <a href="grid.html"> <span>Bags</span> </a> </li>
                            <li class="level2 nav-6-1-3 last"> <a href="grid.html"> <span>Hobo Handbags</span> </a> </li>
                          </ul>
                        </li>
                        <li class="level1 nav-6-2 parent item"> <a href="grid.html"> <span>Material Bag</span> </a>
                          <ul class="level1">
                            <li class="level2 nav-6-2-4 first"> <a href="grid.html"> <span>Beaded Handbags</span> </a> </li>
                            <li class="level2 nav-6-2-5"> <a href="grid.html"> <span>Fabric Handbags</span> </a> </li>
                            <li class="level2 nav-6-2-5"> <a href="grid.html"> <span>Handbags</span> </a> </li>
                            <li class="level2 nav-6-2-6 last"> <a href="grid.html"> <span>Leather Handbags</span> </a> </li>
                          </ul>
                        </li>
                        <li class="level1 nav-6-3 parent item"> <a href="grid.html"> <span>Designer Bag</span> </a>
                          <ul class="level1">
                            <li class="level2 nav-6-3-9 first"> <a href="grid.html"> <span>Flat Shoes</span> </a> </li>
                            <li class="level2 nav-6-3-10"> <a href="grid.html"> <span>Flat Sandals</span> </a> </li>
                            <li class="level2 nav-6-3-11"> <a href="grid.html"> <span>Boots</span> </a> </li>
                            <li class="level2 nav-6-3-12 last"> <a href="grid.html"> <span>Heels</span> </a> </li>
                          </ul>
                        </li>
                        <li class="level1 nav-6-4 parent item"> <a href="grid.html"> <span>Cotton Bag</span> </a>
                          <ul class="level1">
                            <li class="level2 nav-6-4-13 first"> <a href="grid.html"> <span>Bracelets</span> </a> </li>
                            <li class="level2 nav-6-4-14"> <a href="grid.html"> <span>Necklaces &amp; Pendants</span> </a> </li>
                            <li class="level2 nav-6-4-14"> <a href="grid.html"> <span>Pendants</span> </a> </li>
                            <li class="level2 nav-6-4-15 last"> <a href="grid.html"> <span>Pins &amp; Brooches</span> </a> </li>
                          </ul>
                        </li>
                        <li class="level1 nav-6-5 last parent item"> <a href="grid.html"> <span>Swimwear</span> </a>
                          <ul class="level1">
                            <li class="level2 nav-6-8-28 first"> <a href="grid.html"> <span>Swimsuits</span> </a> </li>
                            <li class="level2 nav-6-8-29"> <a href="grid.html"> <span>Beach Clothing</span> </a> </li>
                            <li class="level2 nav-6-8-29"> <a href="grid.html"> <span>Clothing</span> </a> </li>
                            <li class="level2 nav-6-8-30 last"> <a href="grid.html"> <span>Bikinis</span> </a> </li>
                          </ul>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="nav-add">
                    <div class="push_item">
                      <div class="push_img"> <a href="#"> <img  alt="" src="images/women_jwellery.png"> </a> </div>
                      <div class="push_text">Lorem Ipsum is simply dummy text of the printing</div>
                    </div>
                    <div class="push_item">
                      <div class="push_img"> <a href="#"> <img  alt="" src="images/women_jwellery.png"> </a> </div>
                      <div class="push_text">Lorem Ipsum is simply dummy text of the printing</div>
                    </div>
                    <div class="push_item">
                      <div class="push_img"> <a href="#"> <img  alt="" src="images/women_jwellery.png"> </a> </div>
                      <div class="push_text">Lorem Ipsum is simply dummy text of the printing</div>
                    </div>
                    <div class="push_item push_item_last">
                      <div class="push_img"> <a href="#"> <img  alt="" src="images/women_jwellery.png"> </a> </div>
                      <div class="push_text">Lorem Ipsum is simply dummy text of the printing</div>
                    </div>
                    <br class="clear">
                  </div>
                </div>
              </li>
              <li class="level0 nav-7 level-top parent"> <a href="grid.html" class="level-top"> <span>Men</span> </a>
                <div style="display: none; left: 0px;" class="level0-wrapper dropdown-6col">
                  <div class="level0-wrapper2">
                    <div class="nav-block nav-block-center">
                      <ul class="level0">
                        <li class="level1 nav-7-1 first parent item"> <a href="grid.html"> <span>Gents Purses</span> </a>
                          <ul class="level1">
                            <li class="level2 nav-7-3-15 first"> <a href="grid.html"> <span>Digital Cameras</span> </a> </li>
                            <li class="level2 nav-7-3-16"> <a href="grid.html"> <span>Camcorders</span> </a> </li>
                            <li class="level2 nav-7-3-17"> <a href="grid.html"> <span>Lenses</span> </a> </li>
                            <li class="level2 nav-7-3-18"> <a href="grid.html"> <span>Filters</span> </a> </li>
                            <li class="level2 nav-7-3-19 last"> <a href="grid.html"> <span>Tripods</span> </a> </li>
                          </ul>
                        </li>
                        <li class="level1 nav-7-3 parent item"> <a href="grid.html"> <span>Gents Purses</span> </a>
                          <ul class="level1">
                            <li class="level2 nav-7-3-15 first"> <a href="grid.html"> <span>Digital Cameras</span> </a> </li>
                            <li class="level2 nav-7-3-16"> <a href="grid.html"> <span>Camcorders</span> </a> </li>
                            <li class="level2 nav-7-3-17"> <a href="grid.html"> <span>Lenses</span> </a> </li>
                            <li class="level2 nav-7-3-18"> <a href="grid.html"> <span>Filters</span> </a> </li>
                            <li class="level2 nav-7-3-19 last"> <a href="grid.html"> <span>Tripods</span> </a> </li>
                          </ul>
                        </li>
                        <li class="level1 nav-7-3 parent item"> <a href="grid.html"> <span>Gents Purses</span> </a>
                          <ul class="level1">
                            <li class="level2 nav-7-3-15 first"> <a href="grid.html"> <span>Digital Cameras</span> </a> </li>
                            <li class="level2 nav-7-3-16"> <a href="grid.html"> <span>Camcorders</span> </a> </li>
                            <li class="level2 nav-7-3-17"> <a href="grid.html"> <span>Lenses</span> </a> </li>
                            <li class="level2 nav-7-3-18"> <a href="grid.html"> <span>Filters</span> </a> </li>
                            <li class="level2 nav-7-3-19 last"> <a href="grid.html"> <span>Tripods</span> </a> </li>
                          </ul>
                        </li>
                        <li class="level1 nav-7-4 parent item"> <a href="grid.html"> <span>Gifts</span> </a>
                          <ul class="level1">
                            <li class="level2 nav-7-2-8 first"> <a href="grid.html"> <span>Headsets</span> </a> </li>
                            <li class="level2 nav-7-2-9"> <a href="grid.html"> <span>Batteries</span> </a> </li>
                            <li class="level2 nav-7-2-10"> <a href="grid.html"> <span>Screen Protectors</span> </a> </li>
                            <li class="level2 nav-7-2-11"> <a href="grid.html"> <span>Memory Cards</span> </a> </li>
                            <li class="level2 nav-7-2-14 last"> <a href="grid.html"> <span>Cases</span> </a> </li>
                          </ul>
                        </li>
                        <li class="level1 nav-7-4 last parent item"> <a href="grid.html"> <span>Accessories</span> </a>
                          <ul class="level1">
                            <li class="level2 nav-7-2-8 first"> <a href="grid.html"> <span>Headsets</span> </a> </li>
                            <li class="level2 nav-7-2-9"> <a href="grid.html"> <span>Batteries</span> </a> </li>
                            <li class="level2 nav-7-2-10"> <a href="grid.html"> <span>Screen Protectors</span> </a> </li>
                            <li class="level2 nav-7-2-11"> <a href="grid.html"> <span>Memory Cards</span> </a> </li>
                            <li class="level2 nav-7-2-14 last"> <a href="grid.html"> <span>Cases</span> </a> </li>
                          </ul>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </li>
              <li class="level0 nav-6 level-top parent"> <a href="grid.html" class="level-top"> <span>Electronics</span> </a>
                <div style="display: none; left: 0px;" class="level0-wrapper dropdown-6col">
                  <div class="level0-wrapper2">
                    <div class="nav-block nav-block-center grid13-8 itemgrid itemgrid-4col">
                      <ul class="level0">
                        <li class="level1 nav-6-3 parent item"> <a href="grid.html"> <span>Shoes </span> </a>
                          <ul class="level1">
                            <li class="level2 nav-6-3-9 first"> <a href="grid.html"> <span>Flat Shoes</span> </a> </li>
                            <li class="level2 nav-6-3-10"> <a href="grid.html"> <span>Flat Sandals</span> </a> </li>
                            <li class="level2 nav-6-3-11"> <a href="grid.html"> <span>Boots</span> </a> </li>
                            <li class="level2 nav-6-3-11"> <a href="grid.html"> <span>Boots</span> </a> </li>
                            <li class="level2 nav-6-3-12 last"> <a href="grid.html"> <span>Heels</span> </a> </li>
                          </ul>
                        </li>
                        <li class="level1 nav-6-4 parent item"> <a href="grid.html"> <span>Jewelry</span> </a>
                          <ul class="level1">
                            <li class="level2 nav-6-4-13 first"> <a href="grid.html"> <span>Bracelets</span> </a> </li>
                            <li class="level2 nav-6-4-14"> <a href="grid.html"> <span>Necklaces &amp; Pendants</span> </a> </li>
                            <li class="level2 nav-6-4-14"> <a href="grid.html"> <span>Necklaces</span> </a> </li>
                            <li class="level2 nav-6-4-14"> <a href="grid.html"> <span>Pendants</span> </a> </li>
                            <li class="level2 nav-6-4-15 last"> <a href="grid.html"> <span>Pins &amp; Brooches</span> </a> </li>
                          </ul>
                        </li>
                        <li class="level1 nav-6-5 parent item"> <a href="grid.html"> <span>Dresses</span> </a>
                          <ul class="level1">
                            <li class="level2 nav-6-5-16 first"> <a href="grid.html"> <span>Casual Dresses</span> </a> </li>
                            <li class="level2 nav-6-5-17"> <a href="grid.html"> <span>Evening</span> </a> </li>
                            <li class="level2 nav-6-5-18"> <a href="grid.html"> <span>Designer</span> </a> </li>
                            <li class="level2 nav-6-5-18"> <a href="grid.html"> <span>Designer</span> </a> </li>
                            <li class="level2 nav-6-5-19 last"> <a href="grid.html"> <span>Party</span> </a> </li>
                          </ul>
                        </li>
                        <li class="level1 nav-6-6 last parent item"> <a href="grid.html"> <span>Jackets</span> </a>
                          <ul class="level1">
                            <li class="level2 nav-6-7-24 first"> <a href="grid.html"> <span>Coats</span> </a> </li>
                            <li class="level2 nav-6-7-25"> <a href="grid.html"> <span>Jackets</span> </a> </li>
                            <li class="level2 nav-6-7-26"> <a href="grid.html"> <span>Leather Jackets</span> </a> </li>
                            <li class="level2 nav-6-7-26"> <a href="grid.html"> <span>Leather Jackets</span> </a> </li>
                            <li class="level2 nav-6-7-27 last"> <a href="grid.html"> <span>Blazers</span> </a> </li>
                          </ul>
                        </li>
                      </ul>
                    </div>
                    <div class="nav-block nav-block-right std grid12-3"> <a class="product-image" title="Sample Product" href="product_detail.html"> <img alt="Sample Product" src="products-images/product1.jpg" width="150"></a>
                      <div class="item-title"> <a href="product_detail.html" title="Sample Product"> Sample Product </a> </div>
                      <div class="price-box"> <span id="product-price-1" class="regular-price"> <span class="price">$125.00</span> </span> </div>
                    </div>
                  </div>
                </div>
              </li>
              <li class="level0 nav-7 level-top parent"> <a class="level-top" href="grid.html"> <span>Furniture</span> </a>
                <div class="level0-wrapper dropdown-6col" style="left: 0pt; display: none;">
                  <div class="level0-wrapper2">
                    <div class="nav-block nav-block-center grid12-8 itemgrid itemgrid-4col">
                      <ul class="level0">
                        <li class="level1 nav-7-1 first parent item"> <a href="grid.html"> <span>Smartphones</span> </a>
                          <ul class="level1">
                            <li class="level2 nav-7-1-1 first"> <a href="grid.html"> <span>Samsung</span> </a> </li>
                            <li class="level2 nav-7-1-2"> <a href="grid.html"> <span>Apple</span> </a> </li>
                            <li class="level2 nav-7-1-4"> <a href="grid.html"> <span>BlackBerry</span> </a> </li>
                            <li class="level2 nav-7-1-6"> <a href="grid.html"> <span>Nokia</span> </a> </li>
                            <li class="level2 nav-7-1-7 last"> <a href="grid.html"> <span>HTC</span> </a> </li>
                          </ul>
                        </li>
                        <li class="level1 nav-7-3 parent item"> <a href="grid.html"> <span>Cameras</span> </a>
                          <ul class="level1">
                            <li class="level2 nav-7-3-15 first"> <a href="grid.html"> <span>Digital Cameras</span> </a> </li>
                            <li class="level2 nav-7-3-16"> <a href="grid.html"> <span>Camcorders</span> </a> </li>
                            <li class="level2 nav-7-3-17"> <a href="grid.html"> <span>Lenses</span> </a> </li>
                            <li class="level2 nav-7-3-18"> <a href="grid.html"> <span>Filters</span> </a> </li>
                            <li class="level2 nav-7-3-19 last"> <a href="grid.html"> <span>Tripods</span> </a> </li>
                          </ul>
                        </li>
                        <li class="level1 nav-7-4 last parent item"> <a href="grid.html"> <span>Accessories</span> </a>
                          <ul class="level1">
                            <li class="level2 nav-7-2-8 first"> <a href="grid.html"> <span>Headsets</span> </a> </li>
                            <li class="level2 nav-7-2-9"> <a href="grid.html"> <span>Batteries</span> </a> </li>
                            <li class="level2 nav-7-2-10"> <a href="grid.html"> <span>Screen Protectors</span> </a> </li>
                            <li class="level2 nav-7-2-11"> <a href="grid.html"> <span>Memory Cards</span> </a> </li>
                            <li class="level2 nav-7-2-14 last"> <a href="grid.html"> <span>Cases</span> </a> </li>
                          </ul>
                        </li>
                      </ul>
                    </div>
                    <div class="nav-block nav-block-right std grid12-4"><a href="grid.html"><img src="images/menu_furniture.png" alt="product" class="fade-on-hover"></a> </div>
                  </div>
                </div>
              </li>
              <li class="level0 nav-8 level-top"> <a href="grid.html" class="level-top"> <span>Boys</span> </a> </li>
              <li class="level0 nav-8 level-top"> <a href="grid.html" class="level-top"> <span>Girls</span> </a> </li>
              <li class="nav-custom-link level0 level-top parent"> <a class="level-top" href="#"><span>Custom</span></a>
                <div style="display: none; left: 0px;" class="level0-wrapper">
                  <div class="header-nav-dropdown-wrapper clearer">
                    <div class="grid12-5">
                      <h4 class="heading">HTML5 + CSS3</h4>
                      <div class="ccs3-html5-box"><em class="icon-html5">&nbsp;</em> <em class="icon-css3">&nbsp;</em></div>
                      <p>Our designed to deliver almost everything you want to do online without requiring additional plugins.CSS3 has been split into "modules".</p>
                    </div>
                    <div class="grid12-5">
                      <h4 class="heading">Responsive Design</h4>
                      <a href="#//">
                      <div class="icon-custom-reponsive"></div>
                      </a>
                      <p>Responsive design is a Web design to provide an optimal navigation with a minimum of resizing, and scrolling across a wide range of devices.</p>
                    </div>
                    <div class="grid12-5">
                      <h4 class="heading">Google Fonts</h4>
                      <a href="#//">
                      <div class="icon-custom-google-font"></div>
                      </a>
                      <p>Our font delivery service is built upon a reliable, global network of servers. Our flexible solution provides multiple implementation options.</p>
                    </div>
                    <div class="grid12-5">
                      <h4 class="heading">Smart Product Grid</h4>
                      <a href="#//">
                      <div class="icon-custom-grid"></div>
                      </a>
                      <p>Smart Product Grid is uses maximum available width of the screen to display content. It can be displayed on any screen or any devices.</p>
                    </div>
                    <br>
                  </div>
                </div>
              </li>
            </ul>
    </div>
    </div>
    </nav>

    Nasıl bir yol izlemeliyim acaba ? Teşekkürler.

    10 Ekim 2015 Cumartesi 08:40