Um projeto Web Java simples, implementado usando JSP, Servlet, MySQL, Bootstarp e outras tecnologias. Concluiu os blogs de registro e login, blogs de publicação, blogs de leitura, curtidas, comentários, alterando informações pessoais, computadores adaptativos e telefones celulares e outras funções. Se quiser, clique nas estrelas, obrigado.
Um projeto Web Java simples, use JSP, Servlet, MySQL, Bootstarp e outros. Percebi a função de login e registro, publique blog, leia o blog, show como, publique comentários, alteração de perfil de pessoa, desktop móvel e outros. Se você gosta disso, clique na estrela, obrigado.
Existe um painel de introdução simples na página inicial, e a seguir é uma recomendação de postagem no blog, que recomenda aleatoriamente 10 postagens no blog.

Para fazer login, você precisa inserir o código de verificação. O código de verificação é uma fórmula simples e você pode se lembrar da senha da conta. Após o login, ele salta para o local antes de fazer login e alguns dados editados podem ser salvos (não implementados pelo componente de login).

registrar.

O título e o tempo são exibidos acima (incluindo se o artigo é modificado e o tempo da modificação). Há um botão de operação à direita, que pode editar ou excluir o artigo. Existem informações do autor, estatísticas de dados do artigo e botões de instrução no meio, o que pode gostar, cancelar curtidas, se opõe, cancelar oposições (as oposições não serão contadas, mas serão registradas). Abaixo está a seção de comentários, você pode postar comentários, ver comentários e comentários são carregados dinamicamente usando o Ajax, carregando 10 comentários por vez.

Os comentários do artigo adotam a estratégia de carregamento de paginação dinâmica, com 10 itens carregando cada vez. A exclusão de pop-ups é semelhante ao Responder Pop-ups. A exclusão da resposta usa a tecnologia AJAX e não requer atualização de toda a página (exceto para os comentários acima). A administração dos comentários é gerenciada em conjunto pelo próprio comentarista, pelo administrador do site e pelo autor do artigo.

A página do blog exibe os blogs de todos os usuários neste site. Eles podem ser classificados pelo número de curtidas, comentários, visualizações, tempo de publicação e tempo de modificação etc., usando a tecnologia de paginação, com 10 dados por página (abaixo do rodapé).

Suportar a pesquisa de palavras -chave, pode pesquisar títulos, conteúdo e usuários, e a tecnologia de paginação é consistente com a página do blog.

Use Summernote-V0.8.20 para implementar a edição de texto rico e realizar o upload da imagem. Como é armazenado no banco de dados, o comprimento do texto do código é de até 6W (pode ser melhorado para armazená -lo em forma de arquivo ou em outras soluções posteriormente). A tecnologia Ajax é usada para publicar postagens no blog.

A página de perfil possui estatísticas de dados pessoais, perfil e lista de postagens de blog pessoal (paginação).

Edite a página de informações, você pode editar informações pessoais como Avatar (pré -fabricado), apelido, assinatura, gênero, cidade natal e informações de contato.

Interface de modificação de senha simples.


As mensagens não lidas são pretas e preenchidas, e as mensagens são cinza e preenchidas após serem exibidas.

A mensagem vem com um link, clique na mensagem para alcançar o local especificado do artigo especificado.
A página inicial da gerência exibe algumas estatísticas neste site.

Interface de gerenciamento de usuários.

Interface de gerenciamento de blogs.

Interface de gerenciamento de comentários.

Interface de liberação do anúncio, você pode filtrar o objeto de envio, definir a posição de salto depois de clicar e notificar o usuário especificado na forma de uma mensagem após o envio.

Na interface de dados de edição, o quadro de edição é gerado dinamicamente, não escrito e após a modificação, ele pode voltar à posição original para inserir a posição modificada.

A interface do celular compartilha a mesma página do computador e usa o bootstrap de estrutura front-end responsivo para implementá-lo.

A interface móvel não é muito diferente do computador. Em alguns lugares, para se adaptar à operação do telefone celular, eles o retendaram, como ler a parte do meio da página.

A interface de postagem do blog no telefone celular não é fácil de operar, mas ainda pode ser usada.

No telefone celular, parece que o layout do computador é muito maior.

A interface de gerenciamento não usa nenhuma estrutura e ainda está tão fora do caminho.

