BG MVC Model View Controller eğitim serisi yayında...

Ana sayfa > Programlama > Symfony Framework > Menü ekleme

Menü ekleme

Bir önceki konuda, uygulamamıza ikinci bir web sayfası ekleyerek http://localhost:8000/urunler adresinden erişim sağlamıştık. Bu bölümde, farklı sayfalara erişim için main.html.twig ortak kullanım şablonu içinde bir menü oluşturmaya çalışacağız.

1. Öncelikle, C:\wamp\www\mysym\app\Resources\views dizini altında bulunan main.html.twig dosyasını aşağıdaki hale getirerek kaydedin.


{# app/Resources/views/main.html.twig #}
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>{% block title %}Symfony Uygulaması{% endblock %}</title>
        {% block stylesheets %}{% endblock %}
        <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
		
	<style>
          .ulmenu {
              margin:10px 0px 0px 0px;
              padding:5px;
              font-weight:bold;
              background:#9ee03f;
          }
		  
          .ulmenu li {
              display:inline;
              padding-right:20px;
          }
	   
          a, a:hover, a:link, a:visited , a:active, a:focus {
              border:none;
              outline:none;
              text-decoration:none; 
              color:#323232;  
          }		   
	</style>
		
    </head>
    <body>
	<ul class="ulmenu">
	    <li><a href="{{ path('homepage') }}">Ana sayfa</a></li>
	    <li><a href="{{ path('Ürünler') }}">Ürünler</a></li>
	</ul>	
        {% block body %}{% endblock %}
        {% block javascripts %}{% endblock %}
    </body>
</html>

Yukarıdaki main.html.twig dosyası her iki web sayfamızın (index.html.twig ve urunler.html.twig) da başında bulunduğundan, hangi sayfada olursak olalım, oluşturduğumuz menüye ulaşabiliriz.

Böylece, yukarıda yer alan menüyü kullanarak sayfalar arasında geçiş yapabilirsiniz.