Git Product home page Git Product logo

transportadora-pco-vue's Introduction

transportadora-pao-com-ovo-Vue

Descrição

Projeto da disciplina de Programação WEB, professor Thiago Santana Batista.

Continuação desse projeto Versão 1 utilizando Spring Boot + Thymeleaf + JPA + Hibernate.

O projeto foi planejado para ser desenvolvido em 4 sprints. Da 1° até a 3° sprint foi usado Spring Boot + Thymeleaf em multiple-page application, na última sprint metade dos casos de usos deveriam ser desenvolvidos usando Spring Boot como API + Node.js + Vue.js.

Na sprint final o professor realizou um sorteio para que os grupo trocassem de projeto, por isso o código desse projeto em Spring Boot está diferente da Versão 1 utilizando Spring Boot + Thymeleaf + JPA + Hibernate.

Tecnologias utilizadas:

  • Spring Boot 2
  • Node.js
  • Vue.js
  • JPA
  • Hibernate
  • MySQL

Ferramentas utilizadas:

  • Eclipse Java EE IDE for Web Developers
  • MySQL Workbench
  • Visual Studio Code

Documentação passo-a-passo

  1. Clone o projeto na sua máquina, descompacte os arquivos e siga os passos para cada pasta, tanto no back-end quanto no front-end.

Back-end

  1. No Eclipse vá em "File -> Import -> Maven -> Existing maven projects", aperte em "Next" e selecione onde está a pasta que foi extraida no passo anterior.

  2. Na parte de "Project" selecione o arquivo "pom.xml...:jar" aperte em "Finish" e aguarde a IDE importar as dependências.

  3. Com o projeto importado vá em "src/main/resources -> application.properties", altere seu nome de usuário e senha para que o projeto possa instanciar o banco de dados.

spring.datasource.username=<usuário do mysql>
spring.datasource.password=<senha do mysql>
  1. Salve as mudanças, em seguida vá em "src/main/java -> br.com.brunocarol.transpco -> TranspcoApplication.java" clique com botão direito e siga "Run As" -> "Java Application", agora aguarde todo o processo de build do sistema.

Front-end

  1. Instale o Node.js

  2. Selecione a pasta transpco-front-end no Visual Studio Code.

  3. Abre o terminal e digite os comandos para instalação de pacotes e dependências:

npm install
npm install vue
npm install -g @vue/cli
  1. Em seguida ainda no terminal rode o servidor executando:
npm run serve -- --port 8081
  1. Depois do servidor inicializar, abra seu navegador em http://localhost:8081/.

Demostração

1   4   2   3

transportadora-pco-vue's People

Contributors

mateuscg avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.