Para criar um site promissor, expansível e eficaz de qualquer complexidade, você deve começar pelo simples. Esse processo não é fácil, requer alguns conhecimentos básicos de PHP e MySQL, mas se você considerar ponto a ponto, poderá traçar uma espécie de "plano de trabalho" que será útil na hora de criar novos sites. Vamos preparar o "core" e a base do projeto. No início, será um site de cartão de visita normal, mas depois, adicionando funcionalidade, você pode 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 tabela 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 meta tag descrição (VARCHAR, 255);
• page_meta_k - meta palavras-chave para a tag de meta palavras-chave (VARCHAR, 255);
• page_h1 - título da página (VARCHAR, 255);
• page_s_desc - Pequena descrição material, por exemplo, se os materiais do site estiverem 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 valores nela para pagina inicial local. 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 nesta fase deve estar vazia, crie uma pasta "cfg", nela, usando .htaccess, feche o acesso com a diretiva "deny from all". Crie um arquivo core.php com o seguinte conteúdo:

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

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

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

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

Função executada ($ query) (
$ this-> query = $ query;
$ this-> result = mysql_query ($ this-> query, $ this-> link);
$ this-> err = mysql_error ();
}
linha de função () (
$ this-> data = mysql_fetch_assoc ($ this-> resultado);
}
function fetch () (
while ($ this-> data = mysql_fetch_assoc ($ this-> result)) (
$ this-> fetch = $ this-> data;
return $ this-> fetch;
}
}
função stop () (
não definido ($ this-> dados);
não definido ($ this-> resultado);
unset ($ this-> fetch);
unset ($ this-> err);
unset ($ this-> 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

// CONECTAR AO BD
$ db = novo MyDB ();
$ db-> conectar ();

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

Incluir ($ _SERVER. "/ Template.php");
$ db-> 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 usar um componente para exibir 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 do seu valor, o arquivo do próprio componente é conectado (contido no / pasta com). O arquivo do componente realiza todo o trabalho necessário, extrai do banco de dados e os grava em variáveis ​​para transferência para o modelo de design. No final, o arquivo de design do site é conectado, para o qual todas as variáveis ​​e 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 do componente. Um componente do site, no meu entendimento, é um arquivo no qual os dados são processados ​​para diferentes seções do site. Por exemplo, um componente de uma página regular extrai do banco de dados o título, a descrição e o texto do material e os grava nas variáveis ​​$ 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, vale a pena criar um componente separado para cada seção funcional do site. Em um esquema MVC (Model-View-Controller), um 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 = $ _GET;
$ query = "SELECT * FROM pages WHERE page_alias =" ". $ alias." "AND page_publish =" Y "LIMIT 1";
$ db-> run ($ query);
$ db-> row ();
// VARIÁVEIS DE COMPONENTES
$ id = $ db-> dados;
$ alias = $ db-> dados;
$ title = $ db-> dados;
$ h1 = $ db-> dados;
$ meta_d = $ db-> dados;
$ meta_k = $ db-> dados;
$ s_desc = $ db-> dados;
$ componente = $ db-> dados;
// SE A PÁGINA NÃO EXISTIR
if (! $ id) (
cabeçalho ("HTTP / 1.1 404 não encontrado");
$ component = "ERROR 404! Esta página não existe";
}
$ db-> 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 igual ao conteúdo de um componente de página normal, exceto pela string de consulta à base e o nome do componente. A string de consulta agora se parece com isto:

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

6. Crie um modelo de design para todo o site

Na raiz do site, crie um arquivo template.php. Basicamente, este é um layout de design web HTML + CSS normal, apenas com variáveis ​​PHP nos lugares certos. Insira entre as tags de título, na coluna central do site existe um encartee assim, em todo o modelo, organizamos as variáveis ​​necessárias que são declaradas nos componentes.

A pasta raiz também deve ter 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 das regras para cada componente separadamente, uma vez que considero analisar a barra de endereço usando o próprio controlador como 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 = page & alias = $ 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=pages&alias=about” 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 (a variável $ option) e do componente (a variável $ alias).

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

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

Falamos apenas de páginas estáticas, ou seja, aquelas que, não importa como o usuário interaja com elas, permanecem sempre as mesmas, e para que seu conteúdo ou design mude, o dono da página deve editar o código manualmente.

Páginas dinâmicas e o que elas precisam

Além das páginas estáticas, também existem páginas dinâmicas. A maioria deles está na Internet agora. As informações neles são carregadas de fontes externas como um banco de dados ou outros arquivos. O conteúdo e a formatação de tais páginas podem mudar com base na interação do usuário. Para editar sites dinâmicos, não é necessário interferir em seu código - basta alterar o conteúdo de um arquivo ou banco de dados especialmente desenvolvido para ele, que, aliás, também é um arquivo, apenas estruturado de uma determinada forma.

HTML e CSS por si só não são suficientes para criar sites dinâmicos. Ele também usa linguagens de programação, bem como bancos de dados e linguagens de consulta para eles. Na maioria das vezes, sites dinâmicos modernos são usados ​​em seus como HTML funciona, CSS, PHP, JavaScript, SQL. As duas primeiras abreviações já lhe são familiares em primeira mão, SQL é usado para acessar bancos de dados, JavaScript é uma linguagem de cliente cujos comandos são processados ​​pelo navegador e muitas vezes usados ​​para mostrar todos os tipos de beleza, como cortinas ou fotos abrindo suavemente, mas PHP é uma linguagem de programação do lado do servidor, que funciona, entre outras coisas, com o conteúdo do site e o torna dinâmico, entraremos em contato com ela hoje.

Um exemplo de uso do comando include

No artigo anterior, falei sobre o layout de blocos do site e dei um exemplo a página mais simples(documento index.html e o arquivo anexado a ele style.css).

Agora vamos dividir o documento index.html em vários arquivos, cada um dos quais conterá sua própria parte da página, o que ajudará a dividir ainda mais o código, melhorar a estrutura do template e, de fato, tornar a página dinâmica. Para tanto, usaremos a linguagem PHP, ou melhor, apenas uma de suas diretivas - a função incluir () que inclui um arquivo em outro.

1. Altere a resolução do arquivo criado no artigo sobre layout de bloco índice Com .html no .php para que o documento seja chamado index.php... Tipo de arquivo .PHP indica ao servidor que o documento foi escrito ou utiliza inserções na linguagem de programação de mesmo nome.

2. Na pasta com a página, crie um diretório blocos.

3. Todas as informações auxiliares (topo, fundo, navegação e painel lateral site) serão colocados em arquivos separados, que serão colocados na pasta blocos.

Portanto, crie quatro arquivos no diretório de blocos: header.php, Navigation.php, sidebar.php e footer.php... Preencha os arquivos com o código.

4. Verifique a estrutura da pasta do modelo. Os arquivos devem estar na raiz index.php, style.css e diretório blocos.

Estrutura da pasta blocos deve ser assim.

5. No arquivo index.php remova o código existente e escreva um novo:

No navegador, o arquivo index.php parece exatamente o mesmo de antes, mas a estrutura do modelo mudou completamente. Falaremos sobre o que aconteceu depois, e agora responderemos à pergunta sobre os misteriosos comandos do formulário .

Como o código HTML, o código PHP também tem suas próprias designações de início e fim. Então, você precisa iniciar a inserção do PHP com o comando , e terminar com uma linha ?> ... O código principal é escrito entre esses comandos. No nosso caso, este é apenas um comando - incluir.

". $ nome." ". $ sobrenome.""; ?>

Aqui, já na marcação html, existem códigos PHP intercalados. Tags são usadas para adicionar expressões PHP à página, entre os quais existem instruções para Linguagem PHP... V código php obtemos os dados do formulário e os enviamos para a página.

Cada expressão individual do PHP deve terminar com um ponto e vírgula. V nesse caso temos três expressões. Dois deles recebem os dados do formulário enviado, por exemplo, $ name = $ _POST ["firstname"]; ...

$ name é uma variável que armazenará algum valor. Todas as variáveis ​​PHP são prefixadas com $. E como o formulário na página index.html usa o método POST para enviar, usando a expressão $ _POST ["firstname"], podemos obter o valor que foi inserido no campo de texto com o atributo name = "firstname". E esse valor vai para a variável $ name.

Usando a instrução echo, você pode imprimir na página qualquer valor ou texto que siga a instrução. Neste caso (echo "Seu nome: ". $ nome." ". $ sobrenome."") usando o caractere ponto, o texto citado é concatenado com os valores das variáveis ​​$ name e $ surname e exibido na página.

Agora vamos voltar para o formulário de entrada indo para o endereço http: // localhost: 8080:

Vamos inserir alguns dados e clicar no botão enviar:

Então, o roteiro funcionou para nós display.php que recebeu e exibiu os dados enviados na página.

Precauções devem ser tomadas. Porque o recurso pode ser extremamente dinâmico. Isso e olha, vai morder!

PHP e HTML

Essas duas disciplinas agora estão quase interligadas. Seu conjunto é a base sobre a qual a "vida" de grande parte da Internet é construída. Claro, outras linguagens do lado do servidor (Perl, ASP.NET) são usadas em conjunto com html. Mas sua prevalência na World Wide Web, em comparação com o PHP, é puramente episódica.

De acordo com as estatísticas, a arquitetura da maioria dos recursos da Internet é construída com base em php e html.

Para muitos iniciantes, a relação entre essas tecnologias é confusa. Por um lado, html estático que é interpretado pelos navegadores do lado do cliente. Por outro lado, é uma linguagem de programação que se processa no servidor. Portanto, antes de escrever um site em php do zero, daremos um exemplo simples da interação dessas duas tecnologias:

• Vamos criar um novo arquivo com a extensão php;
• Vamos colocar o seguinte código lá:

Que horas são?

• Salve o arquivo em servidor local e abri-lo em um navegador. Em seguida, pressione o botão direito do mouse e entre menu contextual selecione o item " Visualizar página html ».

Como você pode ver na imagem, a linhanão é exibido no código html da página. Tanto no navegador quanto no código, apenas a data e a hora retornadas são visíveis. Isso significa que o script foi processado no lado do servidor. Portanto, criar um site em php é fundamentalmente diferente de escrever páginas html simples.

Site dinâmico

Os sites modernos são de dois tipos principais:

• Estático - criado apenas em baseado em html... Esses sites não alteram seu conteúdo em resposta às ações do usuário. Obviamente, um recurso estático pode reagir a eventos e ações do usuário. Mas a implementação da agilidade de página no lado do cliente tem uma gama estreita de aplicativos, limitada pelos recursos do Java Script.

O código Java Script é executado no navegador do lado do cliente.

• Dinâmico - capaz de alterar seu estado e conteúdo - as páginas html de sites dinâmicos são formadas instantaneamente no momento da execução do código em resposta a uma solicitação do usuário enviada do navegador para o servidor. Na maioria das vezes, as páginas do lado do servidor são geradas usando código escrito em php.

Um site php dinâmico consiste nos seguintes arquivos:

• index.php - é o arquivo principal do projeto;
• Modelos - incluem a estrutura de uma parte específica da página ( tampas, porão, corpo principal);
• Arquivos CSS - contêm todas as descrições de estilo do recurso.

Além disso, um projeto de site pode consistir em arquivos que armazenam o código de funções e métodos php. E também inclui um banco de dados.

Na maioria dos CMS, a fonte de conteúdo para preencher páginas do lado do servidor geradas dinamicamente é um banco de dados. O DBMS mais comumente usado é o MySQL.

Como escrever um site em PHP

Para entender como um site é criado em php, considere exemplo prático... Claro, muito é simplificado nele, mas todo o mecanismo de trabalho e os estágios da criação são preservados.

Existe um site html com a seguinte estrutura e design:

Seu código:

Código do arquivo Style.css:

Cabeçalho (margem esquerda: automático; margem direita: automático; margem inferior: 10px; largura: 1000px; altura: 100px; borda: 1px sólido # 000000; plano de fundo: # 009966; imagem de fundo: url (img / 1. gif);) .pages (margem esquerda: automático; margem direita: automático; largura: 1000px;) .content (margem direita: 10px; largura: 806px; altura: 450px; borda: 1px sólido # 000000; plano de fundo: # 999999; float: left;) .sidebar (width: 180px; height: 450px; border: 1px solid # 000000; background: # FF9900; float: left;) .foot (clear: both;) .footer (margin-top : 10px; margem esquerda: automático; margem direita: automático; largura: 1000px; altura: 50px; borda: 1px sólido # 000000; plano de fundo: # 333399;)

Antes de escrever um site em php até o fim, todo o código html precisa ser espalhado por vários arquivos:

• Header.php conterá todo o código do início ao fim da camada de "cabeçalho";
• Em footer.php, a camada "foot" e "footer";
• Content.php contém todo o código deixado no meio.

Agora criamos a página principal index.php, que conterá as chamadas de arquivo contendo o código dos elementos de design necessários. No total, havia apenas 3 linhas do script no arquivo principal:

E se você olhar dentro html do navegador código da página, então você verá o código-fonte original:

Claro, esta opção só é adequada para gerar a página principal do site. Mas se o código da barra lateral for removido em um arquivo separado, o modelo pode ser usado para gerar páginas internas local.

Caminho de desvio

Mas o desenvolvimento de tal site requer o gasto de energia, a presença de um especialista Programas e conhecimento. Portanto, gostaria de encontrar uma opção mais fácil. Então você deve usar o construtor de sites php.

Eles representam um conjunto específico de modelos com uma ampla gama de configurações. Por causa disso, eles são muito semelhantes aos CMS convencionais. Claro, ninguém garante a grande exclusividade do design do futuro site, e no futuro poderá haver problemas com a transferência e adaptação do recurso para outro site ou plataforma de hospedagem. Aqui estão algumas opções comprovadas para esses serviços online.

O exemplo mais simples de um site dinâmico em PHP, é mais fácil do que parece inicialmente.

Este modelo de exemplo funciona sem bancos de dados MSQL, mas isso é resolvido durante o processo de desenvolvimento e, neste estágio, tudo é escrito em HTML e PHP. No futuro, um exemplo de um modelo mais complexo será mostrado, mas por enquanto vamos nos concentrar em um simples, que é o suficiente para criar um excelente site.

Se você precisa criar e promover um site sob encomenda, deve entrar em contato com um estúdio da web confiável para a promoção do site.

Primeiro, você precisa aprender e compreender as diferenças entre a dinâmica e um site html simples, que foi descrito na última lição e com base no qual este projeto será construído. Portanto, é aconselhável estudar, pois assim será muito fácil entender este artigo.

E a diferença de um simples site está justamente na rapidez do atendimento! Quem já está familiarizado com HTML simples site, ele sabe que para mudar o banner é preciso limpar o site completamente, cada página ... O que leva muito tempo. E na dinâmica - tudo pode ser feito em poucos minutos, não importa quantas páginas o site tenha, no mínimo 1000, isso não afeta o tempo de edição! Acho que até isso é o suficiente para estudar esse exemplo!

Por exemplo, vamos pegar um modelo de site escrito usando a tag

E então, olhe para um exemplo de uma página de modelo regular que iremos cortar em arquivos separados.

Corte de HTML - template em blocos PHP.

O primeiro arquivo conterá todo o cabeçalho do site, até a abertura do bloco