1. Introdução
As principais tecnologias utilizadas no projeto são: framework UI de front-end layui, tecnologia de página da web dinâmica em linguagem PHP, cliente de gerenciamento de banco de dados Navicat e ambiente integrado de desenvolvimento de PHP do PhpStudy.
Realize um comunicado de imprensa simples e relativamente completo e sistema de gerenciamento, incluindo
módulo de login e módulo de gerenciamento de plano de fundo,
O módulo de gerenciamento de segundo plano implementa:
1. Gerenciamento de notícias: adicione notícias, visualize notícias;
2. Gerenciamento de categorias de notícias: adicionar categoria, visualizar categoria;
3. Gerenciamento de administradores: adicione administradores, visualize administradores;
4. O módulo de login é implementado: verificação de login, verificação de identidade;
2. Demonstração da função de design do sistema geral do projeto (vídeo)
对于项目的展示和关键技术，我在b站上发了两个原创视频，不过声音有点小，需要带耳机。
Ideias-chave para a realização de tecnologia
3. Realização de tecnologias-chave
Função de upload assíncrono de imagem
1.1 Descrição funcional e capturas de tela
Clique na miniatura do upload para retornar as informações do resultado do upload à página após o upload.
1.2 Etapas de design e ideias de realização
1. Coloque o botão de ID associado na página de upload da página inicial e obtenha as informações de upload por meio de js.
2. A estrutura do layui usa as informações predefinidas para retornar res ao processamento da interface de upload definida, como elem, dados, tipo e o valor mais importante url salva as informações da interface, como upload.php neste exemplo.
3. upload.php também deve lidar com os possíveis resultados de mensagens assíncronas com antecedência, fazer upload de informações de erro ou sucesso e retornar o valor do código como o valor de julgamento retornado pela interface.
4. Por fim, a interface retorna o resultado da operação de upload.O valor de res e code é processado por meio da função definida por done: e o resultado é processado para exibir a mensagem da mensagem.
Função de classificação Infinitus
2.1 Descrição funcional e capturas de tela
Defina o id e o pid através do banco de dados para realizar a classificação da criança e do pai. Por exemplo, a associação de voluntários é o pai e a associação de jovens é um subconjunto.
2.2 Etapas do projeto e ideias de realização
Através da ideia de pilha e fila, atravesse todo o conjunto de resultados para encontrar o mesmo id e pid para formar um relacionamento pai-filho e empurre-o para a pilha. Em seguida, as informações armazenadas na pilha são retiradas de acordo com a ideia da fila, primeiro a entrar, primeiro a sair, para formar uma relação pai-filho de vários níveis.
$address = array(
array('id'=>1 , 'address'=>'江西' , 'parent_id' => 0),
array('id'=>2 , 'address'=>'江苏' , 'parent_id' => 0),
array('id'=>3 , 'address'=>'赣州' , 'parent_id' => 1),
array('id'=>4 , 'address'=>'安远县' , 'parent_id' => 3),
array('id'=>5 , 'address'=>'欣山镇' , 'parent_id' => 4),
array('id'=>6 , 'address'=>'南京' , 'parent_id' => 2),
array('id'=>7 , 'address'=>'玄武区' , 'parent_id' => 6),
array('id'=>8 , 'address'=>'梅园新村街道', 'parent_id' => 7),
array('id'=>9 , 'address'=>'上海' , 'parent_id' => 0),
array('id'=>10 , 'address'=>'黄浦区' , 'parent_id' => 9),
array('id'=>11 , 'address'=>'外滩' , 'parent_id' => 10)
array('id'=>12 , 'address'=>'安庆' , 'parent_id' => 1)
);
Encontre o nó descendente com id = 0, coloque id = 0 na pilha, encontre o nó, que é
array ('id' => 1, 'endereço' => 'Jiangxi', 'parent_id' => 0)
Neste momento, a pilha é [ 0] e exclua o nó dos dados originais e, em seguida, coloque id = 1 na pilha, procure os descendentes de id = 1 e encontre-os como:
array ('id' => 3, 'endereço' => 'Ganzhou', 'parent_id' => 1),
neste momento a pilha [0] [1], exclua o nó, id = 3 na pilha, procure os descendentes de id = 3 e encontre:
array ('id' => 4, 'endereço '=>' Anyuan County ',' parent_id '=> 3)
Stack [0] [1] [3], exclua o nó, coloque id = 4 na pilha, procure por nós descendentes com id = 4 e encontre:
array ( 'id' => 5, 'endereço' => 'Xinshan Town', 'parent_id' => 4),
empilhar [0] [1] [3] [4], excluir o nó, id = 5 na pilha , Stack [0] [1] [3] [4] [5] e procure o nó filho com id = 5. Após a travessia, nenhum nó filho é encontrado, então id = 5 é retirado da pilha e os nós descendentes com id = 4 são pesquisados novamente, por sua vez subir em. Finalmente, conclua toda a iteração.
A situação da pilha é a seguinte:
[0]
[0][1]
[0][1][3]
[0][1][3][4]
[0][1][3][4][5]
[0][1][3][4]
[0][1][3]
[0][1]
[0]
Funções do editor
3.1 Descrição da função e capturas de tela
Realize um editor multifuncional, que é salvo em tempo real durante o processo de edição
3.2 Etapas de design e ideias de implementação
Usando o editor de rich text ueditor, um editor de código aberto pode realizar um editor multifuncional leve,
baixar o projeto para o local e escrever o código html, você pode inicialmente ver o efeito do editor. O editor tem itens de parâmetros personalizados. O conteúdo do editor pode ser definido e lido por meio dos métodos getContent e setContent. O setContent define o editor para obter a entrada de conteúdo pelo usuário, em seguida, usa getContent para obter a entrada e o retorno do usuário e, finalmente, passa o valor para o banco de dados .
4. Problemas
Durante a operação de upload da imagem, a interface de upload está anormal.
** Causa do erro: ** A pasta de upload não foi criada e colocada no local correto.
** Solução: ** Verifique a mensagem de erro revisando o elemento-rede e, em seguida, use print $ _SERVER ['DOCUMENT_ROOT']; ou no phpstudy, para visualizar o diretório raiz do servidor e criar uma pasta de upload.