DEV Community

Cover image for Como Criar um App Web com Crow C++, MySQL e Tailwind CSS
Marcos Oliveira
Marcos Oliveira

Posted on

Como Criar um App Web com Crow C++, MySQL e Tailwind CSS

#webdev #cpp #mysql #tailwindcss

Assista série/playlist que possui 9 vídeos que mostra passo a passo como desenvolver uma aplicação web para gerenciamento de tarefas com Crow C++, MySQL e Tailwind CSS.

📹 Playlist

▶︎•၊၊||၊|။||||။၊|။•

ToDo++(crow-todo)

💻 Passo a passo para rodar na sua máquina ↓

Windows e Unix-Like(macOS,GNU/Linux,*BSD, Haiku,...)

🪟 Windows:

▶️ Instale:

  1. Como Instalar o Crow e C++ no Windows
  2. Instale o MySQL no Window
  3. Como Conectar ao MySQL com C/C++ no Windows

©️ Clone o projeto:

Ou faça o download direto e depois descompacte.

git clone https://github.com/terroo/crow-todo
cd crow
Enter fullscreen mode Exit fullscreen mode

🎲 Faça o dump da base de dados: 

mysql -u root -p < cpp.sql
Enter fullscreen mode Exit fullscreen mode

🗄️ Altere suas credenciais para o MySQL:

Abra o arquivo: todo.cpp e mude as linhas 16([YOUR_USER]) e 17([YOUR_PASS]):

// ...
  connect = mysql_real_connect(
    connect,
    "localhost",
    "[YOUR_USER]",
    "[YOUR_PASS]",
    "cpp",0, NULL, 0
  );
// ...
Enter fullscreen mode Exit fullscreen mode

🏗️ Compile: 

g++ main.cpp -I"C:/Includes/asio/include" -I"C:/Includes/crow/include" -lws2_32 -lmswsock -o app.exe
Enter fullscreen mode Exit fullscreen mode

Assumindo que as bibliotecas asio e crow estão no caminho: C:\Includes, modifique o caminho se você não seguiu o tutorial de instalação citado acima.

🏃 Rode: 

app.exe
Enter fullscreen mode Exit fullscreen mode

🌎 Acesse pelo navegador:

http://localhost:18081/

🦬 Unix-Like:

macOS, GNU/Linux, *BSD, Haiku,...

▶️ Instale:

  1. Como Instalar o Crow e C++ no Apache
  2. Instale o MySQL
  3. Instale o Conector C/C++

©️ Clone o projeto: 

git clone https://github.com/terroo/crow-todo
cd crow
Enter fullscreen mode Exit fullscreen mode

🎲 Faça o dump da base de dados: 

mysql -u root -p < cpp.sql
Enter fullscreen mode Exit fullscreen mode

🗄️ Altere suas credenciais para o MySQL:

Abra o arquivo: todo.cpp e mude as linhas 16([YOUR_USER]) e 17([YOUR_PASS]):

// ...
  connect = mysql_real_connect(
    connect,
    "localhost",
    "[YOUR_USER]",
    "[YOUR_PASS]",
    "cpp",0, NULL, 0
  );
// ...
Enter fullscreen mode Exit fullscreen mode

🏗️ Compile:

Com CMake.

cmake -B build .
cmake --build build
Enter fullscreen mode Exit fullscreen mode

🏃 Rode: 

./build/app-crow-todo
Enter fullscreen mode Exit fullscreen mode

🌎 Acesse pelo navegador:

http://localhost:18081/

Dados para logar no aplicativo:

  • Login: marcos@cpp.io
  • Senha: teste123@

Se quiser criar suas credenciais para logar, insira pelo MySQL, exemplo:

mysql -u root -p -D cpp # Depois informe sua senha

INSERT INTO `login` VALUES (NULL,'SEU NOME','SOBRENOME','SEU_USUARIO@EMAIL.COM', SHA2('[SUA_SENHA]', 256),'admin');
Enter fullscreen mode Exit fullscreen mode

Altere os dados em maiúsculos por seus correspondentes dados.

📹 Série de vídeos que mostram como crow-todo/ToDo++ foi feito:

▶︎•၊၊||၊|။||||။၊|။•

Top comments (0)