Cadastro de Alunos
Novo Aluno
Consulta de Alunos
| Matrícula | Nome | Idade | Turma | Ações |
|---|
The Menu of this blog is loading..........
tudo
Aqui está um esboço do programa em JavaScript que pode ser usado em um blog do Blogspot para criar o sistema que você solicitou. Ele usará o Google Apps Script para interagir com uma planilha do Google para armazenar e consultar os dados. A interface será criada usando HTML, CSS e JavaScript embutido.
---
Passo 1: Configurando a Planilha Google
1. Crie uma planilha no Google Drive chamada Cadastro de Alunos.
2. Insira as seguintes colunas na planilha:
Matrícula, Nome, Data de Nascimento, Sexo, Idade, Nome dos Responsáveis, Telefone, Filiação, Endereço, Bairro, CEP, Cidade, UF, Turma, Turno.
---
Passo 2: Código do Google Apps Script
1. No Google Sheets, vá para Extensões > Apps Script.
2. Insira o seguinte código no editor do Apps Script para configurar a API:
function doGet() {
return HtmlService.createHtmlOutputFromFile('index');
}
function salvarAluno(dados) {
const planilha = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
planilha.appendRow(dados);
return "Dados salvos com sucesso!";
}
function buscarAlunos() {
const planilha = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
const dados = planilha.getDataRange().getValues();
return dados;
}
function atualizarAluno(indice, dadosAtualizados) {
const planilha = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
for (let i = 0; i < dadosAtualizados.length; i++) {
planilha.getRange(indice + 1, i + 1).setValue(dadosAtualizados[i]);
}
return "Dados atualizados com sucesso!";
}
3. Salve o projeto e implante-o como um aplicativo da web:
Clique em Implantar > Novo aplicativo da Web.
Escolha "Qualquer pessoa, mesmo anônima" para permissões.
---
Passo 3: Interface HTML e CSS
Adicione o arquivo index.html no editor do Apps Script:
Cadastro de Alunos
---
Com esse sistema, você terá:
1. Cadastro de alunos: Salva as informações automaticamente com uma matrícula única.
2. Consulta e edição: Mostra os dados na planilha com possibilidade de edição.
0 Comentários