e será chamado de header, e sempre com a extensão php !!!

e o nome do arquivo será footer.php

Agora você pode começar a montar nosso site como um construtor e entender todo o mistério da criação de um site dinâmico. Para isso, é necessário conectar dois arquivos ao arquivo principal, responsável pelo design e que contém a barra lateral esquerda. É aqui que precisamos de conhecimentos básicos de PHP, sem os quais nada acontece. E para isso você precisa usar a função require já conhecida por nós.

- conexão do arquivo header.php

Preenchimento do site

- conectando o arquivo footer.php

E agora nossa página está montada! E este arquivo - title.php será o modelo a partir do qual as novas páginas serão formadas.
E vamos criar o principal, cujo nome será index.php. Para isso, basta copiar o arquivo title.php e, ao salvá-lo na mesma pasta, dar o nome index.php. E todas as novas páginas são criadas de acordo com o mesmo princípio. Só o recheio será excelente, todo o resto será comum a eles, e será fácil ceder às mudanças instantâneas !!!

E não importa qual programa abra seus arquivos php, eu tenho o programa PHP Expert Editor instalado, através do qual é muito conveniente recodificar as páginas, deve ficar como na imagem. São necessários dois arquivos e três páginas.

E então você pode adicionar suas próprias alterações, dependendo do que você deseja do seu site. Por exemplo, se você inserir uma variável que exibirá o título de cada página separadamente,
então você precisa adicionar este código ao seu arquivo header.php

E adicione o código ao modelo, que conterá seu nome de página exclusivo, que é necessário para o correto.

$ title \u003d ’Um exemplo de site dinâmico em PHP. ';


requer 'header.php';


?>

Preenchimento do site

Aqui você pode escrever o que quiser e inserir qualquer informação,


destinado ao visitante.

Gostaria de chamar sua atenção para um ponto muito importante. Isso se aplica ao desenvolvimento de um site de qualquer complexidade - antes de criar um novo projeto, defina com muito cuidado e clareza todas as funções futuras do projeto. Por exemplo, se houver um blog, você precisará de um bloco de comentários e, para isso, deverá inserir uma variável que determinará o endereço único da página, etc. Em uma palavra, você precisa pensar sobre o geral antes ... porque depois disso haverá muitas falhas que levarão um tempo muito longo e doloroso para serem consertadas, e este conselho se aplica tanto a sites simples quanto a projetos complexos construídos em um mecanismo supernovo!

Para criar um site promissor, expansível e eficaz de qualquer complexidade, você deve começar pelo simples. Este não é um processo fácil, requer alguns conhecimentos básicos de PHP e MySQL, mas se você considerar ponto a ponto, pode traçar uma espécie de "plano de trabalho" que será útil na criação de novos sites. Vamos preparar o "núcleo" e a base do projeto. No início, será um site de cartão de visita normal, mas depois, ao adicionar funcionalidade, você poderá transformá-lo em qualquer coisa. Então vamos começar.

1. Preparando o banco de dados. Crie a primeira tabela no banco de dados MySQL

Criamos um novo banco de dados, por exemplo "meusite". Pessoalmente, estou acostumado a trabalhar com codificação UTF-8, então farei uma reserva de uma vez: certifique-se de que todos os arquivos de texto do site, a própria base, tabelas e campos de tabelas estejam na mesma codificação.
Fazemos uma tabela no novo banco de dados. Vamos chamá-lo de "páginas". Esta tabela armazenará páginas estáticas do futuro site e informações sobre eles. A tabela deve conter os seguintes campos:

• page_id - identificador de página (SMALLINT, chave primária, auto_increment);
• page_alias - alias de página para a linha de endereço CNC (VARCHAR, 255);
• page_title - título da página na janela do navegador (VARCHAR, 255);
• page_meta_d - meta descrição da página para a tag de meta descrição (VARCHAR, 255);
• page_meta_k - palavras-chave meta para a tag de palavras-chave meta (VARCHAR, 255);
• page_h1 - título da página (VARCHAR, 255);
• page_s_desc - uma breve descrição do material, por exemplo, se os materiais do site estão na forma de um blog (TEXTO);
• page_content - o texto principal da página, que será exibido na coluna central do site (TEXTO);
• page_publish - contém "Y" - se a página for publicada, ou "N" - se estiver oculta (CHAR, por padrão "Y").

Imediatamente após criar a tabela, insira nela os valores da página principal do site. No campo "page_alias" da página principal, sugiro inserir o valor "home". Meta tags - de acordo com o tema de todo o site. Da mesma forma, você pode criar outras páginas, por exemplo "Sobre a empresa" com o alias "sobre" e suas próprias metatags, ou "Contatos" com o alias "contatos", etc.

2. Crie um arquivo de configuração do site

