[Débutant] Création de site web

Version imprimable

Bonjour,

Je suis débutant en symfony2, et je veux reprendre un projet création de site web que j'avais commencé en php/javascript et le mettre dans symfony, pour pouvoir utiliser quelques fonctionnalités de symfony (comme les contraintes).

J'ai mis mon fichier index.html.php ( j'ai changé l’extension twig) et d'autre fichiers php dans le dossier view. Les fichier css et javascript je les ai placé dans les dossier css et js. Dans mon contrôleur j'ai bien mis l'action index...
Quand je lance le projet mon site il ne s'affiche pas bien, il manque le design css, les fonctionnalité js, fichiers php...

Voila comment j'ai inclus les fichier css et js :
Code:

1 2 3 4 5 <link href="<?php echo $view['assets']->getUrl('css/style.css') ?>" rel="stylesheet" type="text/css"> <link href="<?php echo $view['assets']->getUrl('css/calendrier.css') ?>" rel="stylesheet" type="text/css"> <script type="text/javascript" src="<?php echo $view['assets']->getUrl('js/fichier.js') ?>"> GererChkbox(); </script>
Je ne sais pas ce pas d'ou vient le problème, et je ne veux pas reprendre le projet à 0 en symfony2. Je veux vraiment garder ce que j'ai développé en php/javascript.

Si quelqu'un pourrait bien m'aider svp.
Merci pour vos réponses.

08/03/2013, 14h09
aitiahcene
Les 2 commades permet de prendre en compte et copier les fichiers statiques :
Code:

1 2 php app/console assets:install web php app/console assets:install web/ --symlink
08/03/2013, 15h17
mbx90

