... | ... | @@ -33,3 +33,251 @@ Mais informações sobre charset podem ser obtidas neste artigo: https://www.w3 |
|
|
Mais informações sobre charset podem ser obtidas neste artigo: https://www.w3schools.com/html/html_charset.asp
|
|
|
|
|
|
Algumas soluções que podem utilizar no futuro foram descritas neste artigo: https://tableless.com.br/html-encode-utf-8/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<h2> Problemas para criar o ambiente em seu computador pessoal?</h2>
|
|
|
|
|
|
Como já deve ter percebido, executar o projeto no computador quando ainda não se está 100% ambientado com a arquitetura e as tecnologias não é uma tarefa trivial. Pensando nisto, separe uma xícara de café, se acalme e leia este tutorial que visa explicar como configurar seu computador pessoal para executar esta tarefa e nunca mais ter dor de cabeça.
|
|
|
Este tutorial foi feito utilizando Windows, logo alguns passos podem ser diferentes dependendo do sistema operacional que utilizas.
|
|
|
|
|
|
## Istalando o JDK
|
|
|
|
|
|
Como em qualquer projeto que utiliza Java como uma das tecnologias, faz-se necessário ter o Java Development Kit (JDK) instalado no ambiente, logo o primeiro passo foi o download e a instalação do JDK 1.8. O download pode ser feito em: http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html?ssSourceSiteId=otnpt
|
|
|
|
|
|
![image](/uploads/f8be9722144e046637dacd02dc638e22/image.png)
|
|
|
|
|
|
|
|
|
Ao executar o instalador a seguinte tela será exibida:
|
|
|
|
|
|
![image](/uploads/a72f7dcb025f4e59b7d4b32acae4b237/image.png)
|
|
|
|
|
|
|
|
|
Os passos de instalação são simples, como geralmente é utilizando o instalador do software, basta ir clicando em “Next” até que o processo seja concluído. É importante ressaltar que recomenda-se que não seja alterado o diretório destino do JDK a fim de garantir que a IDE o ache automaticamente posteriormente, caso contrário o processo de configuração do ambiente pode se tornar um tanto mais complexo.
|
|
|
|
|
|
![image](/uploads/a5cf9abdb9cf38db4f9d4611386f8efc/image.png)
|
|
|
|
|
|
![image](/uploads/378293e6f2b029de22e408f9170f5218/image.png)
|
|
|
|
|
|
![image](/uploads/3a5dc1fd3e5e1da1c70ba95cd80a5934/image.png)
|
|
|
|
|
|
![image](/uploads/ce3c6e9b4f734f704c2122f3aae30c78/image.png)
|
|
|
|
|
|
Pronto!
|
|
|
|
|
|
## O Tomcat
|
|
|
|
|
|
Baixe o arquivo **.zip** do Tomcat 8.0 referente a arquitetura de seu processador, o download pode ser feito em: [https://tomcat.apache.org/download-80.cgi]
|
|
|
|
|
|
![image](/uploads/412d6f8bf8df83c352709254151643ee/image.png)
|
|
|
|
|
|
|
|
|
Extraia os arquivos para um diretório em seu computador. Por costume, quando há a necessidade de configurar uma nova maquina, eu crio um diretório no disco “C” onde irei armazenar os softwares do ambiente, neste caso foi “C:\Softwares”, então eu sei que a partir da extração meu Tomcat está locado no seguinte caminho C:\Softwares\apache-tomcat-8.0.46.
|
|
|
|
|
|
## SGDB - MySQL
|
|
|
|
|
|
Faça o download do SGBD MySQL que é o utilizado em nosso projeto, ele está disponível no seguinte link:
|
|
|
https://dev.mysql.com/downloads/windows/installer/5.7.html
|
|
|
|
|
|
![image](/uploads/35cee4eee453fe0bc48967f0ee2940dc/image.png)
|
|
|
|
|
|
![image](/uploads/272c34838cc247a3c22061eb874df761/image.png)
|
|
|
|
|
|
![image](/uploads/aeb6fad4a3ff392ba4c90d12d675e741/image.png)
|
|
|
|
|
|
Se você optou pela forma mais fácil de instalação do MySQL, neste passo ele verificará dentre os softwares de seu Sistema Operacionais quais são os requisitos faltantes para que a instalação ocorra com sucesso. Se você optou no momento do download pelo instalador que tem cerca de 300MB alguns dos instaladores foram baixados junto, logo serão executados automaticamente, bastando clicar em “next”, “next” e “next”...
|
|
|
|
|
|
![image](/uploads/b1f7e0a70d12d5f1755cd67e6c04b700/image.png)
|
|
|
|
|
|
![image](/uploads/a07ee6edc86d1bde2105aa8f1c67f9e8/image.png)
|
|
|
|
|
|
![image](/uploads/8fa6a6f4a44432b8a0e5367970c246dd/image.png)
|
|
|
|
|
|
Essas instalações se repetirão até que o Sistema Operacional esteja apto a receber o MySQL Server e os componentes que foram selecionados anteriormente dependendo da forma de instalação escolhida. Depois de fazer todas as instalações necessárias, o botão “next” finalmente será habilitado, então “Let’s go!”.
|
|
|
|
|
|
![image](/uploads/5c31c652021009743369225746883853/image.png)
|
|
|
|
|
|
A seguinte janela será exibida com os instaladores, clique em “Execute”.
|
|
|
|
|
|
![image](/uploads/dc9bf520eefa07f5d44f94f3b28269c6/image.png)
|
|
|
|
|
|
![image](/uploads/36739cf95b2885cd4abd3f20a3fdeda8/image.png)
|
|
|
|
|
|
![image](/uploads/441945c70a195d703b35b200d91681db/image.png)
|
|
|
|
|
|
Como nos computadores da AGES, inclua para o usuário root a senha “senha”
|
|
|
|
|
|
![image](/uploads/7feb5e180cee449d7d029c16074b9aba/image.png)
|
|
|
|
|
|
Next:
|
|
|
|
|
|
![image](/uploads/e940fd81db1a705e23c97538c4ee0150/image.png)
|
|
|
|
|
|
![image](/uploads/9867fbc3d2e8dba5594d39c7d618d7c8/image.png)
|
|
|
|
|
|
Na tela abaixo clique em execute:
|
|
|
|
|
|
![image](/uploads/5d58bd877515ffc815effc4d5d24af8f/image.png)
|
|
|
|
|
|
Finish:
|
|
|
|
|
|
![image](/uploads/d4eec88d30efa2fc305f813adbaca5d1/image.png)
|
|
|
|
|
|
![image](/uploads/064f33620370d9872b0e68dc10548184/image.png)
|
|
|
|
|
|
Caso haja algum problema na instalação, indico que verifique na documentação do MySQL que está disponível no site:
|
|
|
[https://dev.mysql.com/doc/refman/5.7/en/mysql-installer.html]
|
|
|
|
|
|
> Um problema bastante comum, é quando em sistema de 64 bits instalamos o Visual C++ Redistributable 2013 na pasta relativa ao x64 e este instalador acaba não reconhecendo o diretório, neste caso o MySQL Server não será instalado e no log será descrito o seguinte motivo: “1: This application requires Visual Studio 2013 Redistributable. Please install the Redistributable then run this installer again.”
|
|
|
> Neste caso faça o download da versão 32 bits (x86) do site da Microsoft e o Instale na máquina.
|
|
|
|
|
|
Execute o MySQL Workbench 6.3 CE, provavelmente ele estará acessível em Iniciar > Todos os Programas > MySQL (se estiver usando o Windows 7).
|
|
|
|
|
|
![image](/uploads/e96369f0cfa44eb6df7d2181567d4688/image.png)
|
|
|
|
|
|
Clique sobre Local Instance MySQL57 e digite a senha do usuário “root”, que neste caso é “senha”.
|
|
|
|
|
|
![image](/uploads/d341c66a9e27cc25565a5e60272d01fe/image.png)
|
|
|
|
|
|
![image](/uploads/c5d92f597ca09bca310d4f6edf9fe8b3/image.png)
|
|
|
|
|
|
Clicando em Server > Server Status será possível verificar se o servidor local foi corretamente configurado e iniciado.
|
|
|
|
|
|
![image](/uploads/d90be9360d23b8cb9fcc13ab17cee56f/image.png)
|
|
|
|
|
|
## A IDE - Eclipse Oxygen
|
|
|
|
|
|
Deixando o banco de dados um pouco, agora acesse o site do Eclipse e faça download da versão correspondente a sua arquitetura de processador, o utilizado na Ages é o Oxygen. O download pode ser feito em: http://www.eclipse.org/downloads/
|
|
|
|
|
|
![image](/uploads/d4e585f13188484ac442a95f66b6cacd/image.png)
|
|
|
|
|
|
![image](/uploads/a40bada97d0492b9060a9aa5af2327fb/image.png)
|
|
|
|
|
|
Após o download, basta extrair os arquivos para um diretório em seu computador, como feito com o Tomcat, extraí para “C:\Softwares”.
|
|
|
|
|
|
## Confirgurando o Tomcat no Eclipse
|
|
|
|
|
|
Feita extração, é hora de executar e configurar a IDE, então mãos na massa! Acesse o diretório onde os arquivos foram extraídos, execute o eclipse e inclua a Workspace. Lembra do Tomcat que baixamos antes? Então, esta é a hora que diremos a IDE que ele existe e que iremos utiliza-lo! Após o Eclipse carregar, navegue até “Window > Preferences > Server > Server Runtime Enviroments” a tela abaixo deve ser exibida:
|
|
|
|
|
|
![image](/uploads/ef3c0a1050992dbb95ae2f2642a0aac0/image.png)
|
|
|
|
|
|
Clique em “Add”:
|
|
|
|
|
|
![image](/uploads/e9314aad3a9528caa4b4c8dd88dfd374/image.png)
|
|
|
|
|
|
Selecione Apache Tomcat v8.0, marque “Create a new local server” e clique em “Next.
|
|
|
Nesta tela clique em Browse para indicar onde o Tomcat foi extraído, no meu caso “C:\Softwares\apache-tomcat-8.0.46”
|
|
|
|
|
|
![image](/uploads/b7d51e43a4c102f7d65dea620bf1ca2d/image.png)
|
|
|
|
|
|
![image](/uploads/a98352f4ff13d23101a67b3f2d6c3f42/image.png)
|
|
|
|
|
|
Clique em “Finish” e voilá (VOA LÁ) a IDE já sabe que o Tomcat existe! Quando a janela abaixo for exibida clique em “apply and close”
|
|
|
|
|
|
![image](/uploads/bf096b16a6353654f9d461452279e8d2/image.png)
|
|
|
|
|
|
## Importar o Projeto do GitLab
|
|
|
|
|
|
Agora vamos importar nosso projeto para o Eclipse, então dentro do packge explorer, clique com o botão direito do mouse e depois em “import”.
|
|
|
|
|
|
![image](/uploads/08b69c859129ec8add2d4bb30be43b38/image.png)
|
|
|
|
|
|
Clique em Git > Projects from Git
|
|
|
|
|
|
![image](/uploads/efb44192b19326161b9ab393ee02c11f/image.png)
|
|
|
|
|
|
Abra seu navegador e e acesse o Git do projeto em http://www.tools.ages.pucrs.br/projetos/Biblioteca e clique para copiar a URL do fonte (“Copy URL to clipboard”):
|
|
|
|
|
|
![image](/uploads/318baf38dfbc09a522ba3d4a0a5e39fe/image.png)
|
|
|
|
|
|
De volta ao eclipse, na janela aberta clique em “Clone URI” e depois em “next”
|
|
|
|
|
|
![image](/uploads/99e3c65aa3953b2141cc4f59752ae6e1/image.png)
|
|
|
|
|
|
Automaticamente o eclipse reconhecerá a URL que foi copiada da página do Git e trará o formulário preenchido, neste passo você pode usar suas credenciais, mas não é obrigatório. Clique em “Next”:
|
|
|
|
|
|
![image](/uploads/018be3498c223c89f5ff36bd6aeff4fc/image.png)
|
|
|
|
|
|
Na janela que foi exibida, deixe selecionada somente a branch “Dev” e clique em “next”:
|
|
|
|
|
|
![image](/uploads/30792795b99bfe9d311a73885f0e01ed/image.png)
|
|
|
|
|
|
Selecione o diretório destino do projeto e clique em “Next”:
|
|
|
|
|
|
![image](/uploads/d203a67b61081c68404c421468470b73/image.png)
|
|
|
|
|
|
![image](/uploads/9d9e9461dcc9e8b845ac9a4c190c2929/image.png)
|
|
|
|
|
|
Após esta tela carregar, deixe marcada a primeira opção e clique em “Next”:
|
|
|
![image](/uploads/ee962b48bc86a282fdbf9d30ef5a1215/image.png)
|
|
|
|
|
|
Agora “Finish him”:
|
|
|
|
|
|
![image](/uploads/2fa89ede42093d7cde5932688f324ce3/image.png)
|
|
|
|
|
|
A partir disto, o projeto já estará importado no Eclipse, após ele terminar de carregar a Workspace, o projeto será exibido no Package Explorer com alguns erros, fique calmo!
|
|
|
|
|
|
![image](/uploads/b1308ae4ce94aa8e895c67582854d130/image.png)
|
|
|
|
|
|
Clique com o botão direito do mouse sobre o projeto, depois Maven e Update Project:
|
|
|
|
|
|
![image](/uploads/92e6535375a1267d40b114b8876c9373/image.png)
|
|
|
|
|
|
O projeto será atualizado e os erros sumirão!
|
|
|
|
|
|
## Criando e Populando o Banco de Dados
|
|
|
|
|
|
Agora Localize dentro do diretório “src” o package br.com.biblioteca.db e nele o arquivo BIBLIOTECA_SCRIPT.sql, abra-o e copie todo seu conteúdo para o Workbench como mostrado abaixo:
|
|
|
|
|
|
![image](/uploads/03a36c1a2f50d552bcec461d6ff416bf/image.png)
|
|
|
|
|
|
![image](/uploads/b941c921035dc036cde889073e7e4d92/image.png)
|
|
|
|
|
|
Clique no “Raio” que dica na parte superior para que as tabelas sejam criadas:
|
|
|
|
|
|
![image](/uploads/0b4a54ad7fed9c495f923bd823494fea/image.png)
|
|
|
|
|
|
Faça o mesmo com o arquivo “ BIBLIOTECA_POPULACAO_SRIPT” para que as tabelas sejam populadas:
|
|
|
|
|
|
![image](/uploads/6415296708cb96a11a12f1775f3af8b4/image.png)
|
|
|
![image](/uploads/2ec382f9240232a4cd5f821c811a4697/image.png)
|
|
|
|
|
|
|
|
|
## Executando o Projeto
|
|
|
|
|
|
Banco criado, tabelas populadas, servidor configurado, o que falta? Executar a aplicação! Clique com o botão direito do mouse sobre o projeto, depois em Run As > Run on Server.
|
|
|
|
|
|
![image](/uploads/7aa6afdf98349d2185b7e5c621458978/image.png)
|
|
|
|
|
|
Selecione o server que criamos anteriormente e clique em “Next”:
|
|
|
|
|
|
![image](/uploads/aa8d4a4c637deb5fc5c1f6191059af75/image.png)
|
|
|
|
|
|
|
|
|
|
|
|
Clique em “Finish”:
|
|
|
|
|
|
![image](/uploads/bc9144f5f8291c1c84e57ec8d00a94fc/image.png)
|
|
|
|
|
|
|
|
|
|
|
|
Pode demorar um pouco e dependendo das configurações de segurança de sua máquina pode ser que o Sistema Operacional peça algumas permissões, conceda-as e tcharammmmm:
|
|
|
|
|
|
![image](/uploads/c460e4454e98e480663a0ca1e0f77932/image.png)
|
|
|
|
|
|
|
|
|
|
|
|
Só para testar a conexão com o banco, peque um usuário qualquer e senha do banco de dados e tente o acesso, neste caso usamos "[email protected]" e a senha “adm”:
|
|
|
|
|
|
![image](/uploads/8834519f7a57b8fcd6c3c59c9e9e5c64/image.png)
|
|
|
|
|
|
|
|
|
![image](/uploads/663078afbec691a5699566b1011bcae5/image.png)
|
|
|
|
|
|
|
|
|
Pronto, o projeto está funcionando!
|
|
|
|
|
|
Se perdeu em algum passo? Ficou curioso em relação a algo? Procure um dos colegas da Ages que teremos o prazer em ajudar!
|
|
|
|
|
|
Ahhh! Você pode configurar o Eclipse para abrir o projeto em seu navegador favorito, mas dai isto é por sua conta ;D |