Alimentado por: Nefu AB-In
Design de projeto de tecnologia de desenvolvimento da web
Implantação do lado do servidor
Registra os problemas encontrados no lado do servidor de implantação do projeto
O pacote de guerra do pagoda não pode ser acessado no blog blog-csdn do webapps_nefu ab-in
Esta versão do tempo de execução do Java reconhece apenas versões de arquivo de classe até 52.0_nefu ab-in blog do blog-csdn
sobre
Por favor, use o navegador Chrome ou 360 para abri -lo! ! ! !
(O bug de rolagem da polia para borda não pode ser corrigido no momento)
Duração do projeto
Log do projeto
2021.11.14
2021.11.15
- Construa um servidor em nuvem Tomcat e configure o tomcat da página do pagode
- Carregou o projeto para o GitHub
- Projeto de teste para plataforma de implantação de professores
2021.11.16
- Resolveu o problema de diferentes versões Java
- Tente aprender a estrutura (desistindo)
- Revise os pontos de conhecimento da web
- Concebe a página principal
2021.11.17
- Comece a escrever as várias partes do Index.jsp em geral
- Comece a escrever do rodapé
2021.11.18
- Decidir começar a escrever o banco de dados primeiro
- Preencha o estabelecimento da tabela de usuários, tabela de professores, tabela de assunto, tabela de laboratório, tabela de notícias de laboratório, tabela de notícias
2021.11.19
- Depois de escrever o módulo de laboratório, juntamente com CSS e JS, implemente diagramas de carrossel e diagramas de carrossel de botão (não adicionados ao banco de dados)
- Depois de escrever o módulo QRCode, conecte -se a JS
- Depois de escrever o módulo principal, o efeito deslizante é alcançado (não adicionado ao banco de dados)
- PS: Todas as operações específicas de JS e CSS estão incluídas nos arquivos JS e CSS correspondentes
2021.11.20
- Depois de escrever o módulo do professor, o mesmo padrão que o principal (não adicionado ao banco de dados)
- Depois de escrever o módulo de notícias (não adicionado ao banco de dados)
2021.11.21
- Melhore as peças JS e CSS escritas anteriormente
- Adicione às atualizações do banco de dados do laboratório (incluindo classes de entidade, servlets, utils, dados de dados, saltos secundários, jstls, els)
- Participe da atualização principal do banco de dados
2021.11.22
Junte -se à atualização do banco de dados do professor
Escrevendo a seção de banner
- Expanda: Várias imagens podem ser adicionadas no Custom 2021-11-22
- Método: Adicione o botão animado abaixo ao adicionar o item da lista. Afinal, o método de implementação é adicionar o novo status de animação a cada período de tempo e depois alternar a figura 2021-11-22
Escreva a parte NAV
Junte -se à atualização do banco de dados de notícias
- Adicionar à atualização do banco de dados da coluna certa
- Adicionar à atualização do banco de dados da coluna esquerda
2021.11.23
- Escrevendo Nav
- Fez vários ícones pequenos 2021/11/23
- Expansão do círculo de estilo CSS 2021/11/23
- O sub -menu do menu rápido está escrito 2021/11/23
- Escreva JavaScript para cada seção: roll ()
- PS: Não escrevi a segunda interface porque estava preguiçosa 2021/11/23
2021.11.24
- Junte -se à atualização do banco de dados NAV
- Adicionada consulta usando o código principal do banco de dados e abriu os detalhes da página 2021/11/24
- Escreva a seção de cabeçalho
- Adicione à animação de abertura
- Encontre o ícone, Design Login Backend 2021/11/24
2021.11.25
- Verifique se há falta e vazamentos em geral
- Comece a preencher o index.jsp
- Resolva o problema da falha de JS e CSS
2021.11.26
- Comece a se preparar para o exame
2021.11.27
- Não pude deixar de dar uma olhada e descobri que os ícones feitos não eram tão bem feitos, então voltei ao forno para reparo
- Adicionar logotipo
2021.12.3
- Implantar o projeto no servidor para executar
2021.12.4
- Implante o projeto em um computador grande e descobri que @media não é bom, então modifico @media para o grande computador
- 2021/12/4 Acabei de terminar o estágio no sábado, o professor designado para concluir o trabalho de atualização. Ele saiu depois de dez minutos de fígado, apenas ... eu estava tão cansado, mas quando pensei que o conteúdo do estágio de hoje era o back -end que existia há muito tempo, eu ainda continuava trabalhando das 8 horas a doze horas para concluir a adição, a exclusão,
2021.12.5
- 2021/12/5 O trabalho de pesquisa foi concluído no domingo e usado como consulta difusa. O efeito foi significativo. Debug foi muito tempo, mas o efeito foi muito bom. O back -end terminou!
- Descobri que o NAV é muito redundante, então mudei todos os atributos da barra de navegação horizontal, adicionei todos os atributos secundários e adicionei links, reduzindo links redundantes 2021/12/5
2021.12.7
- Comece a planejar a segunda interface, modifique o modo com base na página principal e apresente as seções inalteradas do cabeçalho, navegação, rodapé
2021.12.8
- Completar a produção de todas as segundas seções
- Descobri que os servlets são muito redundantes, então estabelecei uma camada de persistência e coloquei algumas funções redundantes nela.
- Alterar a estrutura do projeto
$ 2021.12.9 $
- Completar a produção de todas as terceiras seções
- Aprenda a versão da versão do GitHub Liberação
- Primeira versão v1.0 antes de terminar o trabalho
$ 2021.12.10 $
- Remova links redundantes e transforme links inúteis do # em JavaScript:
- Resolva o recurso da web carregando muito lentamente
- Crie OSS
- Configure o OSS CDN
- E envie o arquivo
- Altere o URL no projeto
- Adicionar função de pesquisa no cabeçalho
- Pesquisa difusa, expandindo o escopo para cada atributo
- Você pode selecionar módulos para pesquisar e, em seguida, pular para os módulos correspondentes sozinho após a pesquisa.
- Melhorar a chamada de estrutura da camada persistente
- Mudou o logotipo do ouvinte e adicionou uma nova imagem de vetor
- A segunda versão de v1.1 antes da conclusão
$ 2021.12.11 $
- Altere a senha para impedir que todos entrem no fundo
- Altere o botão de retorno da página de login para retornar à interface principal
- Altere a correspondência geral de cores do back -end
- Adicionado submissão de texto rico em back -end
- Modificou a estrutura e o estilo do conteúdo do artigo
- Somente suporta texto simples, não fotos e vídeos
- Modificou o bug que a tag de entrada é definida como desativada e não pode ser enviada e alterada para readonly
- Modifique o redirecionamento do servlet da atualização e salve
- Complete a terceira versão do V1.2 antes de terminar o trabalho
$ 2021.12.16 $
- Modifique o URL da página inicial
- Proponha index.jsp e defina o filtro para ouvir, para que você possa implementar páginas dinâmicas sem o salto do servlet.
- Modifique os parâmetros de outras seções para acessar a página inicial e altere -os para ''.
- Modifique a seção de notícias
- Reescreva a aula de notícias e seu servlet, adicione o atributo do título
- Modificou o salvamento e atualização das notícias e adicionou um editor de texto rico para enviar uma introdução
- Alterou o layout da terceira interface das notícias e adicionou novas fotos
- Modificou o layout do cabeçalho para diminuir a largura da janela e mudar
- Deslizamento de botão modificado de professor e principais módulos
- Modificou o bug da largura corrigida, a largura obtida por JS muda com a mudança da janela
- Modificou o valor da esquerda para deslizar para que nenhum elemento vaze
- Layout de rodapé modificado e adicionou um novo código QR para desaparecer quando a página é reduzida em tamanho.
- Modificou o bug da caixa de pesquisa do módulo do professor
- Complete a quarta versão do V1.3 antes de terminar o trabalho
Requisitos do projeto
Preencha o seguinte conteúdo de design com base em HTML/CSS/JS/Servlet/JDBC e outras tecnologias
Permita e incentive o uso de estruturas de interface do usuário, como Bootstrap/Easy-UI/Flat-UI, bem como plug-ins como carrossel/animação/gráfico/rolagem de tela cheia.
Permite o uso de Vue/React/Springboot e outras tecnologias, mas ele precisa ser implantado no servidor pessoal do aluno e fornece URLs de acesso.
Esse design é responsável por 40% da pontuação total e é dividido em grupos de acordo com o status de conclusão da função: 1 grupo por pessoa, concluído independentemente
Prazo: 15 semanas (data específica deve ser determinada)
Método de envio/implantação: Upload para o sistema especificado com o pacote de guerra, e o projeto é implantado uniformemente no servidor em nuvem
Ambiente de implantação: Docker Tomcat9+MySQL8 Container
Exibição do projeto: Todos os projetos dos alunos são exibidos publicamente na rede pública
Conteúdo de design
Site Profissional de Ciência e Tecnologia da Computação
Conteúdo principal da avaliação: design geral do site, experiência de interação do usuário
Incluindo: layout HTML, o uso de tags HTML, a aplicação do estilo CSS para aprimorar o efeito da exibição do site, alterando dinamicamente as páginas usando JS, processamento de dados de dados, acesso ao banco de dados JDBC etc.
Funções principais
Site da recepção
Seção principal Conteúdo: Introdução profissional, laboratórios, professores, guias de emprego, notícias, anúncios etc.
Os requisitos incluem pelo menos navegação.
A seção deve conter o conteúdo do Nível 2. Por exemplo, Introdução Profissional: Introdução Profissional, Introdução de Direção, etc.; Laboratório: 923 Laboratório de Inovação, 925 Laboratório de Desenvolvimento Móvel, 923 Laboratório, etc.; e pode pular para o conteúdo detalhado do Nível 2.
Faculdade: Professores, Professores Associados, Professores, etc.
Por exemplo, ao clicar em Professor Associado, pule para a lista de Professores Associados e, ao clicar em um determinado professor novamente, pule para a introdução detalhada do professor, e o conteúdo deve conter o máximo possível de texto/imagem e outras informações, como texto/imagens e multimídia.
Anúncio de notícias: a página inicial lista as últimas 5 notícias e anúncios, exibe o tempo do título etc. e exige que ela seja obtida no banco de dados. Clique no título para pular para a descrição detalhada das informações.
Sistema de back -end
O link de entrada do sistema de relacionamento de back -end deve ser fornecido no site da recepção e o administrador unificado de back -end é necessário.
Depois que o administrador efetua login, ele pode adicionar informações de anúncio de notícias em segundo plano. Se todas as adições, exclusões, modificações e verificações forem concluídas, haverá pontos adicionais.
Filtrar, não pode acessar o sistema de gerenciamento de back -end sem status de login
Somente as informações básicas de texto precisam ser publicadas, não são necessárias fotos e outros anexos, e nenhuma paginação é necessária para envios de texto ricos. Além dos anúncios de notícias, os dados estáticos podem ser usados para apresentações de laboratório de professores, etc. Todo o conteúdo de introdução deve incluir texto e imagens o máximo possível. Todos os texto/imagens não precisam usar informações reais.
Nenhuma página necessária para informações
Além dos anúncios de notícias, os dados estáticos podem ser usados para apresentações de laboratório de professores, etc.
Todos os conteúdos de introdução devem conter texto e figuras o máximo possível
Todos os texto/fotos não requerem informações reais
Licença
O Projeto da Web é emitido no GPLV3. licença.license
Declaração de direitos autorais
O Web-Project usa o protocolo GPL V3.