J'avais déjà exécuté la commande php/console assets:install web et j'ai aussi rajouté php/console assets:install web/ --symlink, mais ça ne marche toujours pas. (j'ai aussi vidé le cache)
08/03/2013, 16h08
mbx90

En plus quand je valide mon formulaire, j'ai l’erreur suivante :

Citation:

No route found for "POST /CasePost.php"

Le fichier CasePost.php se trouve dans le même dossier que index.html.php et j'ai le formulaire suivant dans index.html.php :

Code:

<form name="formulaire" method="post" action="CasePost.php">

As tu changé ton template ? je ne pense pas du coup faut garder l'extension .twig de tes vues : et faire :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 {% block stylesheets %} <link href="{{ asset('/css/monFichier.css') }}" type="text/css"/> {% endblock %} {% block javascripts %} <script src="{{ asset('js/monFichier.js') }}" type="text/javascript"></script> {% endblock %}
Exécuter les 2 commandes !

Quant au form sois clair !!

08/03/2013, 16h35
mbx90

Je suis obligé de mettre l'extension .php au lieu de twig parce que dans mon fichier index j'ai du code php. Quand je laisse .twig, il reconnait pas le code php.

Quant au form, c'est un formulaire simple que j'avais fait en html et je récupère ce que l'utilisateur a saisi dans le fichier CasePost.php.
Avant de mettre mon projet dans symfony tout marchait très bien.

Pour info il faut changer ton moteur de template (Twig par défaut) en Template PHP :
Code:

1 2 3 --app/config/config.yml-- framework: templating: { engines: ['twig', 'php'] }
ensuite via le controlleur tu peux utliser des vues avec l'extension .php :
Code:

1 2 3 4 --controlleur-- <?php return $this->render('NomTonBundle:Xxxx:index.html.php', array('var' => $var)); --vue index.html.php --- <?php echo $var;

08/03/2013, 18h07
mbx90

J'ai déjà fait ça, il doit manquer un autre truc !!
Merci pour tes réponses. Je continue à chercher.
08/03/2013, 18h35
stephan.78

Bonjour,

Quel est le code html rendu pour tes asserts ?

Voici mon code pour les assets :

Code:

1
2
3
4
5
<link href="<?php echo $view['assets']->getUrl('css/style.css') ?>" rel="stylesheet" type="text/css">
<link href="<?php echo $view['assets']->getUrl('css/calendrier.css') ?>" rel="stylesheet" type="text/css">
<script type="text/javascript" src="<?php echo $view['assets']->getUrl('js/fichier.js') ?>">
GererChkbox();
</script>

08/03/2013, 19h00
stephan.78

Peux tu me montrer le code générer à l'affichage (afficher le code source) et copie colle

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
 
<html>
<head>
<title>Site de voyages</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
 
<link href="/Symfony/web/css/style.css" rel="stylesheet" type="text/css">
<link href="/Symfony/web/css/calendrier.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/Symfony/web/js/fichier.js">
GererChkbox();
</script>
 
<style type="text/css">
 
</style>
 
</head>
<body>
 
<table class="ds_box" cellpadding="0" cellspacing="0" id="ds_conclass" style="display: none;">
<tr><td id="ds_calclass">
</td></tr>
</table>
 
<script type="text/javascript" src="calendrier.js">
 
</script>
 
 
<div id="banner">
  <p><a href="index.php"><img src="images/home.gif" alt="homepage"></a> | <a href="mailto:mohamed.ben_yahya@insa-rouen.fr"><img src="images/mail.gif" alt="contact"></a></p>
  <h1> &nbsp;Bienvenu sur mon site de voyages</h1>
</div>
<div id="menu">
  <ul id="nav">
    <li id="home"><a href="Acceuil.php">Accueil</a></li>
    <li id="who" class="activelink"><a href="index.php">Réservation</a></li>
    <li id="prod"><a href="Horaires.php">Horaires</a></li>
    <li id="serv"><a href="Horaires.php">Services</a></li>
    <li id="cont"><a href="Horaires.php">Contact</a></li>
  </ul>
</div><div id="container">
  <div id="content">
    <h1><span style="font-weight:bold; color:#C4DA64;">Réserver votre voyage</span></h1>
    <p class="big">  </p>
    <div id="box">
      <h2><img src="images/last.gif" alt="ad"> Reservation </h2>
      <blockquote>
 
	  <form name="formulaire" method="post" action="CasePost.php">
 
	  <input type="checkbox" name="ar" id="ar" value ="1" onclick="GererChkbox();" />aller/retour &nbsp;
	  <input type="checkbox" name="as" id="as" value ="2" onclick="GererChkbox();" />aller simple</p>
 
	  <br> Départ :
	  <select name="villeD"> 
	  	  <option value="Paris"> Paris </option> ;
        	  <option value="Lyon"> Lyon </option> ;
        	  <option value="Marseille"> Marseille </option> ;
        	  <option value="Rouen"> Rouen </option> ;
              </select>
 
 
	  <br>Destination:
	  <select name="villeA"> 
	  	  <option value="Paris"> Paris </option> ;
        	  <option value="Lyon"> Lyon </option> ;
        	  <option value="Marseille"> Marseille </option> ;
        	  <option value="Rouen"> Rouen </option> ;
              </select>
 
        <div>
 
           Départ le : <input onclick="ds_sh(this);" name="date" readonly="readonly" style="cursor: text" /><br />
           Retour le : <input onclick="ds_sh(this);" name="date2" readonly="readonly" style="cursor: text" /><br />
 
      </div>
 
	  <br>Nombre de passagers :<br>
 
	  <input type="submit" value="Envoyer">
	  </form>
 
    </div>
    <p></p>
    </div>
<div id="content_right">
    <dl class="curved">
      <dt>Liens recommandés</dt>
      <dd> <br />
        <ul id="navlist">
          <li><a href="index.php">lien1</a></li>
          <li><a href="index.php">lien2</a></li>
          <li><a href="index.php">lien3</a></li>
          <li><a href="index.php">lien4</a></li>
          <li><a href="index.php">lien5</a></li>
          <li><a href="index.php">lien6</a></li>
        </ul>
        <p class="last">&nbsp;</p>
      </dd>
    </dl>
 
    <dl class="curved">
      <dt>Plus d'informations</dt>
      <dd>
        <p></p>
        <p class="last"> </p>
      </dd>
    </dl>
  </div>
 
 
</div>
<div id="footer">
  <p><a href="index.php">homepage</a> | <a href="mailto:mohamed.ben_yahya@insa-rouen.fr">contact</a> | &copy; 2013 créé par BEN YAHYA Mohamed </p>
</div>
<div id="sfwdt513a27e3e5047" class="sf-toolbar" style="display: none"></div><script type="text/javascript">/*<![CDATA[*/    Sfjs = (function() {        "use strict";        var noop = function() {},            profilerStorageKey = 'sf2/profiler/',            request = function(url, onSuccess, onError, payload, options) {                var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');                options = options || {};                xhr.open(options.method || 'GET', url, true);                xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');                xhr.onreadystatechange = function(state) {                    if (4 === xhr.readyState && 200 === xhr.status) {                        (onSuccess || noop)(xhr);                    } else if (4 === xhr.readyState && xhr.status != 200) {                        (onError || noop)(xhr);                    }                };                xhr.send(payload || '');            },            hasClass = function(el, klass) {                return el.className.match(new RegExp('\\b' + klass + '\\b'));            },            removeClass = function(el, klass) {                el.className = el.className.replace(new RegExp('\\b' + klass + '\\b'), ' ');            },            addClass = function(el, klass) {                if (!hasClass(el, klass)) { el.className += " " + klass; }            },            getPreference = function(name) {                if (!window.localStorage) {                    return null;                }                return localStorage.getItem(profilerStorageKey + name);            },            setPreference = function(name, value) {                if (!window.localStorage) {                    return null;                }                localStorage.setItem(profilerStorageKey + name, value);            };        return {            hasClass: hasClass,            removeClass: removeClass,            addClass: addClass,            getPreference: getPreference,            setPreference: setPreference,            request: request,            load: function(selector, url, onSuccess, onError, options) {                var el = document.getElementById(selector);                if (el && el.getAttribute('data-sfurl') !== url) {                    request(                        url,                        function(xhr) {                            el.innerHTML = xhr.responseText;                            el.setAttribute('data-sfurl', url);                            removeClass(el, 'loading');                            (onSuccess || noop)(xhr, el);                        },                        function(xhr) { (onError || noop)(xhr, el); },                        options                    );                }                return this;            },            toggle: function(selector, elOn, elOff) {                var i,                    style,                    tmp = elOn.style.display,                    el = document.getElementById(selector);                elOn.style.display = elOff.style.display;                elOff.style.display = tmp;                if (el) {                    el.style.display = 'none' === tmp ? 'none' : 'block';                }                return this;            }        }    })();/*]]>*/</script><script type="text/javascript">/*<![CDATA[*/    (function () {                Sfjs.load(            'sfwdt513a27e3e5047',            '/Symfony/web/app_dev.php/_wdt/513a27e3e5047',            function(xhr, el) {                el.style.display = -1 !== xhr.responseText.indexOf('sf-toolbarreset') ? 'block' : 'none';                if (el.style.display == 'none') {                    return;                }                if (Sfjs.getPreference('toolbar/displayState') == 'none') {                    document.getElementById('sfToolbarMainContent-513a27e3e5047').style.display = 'none';                    document.getElementById('sfToolbarClearer-513a27e3e5047').style.display = 'none';                    document.getElementById('sfMiniToolbar-513a27e3e5047').style.display = 'block';                } else {                    document.getElementById('sfToolbarMainContent-513a27e3e5047').style.display = 'block';                    document.getElementById('sfToolbarClearer-513a27e3e5047').style.display = 'block';                    document.getElementById('sfMiniToolbar-513a27e3e5047').style.display = 'none';                }            },            function(xhr) {                if (xhr.status !== 0) {                    confirm('An error occurred while loading the web debug toolbar (' + xhr.status + ': ' + xhr.statusText + ').\n\nDo you want to open the profiler?') && (window.location = '/Symfony/web/app_dev.php/_profiler/513a27e3e5047');                }            }        );    })();/*]]>*/</script>
</body>
</html>

