Desenvolvemento en PHP con Symfony: Diferenzas entre revisións
Sen resumo de edición |
|||
Liña 40: | Liña 40: | ||
"Recompilamos" css y js |
"Recompilamos" css y js |
||
yarn dev |
yarn dev |
||
<code> |
|||
/* |
|||
* Welcome to your app's main JavaScript file! |
|||
* |
|||
* We recommend including the built version of this JavaScript file |
|||
* (and its CSS file) in your base layout (base.html.twig). |
|||
*/ |
|||
// any CSS you import will output into a single css file (app.css in this case) |
|||
import './styles/app.css'; |
|||
// start the Stimulus application |
|||
import './bootstrap'; |
|||
import $ from 'jquery' |
|||
// import funcion_exportada from "./nombrefichero" |
|||
$(document).ready(function() { |
|||
alert("Start !"); |
|||
}); |
|||
</code> |
|||
bin/console make:controller MainController |
bin/console make:controller MainController |
Revisión como estaba o 18 de outubro de 2022 ás 21:41
Esta guía se basa en Symfony 4.4[notas 1]
Instalación e Configuración
Requerimentos:
- apt install php-symfony
- apt install composer
Inicio da Aplicación
composer create-project symfony/website-skeleton:"^4.4" my_project_directory
Microservizos e APIs
composer create-project symfony/skeleton:"^4.4" my_project_directory
- annotations
composer require sensio/framework-extra-bundle composer require symfony/webpack-encore-bundle yarn install
After installing Encore, your app already has a few files, organized into an assets/ directory:
assets/app.js
assets/bootstrap.js
assets/controllers.json
assets/styles/app.css
assets/controllers/hello_controller.js
With Encore, think of your app.js file like a standalone JavaScript application: it will require all of the dependencies it needs (e.g. jQuery or React), including any CSS. Your app.js file is already doing this with a JavaScript import statement:
Construye el CSS y JS con webpack yarn watch || yarn dev || yarn build
Engadimos jquery yarn add jquery --dev
"Recompilamos" css y js
yarn dev
/*
* Welcome to your app's main JavaScript file!
*
* We recommend including the built version of this JavaScript file
* (and its CSS file) in your base layout (base.html.twig).
*/
// any CSS you import will output into a single css file (app.css in this case)
import './styles/app.css';
// start the Stimulus application
import './bootstrap';
import $ from 'jquery'
// import funcion_exportada from "./nombrefichero"
$(document).ready(function() {
alert("Start !");
});
bin/console make:controller MainController
Notas
- ↑ Esta guía utilizará Symfony 4.4 porque a versión soportada na actual Debian Stable bullseye.