Hola a todos!
La semana pasada, nuestro
nuevo maestro , Backend PHP Developer, enseñó la primera lección abierta sobre "Creación de un sitio web utilizando el Marco Yii2". Traemos a su atención la grabación y transcripción del seminario web en sí.
El Marco de componentes orientados a objetos Yii2 es una herramienta muy popular y útil que resulta útil al crear sitios web. La lección abierta de Evgeny Volosatov, que se celebró el 2 de julio de 2018, se dedicó a este tema. Como parte de una clase magistral interactiva, el profesor no solo habló de manera similar sobre las características del marco, sino que también mostró su aplicación en la práctica.
El trabajo en una lección abierta se llevó a cabo de acuerdo con el principio: "Es mejor hacerlo una vez que ver cien veces". Todos los pasos se llevaron a cabo secuencialmente y de acuerdo con un plan previamente preparado. Para una mejor comprensión del marco, no se cargaron plantillas preparadas. Todos los cambios se comprometen paso a paso. Se mantuvo la retroalimentación con los estudiantes, por lo que el maestro respondió de inmediato las preguntas y ayudó a hacer frente a las dificultades y errores.
Las siguientes herramientas se utilizaron en la lección en línea:
- Servidor abierto
- Entorno de desarrollo de PhpStorm
- Software Git
- Un administrador de nivel de aplicación de compositor.
Todo el software necesario se instaló en la PC antes del inicio del trabajo.
Durante la clase magistral, se les pidió a los estudiantes que completaran una serie de tareas prácticas junto con el maestro:
- Preparación del puesto de trabajo. El primer paso es iniciar el panel del sistema operativo desde la carpeta Open Server y configurarlo (seleccionando una versión especial de Apache-PHP-7 en la pestaña "Módulos", creando un dominio local otus.localhost en la pestaña "Dominios"). Además, la carpeta otus se creó en la dirección OpenServer / Domains y se creó la carpeta web en ella. Fue esta dirección la que se convirtió en el directorio raíz del sitio futuro, mientras que la ruta (\ otus \ web) se especificó manualmente en la pestaña "Dominios". Después de completar la configuración del servidor, el sitio comenzó con éxito y estuvo disponible en el navegador en otus.localhost.
- Crea el primer archivo de proyecto. Este procedimiento, como muchos posteriores, se realizó a través de la consola de Open Server. Incluía comandos para ingresar a la carpeta otus (> cd otus), la carpeta de dominios (> cd domains) y la carpeta web. El primer archivo index.php se creó manualmente en la web y se envió una línea con contenido simple: Bienvenido.
- Instalando el núcleo Yii2. El procedimiento comenzó actualizando la versión del administrador de paquetes Composer a través del comando de autoactualización> composer y preparándolo para el trabajo cargando bibliotecas y módulos. Además, Git se inicializó (> git init) y el archivo creado se conectó a él (> git add web \ index php). A continuación, instale el núcleo Yii2 a través del comando> composer requiere "yiisoft / yii2: *" Como resultado, los archivos composer.json y composer.log aparecieron en la carpeta web, más la carpeta del proveedor (se agregó a las excepciones de Git). Después de eso, fue necesario descargar PhpStorm y escribir ciertos ajustes de configuración y comandos en index.php. Además, se creó una carpeta separada en la carpeta otus para la configuración, y en ella había un archivo web.php con los contenidos correspondientes.
- Cree un punto de entrada de desarrollador para administrar el programa. La carpeta Controllers se creó con el archivo SiteController.php, se registraron las funciones necesarias y la clase con la herencia del controlador web.
- Creación de representaciones (Vistas). En esta etapa, se requería un directorio con el mismo nombre, más una carpeta adicional para cada controlador, y contenía un archivo index.php para cada método individual. La estructura HTML se escribió en el archivo main.php, que se colocó en la carpeta de diseños creada anteriormente (esto ayudó a evitar un error).
- Conectar y configurar máscaras de Bootstrap. Una etapa difícil e importante, cuya implementación exitosa abrió oportunidades para el desarrollo de sitios hermosos sin la participación de un diseñador. Para instalar el módulo, se agregó un comando a la línea de comando del panel para conectar los componentes, luego de lo cual se descargaron. También en el archivo main.php, era necesario crear un script php y conectarlo a Bootstrap. A continuación, se llamó al componente NavBar, necesario para que la navegación funcione. Se produjeron errores y para evitarlos, la configuración de Composer se reconfiguró en el archivo composer.json con la ruta de instalación correcta. Después de eso, se hizo posible eliminar la carpeta bower-asset en la carpeta del proveedor. Además, se trabajó para configurar el módulo de diseño (se agregaron disparadores, un contenedor div, etc. al archivo main.php).
- Crear barra de menú y elementos de navegación Unirse e iniciar sesión. Las tareas se implementaron insertando el código necesario en main.php. Para trabajar con la navegación de la página en la carpeta del sitio, se crearon nuevos archivos php con nombres correspondientes a los elementos de navegación (join.php, login.php). Además, se realizaron cambios en el controlador. Para "limpiar" en la barra de direcciones, tuve que conectar el componente urlManager y establecer las reglas para redirigir las solicitudes del navegador en el archivo .htaccess creado para esto (carpeta web).
- Conexión de la extensión de depuración para el sistema de depuración de proyectos Yii2. Para que el sistema funcione, se descargó e instaló un software especial (cuando se conectó, se realizaron los pasos descritos en las instrucciones del sitio web del fabricante). Como resultado de pasar con éxito esta etapa, el usuario pudo ver los registros, las solicitudes, la configuración y otros parámetros del sitio a través de un panel de interfaz especial en la parte inferior de la página.
Como siempre, estamos esperando preguntas, sugerencias, comentarios aquí o miramos la segunda
lección abierta .