Na pasta raiz do site, que deve estar vazia nesta fase, crie uma pasta "cfg", nela, usando .htaccess, feche o acesso pela diretiva "deny from all". Crie um arquivo core.php com o seguinte conteúdo:

// MYSQL
classe MyDB
{
var $ dblogin \u003d "root"; // SEU LOGIN PARA O BANCO DE DADOS
var $ dbpass \u003d ""; // SUA SENHA DO BANCO DE DADOS
var $ db \u003d "meusite"; // NOME DA BASE DO SITE
var $ dbhost \u003d "localhost";

Var $ link;
var $ query;
var $ err;
var $ result;
var $ data;
var $ fetch;

Função conectar () (
$ this-\u003e link \u003d mysql_connect ($ this-\u003e dbhost, $ this-\u003e dblogin, $ this-\u003e dbpass);
mysql_select_db ($ this-\u003e db);
mysql_query ("SET NAMES utf8");
}

Função close () (
mysql_close ($ this-\u003e link);
}

Função executada ($ query) (
$ this-\u003e query \u003d $ query;
$ this-\u003e result \u003d mysql_query ($ this-\u003e query, $ this-\u003e link);
$ this-\u003e err \u003d mysql_error ();
}
função linha () (
$ this-\u003e data \u003d mysql_fetch_assoc ($ this-\u003e result);
}
function fetch () (
while ($ this-\u003e data \u003d mysql_fetch_assoc ($ this-\u003e result)) (
$ this-\u003e fetch \u003d $ this-\u003e data;
return $ this-\u003e fetch;
}
}
função stop () (
não definido ($ this-\u003e dados);
não definido ($ this-\u003e resultado);
unset ($ this-\u003e fetch);
unset ($ this-\u003e err);
unset ($ this-\u003e query);
}
}

Este arquivo até agora contém apenas uma classe simples para conexão com o banco de dados, mas no futuro você pode adicionar várias funções úteis a ele que estarão disponíveis em qualquer lugar no código do site. Não se esqueça de alterar o nome de usuário e a senha do seu banco de dados.

Se você estiver trabalhando em um ambiente Windows, recomendo o uso de um editor. Este editor possui numeração de linhas e traduz facilmente o texto de uma codificação para outra. ATENÇÃO! Se você trabalha com codificação UTF-8 - converta arquivos para UTF-8 sem BOM - isso ajudará a evitar problemas no futuro.

3. Crie index.php - o controlador do site principal

O arquivo de configuração foi criado. Agora, na pasta raiz do site, crie index.php - este será o script principal do site, uma espécie de "controlador principal". Conteúdo do arquivo index.php:

define ("INDEX", ""); // DEFINA A CONSTANTE DO CONTROLADOR PRINCIPAL

Require_once ($ _ SERVER. "/ Cfg / core.php"); // CONECTANDO O NÚCLEO

// CONECTANDO-SE AO BD
$ db \u003d novo MyDB ();
$ db-\u003e conectar ();

// CONTROLADOR PRINCIPAL
switch ($ _GET) (
caso "página":
incluir ($ _ SERVER. "/ com / page.php");
quebrar;
padrão:
incluir ($ _ SERVER. "/ com / home.php");
quebrar;
}

Incluir ($ _SERVER. "/ Template.php");
$ db-\u003e close ();

A variável $ _GET dirá ao controlador principal qual componente do site carregar quando solicitado. Agora nosso site oferece apenas dois componentes: "página" e "página inicial" (em princípio, você pode fazer com um componente de exibição de uma página normal, mas muitas vezes a aparência da página principal do site difere das páginas normais de itens de menu). A lógica do controlador principal é a seguinte: o nome do componente requerido é extraído da string da URL (o valor da variável $ option), dependendo de seu valor, o arquivo do próprio componente é conectado (contido na pasta / com). O arquivo do componente realiza todo o trabalho necessário, extrai do banco de dados e os grava em variáveis \u200b\u200bpara transferência para o modelo de design. No final, o arquivo de design do site é conectado, para o qual todas as variáveis \u200b\u200be dados extraídos nos componentes são transferidos. Isso parece muito mais difícil do que funciona.

4. Crie um componente de saída para uma página normal

Na raiz do site, crie uma pasta "com" - ela armazenará os arquivos de componentes. Um componente do site, no meu entendimento, é um arquivo no qual os dados são processados \u200b\u200bpara diferentes seções do site. Por exemplo, um componente de uma página regular extrai o título, a descrição e o texto do material do banco de dados e os grava nas variáveis \u200b\u200b$ title, $ meta_d, $ meta_k, $ content, etc. Esses dados são então transferidos para o modelo de design (para cada componente você pode criar seu próprio modelo de design ) e exibido para o usuário como uma página HTML. Por exemplo, um componente de catálogo que pode ser criado no futuro faria quase a mesma coisa, mas com dados sobre mercadorias - e há recursos específicos, outros campos na tabela, etc. Portanto, para cada seção funcional do site, vale a pena criar um componente separado. No esquema MVC (Model-View-Controller), o componente atua como um modelo.