No geral, as funções são relativamente simples, mas pessoalmente sinto que a interface é bastante requintada (exceto a interface de gerenciamento).
A senha de todas as contas é 123456 !
Arquivo de configuração do banco de dados (arquivo de configuração SQL): src/druid.properties
Arquivo da estrutura do banco de dados (arquivo de estrutura SQL): src/xiaoxiang_blog.sql
Arquivo de dados de teste do banco de dados (arquivo de dados SQL): SRC/Xiaoxiang_blog_data.sql
Alguns artigos, comentários, contas de teste etc. são incorporados ao arquivo de dados de teste (os direitos autorais do artigo pertencem ao autor original e nenhuma comunicação foi feita durante o trecho) é usada para testes. Alguns artigos, comentários, contas de teste etc. são construídos no arquivo de dados de teste (os direitos autorais do artigo pertencem ao autor original e nenhuma comunicação é feita durante a extração) para teste.
Arquivo de configuração do Admin: src/admin.properties
O administrador usa o formulário de registro, grava a conta do administrador no arquivo de configuração e depois vai para a página de registro para se registrar. Após o registro, torna -se o administrador. Ou você pode modificar diretamente o banco de dados e alterar o campo de função para 1. O administrador usa a forma de registro, grava a conta do administrador no arquivo de configuração e depois vai para a página de registro para se registrar. Após o registro, o administrador é o administrador. Ou você pode modificar diretamente o banco de dados e alterar o campo de função para 1.
Arquivo de configuração de log: src/logback.xml
Arquivo de configuração do modo de depuração: src/minuhy/xiaoxiang/blog/config/debugconfig.java
Para detalhes do processamento de log, consulte o arquivo de configuração. Consulte o arquivo de configuração para obter detalhes de processamento de log.
Pasta de teste html removível: webcontent/html
Ele contém o código ao escrever o front-end e a exclusão não afeta o uso normal. Ele contém o código ao escrever o front end. A exclusão não afeta o uso normal.
Pasta de imagem pré -fabricada: webcontent/img
Ícones embutidos, etc. para o sistema. Embutido alguns ícones necessários para o sistema.
Pasta de avatar pré -fabricada: webcontent/img/avatar
h001.png para h138.png são todos os arquivos de imagem de avatar extraídos do pacote de instalação da versão QQ Android. A explicação de direitos autorais pertence ao QQ. Este projeto é usado apenas para teste. H001.png e H138.png são arquivos de imagem Avatar extraídos do pacote de instalação QQ Android. A interpretação de direitos autorais pertence a QQ. Este projeto é usado apenas para teste.
Pasta da biblioteca HTML: WebContent/lib
Todas as bibliotecas são adicionadas ao projeto na forma de downloads, e os direitos autorais do código na biblioteca pertencem ao autor original. Todas as bibliotecas são adicionadas ao projeto na forma de download, e o código de direitos autorais na biblioteca pertence ao autor original.
Pasta html css js (pasta): webcontent/lib/xiaoxiang
Os JS e CSS que escrevi estão armazenados aqui. Meu arquivo JS e CSS nisso.
JSP Página Comum: WebContent/Parcial
Incluindo cabeçalho, rodapé, barra de navegação, etc. Inclua a cabeça da página, o pé da página e o NAV.
Página de administração JSP: WebContent/Admin
Todos os arquivos JSP para a página do administrador. Toda a página de administrador nisso.
Commons-FileUpload-1.5 https://commons.apache.org/proper/commons-fileupload/
Commons-IO-2.11.0 https://commons.apache.org/proper/commons-io/
druid-1.2.16 https://github.com/alibaba/druid
fastjson-1.2.83 https://github.com/alibaba/fastjson
mysql-connector-java-5.1.49 https://dev.mysql.com/blog-archive/mysql-connector-j-5-1-49-ga-has-been-released/
Logback-Classic-1.2.11 https://logback.qos.ch/download.html
Logback-Core-1.2.11 https://logback.qos.ch/download.html
slf4j-api-1.7.36 https://www.slf4j.org/download.html
bootstrap-3.4.1 https://getbootstrap.com/docs/3.4/
Dot-1.1.3 https://github.com/olado/dot
html5shiv-3.7.3 https://github.com/afarkas/html5shiv
jQuery-1.12.4 https://jquery.com/
Response.JS-1.4.2 https://github.com/scottjehl/Rand
Summernote-V0.8.20 https://summernote.org/