09/03/2013, 21h48
mbx90

Quelqu'un peut juste me dire comment appeler un fichier PHP suite à l'action POST et dans quel dossier mettre ce fichier PHP.
09/03/2013, 22h40
DreamCatcher89

Citation:

Envoyé par mbx90

En plus quand je valide mon formulaire, j'ai l’erreur suivante :

Le fichier CasePost.php se trouve dans le même dossier que index.html.php et j'ai le formulaire suivant dans index.html.php :

Code:

<form name="formulaire" method="post" action="CasePost.php">

Tu parle de fichier php "brut" dans le dossier des vues.
Pourquoi tu utilise symfony si tu n'utilise pas les form et les validateurs,controller?

Je crois que tu mélange tout, tu devrais selon moi faire un tour du coté du totu symfony2 du forum

Bien à toi,
10/03/2013, 00h16
mbx90

Au fait j'ai décidé d'utiliser symfony parce que j'ai besoin de la bibliothèque de "Contraintes". Je pense que je suis obligé d'utiliser tout le dossier symfony, si je veux avoir accès à cet bibliothèque.
Je ne sais si je peux garder mon projet et importer juste la bibliothèque contrainte.
10/03/2013, 12h42
mbx90

Des idées svp ?
11/03/2013, 18h35
prims

Je pense qu'il serai préférable de reprendre ton projet à zéro et de faire un truc plus propre que de forcé twig à avoir du php...

Car tes formulaires ne sont pas bon...
Lis la doc, créer ton projet proprement, normalement cela devrai pas prendre longtemps puis après appel ta library, même si je te conseil un service si c'est quelque chose que tu utilise souvent !