Crie um arquivo “page.php” na pasta “com”. O conteúdo do arquivo é o seguinte:

/ * COMPONENTE DE PÁGINA * /
$ alias \u003d $ _GET;
$ query \u003d "SELECT * FROM pages WHERE page_alias \u003d" ". $ alias." "AND page_publish \u003d" Y "LIMIT 1";
$ db-\u003e run ($ query);
$ db-\u003e row ();
// VARIÁVEIS DE COMPONENTES
$ id \u003d $ db-\u003e dados;
$ alias \u003d $ db-\u003e dados;
$ title \u003d $ db-\u003e dados;
$ h1 \u003d $ db-\u003e dados;
$ meta_d \u003d $ db-\u003e dados;
$ meta_k \u003d $ db-\u003e dados;
$ s_desc \u003d $ db-\u003e dados;
$ componente \u003d $ db-\u003e dados;
// SE A PÁGINA NÃO EXISTIR
if (! $ id) (
cabeçalho ("HTTP / 1.1 404 Not Found");
$ component \u003d "ERROR 404! Esta página não existe";
}
$ db-\u003e stop ();

5. Crie o componente de exibição da página principal

A página principal de nosso banco de dados é armazenada sob o pseudônimo "home", e até agora em sua estrutura não difere das páginas normais do site - trata-se apenas de um artigo. No entanto, criaremos um componente separado para ele - para o futuro, por assim dizer.

O conteúdo do componente "home.php" na pasta "com" é quase o mesmo que o conteúdo de um componente de página regular, exceto pela string de consulta à base e o nome do componente. A string de consulta agora se parece com isto:

$ query \u003d "SELECT * FROM wx_pages WHERE page_alias \u003d" home "LIMIT 1";

6. Crie um modelo de design para todo o site

Na raiz do site, crie um arquivo template.php. Este é essencialmente um layout de design web HTML + CSS normal, apenas com variáveis \u200b\u200bPHP nos lugares certos. Inserir entre tags de título, na coluna central do site existe um encarte e assim, em todo o modelo, organizamos as variáveis \u200b\u200bnecessárias que são declaradas nos componentes.

A pasta raiz também deve conter as pastas "css" e "imagens" para os elementos de design. No arquivo /css/style.css - você pode personalizar os estilos ao seu gosto.

7. Limpe os links e o arquivo .htaccess

Para criar links limpos, eu uso o mod_rewrite com instruções diretas para regras para cada componente separadamente, uma vez que considero a análise da barra de endereço usando o próprio controlador uma funcionalidade redundante. O conteúdo do Htaccess nesta fase é:

RewriteEngine On
RewriteBase /

RewriteCond% (REQUEST_FILENAME)! -D
RewriteCond% (REQUEST_FILENAME)! -F

# ARQUIVOS PROIBIDOS
RewriteRule .htaccess - [F]
RewriteRule template.php - [F]

# RULES mod_rewrite
RewriteRule page / (+) ([\\ /] (0,1)) \\. Htm $ index.php? Option \u003d page & alias \u003d $ 1 [L]

No futuro, iremos adicionar regras para os componentes de pesquisa, catálogo, artigos de blog, etc. Há apenas um ponto: converter links como “mysite.com/index.php?option\u003dpages&alias\u003dabout” em um link como “mysite.com/pages/about.htm” parece muito bom. Tente evitar e confiar no array $ _GET em seu projeto por razões de segurança. É aconselhável armazenar nele apenas os parâmetros do controlador principal (variável $ option) e do componente (variável $ alias).

Além disso, em cada pasta do site "por precaução" crie um arquivo index.html vazio - isso é necessário para que nada seja exibido ao acessar o diretório através da barra de endereços.

Tags: php, mysql, site engine, controller, site creation, mvc

Existe um grande número de sites na Internet. Todos esses sites podem ser divididos em dois tipos: estáticos e dinâmicos. Hoje vamos falar sobre a criação de páginas dinâmicas, mas primeiro gostaria de dizer o que é um site (página) estático e dinâmico.

Sites estáticos

Os sites estáticos são compostos de páginas da web estáticas. Isso significa que não importa o que o usuário faça, a página sempre terá a mesma aparência. Essas páginas são armazenadas no servidor como documentos HTML. As páginas estáticas são feitas manualmente. Se você precisar alterar o conteúdo de uma página, deverá editar o código HTML de cada página.

Vantagens:

• Simplicidade e baixo custo de criação, pouco exigentes para os recursos de hardware;

Desvantagens:

• Edição de conteúdo demorada;
• Uso impróprio em grandes projetos.

Sites dinâmicos

Os sites dinâmicos são constituídos por páginas da web dinâmicas que podem responder às entradas e mudanças do usuário. Essas páginas são geradas por um servidor web a partir de vários arquivos (modelos). Todas as informações são armazenadas em um banco de dados. Quando o usuário solicita uma página, as informações correspondentes são recuperadas do banco de dados, inseridas no template, formando uma página web, e enviadas pelo servidor web ao navegador do usuário. Assim, ao atualizar o conteúdo do site, basta adicionar o texto da nova página, que é então inserida no banco de dados por meio de um determinado mecanismo.

Vantagens:

• A gestão do conteúdo é realizada através de formulários especiais onde pode facilmente adicionar, editar e apagar informação;
• Máxima eficiência ao adicionar novos conteúdos ao site;
• Ao adicionar ou editar conteúdo, nenhum conhecimento especial de domínio da web é necessário (HTML, CSS);
• A capacidade de criar grandes projetos multifuncionais;
• Ótimas oportunidades de promoção.

Desvantagens:

• Alto custo de criação e manutenção;
• Você precisa ter o conhecimento adequado para manter o desempenho do site.

Agora acho que você entende qual é a melhor forma de criar um site usando páginas dinâmicas. é a escolha melhor e mais conveniente. Agora vamos falar sobre a criação de páginas dinâmicas.

Links simples

Antes de aprender PHP, acho que você já deve saber HTML e, claro, criar hiperlinks. Eu gostaria de lembrá-lo:

$ link \u003d "exemplo.php"; impressão "<а href = \"$link\">Um exemplo de hiperlink dinâmico.
\\ n "

É tão fácil criar um hiperlink dinâmico usando php.

O processo de criação de página dinâmica

O processo de criação de uma página dinâmica consiste em várias etapas:

Vamos fazer a moldura da página. Vamos nomear a página index.php - ela consistirá em partes: cabeçalho, rodapé, menu esquerdo (menu esquerdo). Neste exemplo, vou mostrar como uma página é organizada com base em tabelas, mas você também pode usar um layout de bloco.

1. Nós formamos o arquivo header.php.

Cabeçalho do site

2. Nós formamos o arquivo leftmenu.php.

• Link 1
• Link 2
• Link 3
• Link 4
• Link 5

3. Forme o arquivo footer.php.

Rodapé do site

Crie uma pasta chamada modeloem que copiar os arquivos recebidos. Se precisar editar o cabeçalho, menu esquerdo ou rodapé do site, você saberá que os templates para essas partes do site estão nesta pasta.

Vamos conectar os arquivos recebidos (modelos) ao site usando a instrução include usando o exemplo da página index.php.

Olá! Esta é a primeira página PHP dinâmica.

É assim que a página index.php é uma página dinâmica, ela será formada a partir de vários arquivos (templates). Qualquer número desses modelos pode ser feito. Se você precisar alterar qualquer parte do site, apenas encontre o arquivo de modelo necessário e edite-o.

Isso conclui a criação de páginas dinâmicas. Acho que você entende o significado e a praticidade de sites dinâmicos e, com base no meu exemplo, pode criar um grande projeto. E não se esqueça de comentar seu código - isso é muito importante, amigos! Boa sorte para você!

P.S. Pequenas mudanças de 06/07/2019:

Como a programação sempre se desenvolve, portanto, ela deve se desenvolver na velocidade da luz. O layout da tabela mostrado acima é hoje pouco usado na prática e é necessário apenas para o aprendizado de programadores novatos.

Se você deseja criar sites novos e eficazes, recomendamos o uso de um layout de bloco em vez de um layout de tabela. Vamos olhar mais de perto.

As tabelas são projetadas especificamente para exibir dados tabulares, não para marcar os elementos da página. O que está na mesa:

texto

pode ser apresentado na forma de um layout de bloco (div):

ocupa muito menos espaço em disco.

Considere as vantagens de um layout de bloco em relação a um layout tabular:

1. Uma redução significativa no tamanho da página, geralmente de 2 a 3 vezes, o que reduz significativamente o tempo de carregamento de um site. Ao mesmo tempo, o tamanho do -file aumentará um pouco, mas devido ao fato de que é armazenado em cache uma vez pelo navegador do usuário e, ao acessar outras páginas, é lido de seu computador, como resultado, o site é carregado muito mais rápido que o tabular.
2. É muito mais conveniente alterar o design das páginas do site renderizadas em um arquivo CSS. Ao mesmo tempo, praticamente não há necessidade de editar o código.
3. Graças às possibilidades de layout de blocos, é possível garantir que o conteúdo principal da página entre primeiro no código e só depois no cabeçalho, nas colunas esquerda e / ou direita. A aparência da página não mudará em nada.
4. A transparência do código da página de bloqueio é visualmente agradável - não há montes de tags, tudo é muito bonito e compacto.