Database locale pour application HTML

Loukana666 -

Bonjour,

Je cherche à faire une petite application personnelle dans un format type HTML. Pour cela, j'aimerais accéder à une base de données locale (de type sqlite si possible) où j'aurais stocké des données, et à laquelle la page HTML me permettrait d'accéder grâce à des fonctions en javascript.

J'aimerai savoir s'il est possible de créer cette base de données directement dans le dossier de la page HTML, sans avoir à aller la chercher dans le dossier AppData du navigateur dont je vais me servir. Sinon, est-ce que quelqu'un a une meilleure idée de la marche à suivre ?

J'espère que ma requête est suffisamment claire, n'hésitez pas à me demander des précisions sinon.

Merci d'avance.

Afficher la suite

A voir également

Database locale pour application HTML
Editeur html - Télécharger - HTML
Borland database engine - Télécharger - Édition & Programmation
Ip locale - Guide
Module d'expérience locale francais ✓ - Forum Matériel & Système
Application word et excel gratuit - Guide

3 réponses

Réponse 1 / 3
Célien
Salut,

HTML c'est pas idéal pour faire des applications web dynamique qui gèrent des données, il faudrait utiliser un autre langage qui fait ça bien, comme par exemple PHP.

0

Réagir
1. Loukana666 Auteur
  
  Je ne sais pas si on peut vraiment parler d'application web, car je ne compte pas mettre cette page sur internet, seulement m'en servir directement depuis un dossier sur mon PC. D'après ce que je sais, il est nécessaire de passer par un serveur pour faire fonctionner du PHP. Mon but est de fonctionner uniquement en local.
  
  Tout ce que je cherche, c'est un moyen d'envoyer des requêtes en javascript pour récupérer des données dans un tableau (base de données ou même feuille de calcul Excel) dont le fichier serait situé dans le même dossier que ma page HTML, ma feuille de style et mon fichier javascript... Est-ce qu'il y existe une solution simple sans passer par un serveur ou un langage de prog supplémentaire ?
  
  0
  
  Réagir
2. Célien
  
  Je comprends pas bien ta démarche si tu veux gérer des données pour toi pourquoi tu utilises pas un outil bureautique comme Excel ou Access par exemple ?
  
  0
  
  Réagir
3. JooS
  
  Salut !
  
  l'HTML n'est pas un langage de programmation, seulement de mise en page !
  Javascript a lui seule ne peut interroger une base de données !
  
  Sinon, si tu ne peux installer un serveur chez toi (tel que wamp), tu doit voir du coté d'un autre langage de programmation (C, C++ ...) .
  
  Sinon, si c'est juste pour stocker des données et les retrouver après, tu peut utiliser Access de Microsoft, il te permet de créer des bases de données, des requêtes pour sélectionner des informations spécifiques, mais aussi des formulaires pour insérer des données plus facilement.
  
  0
  
  Réagir
4. Loukana666 Auteur
  
  @Célien : Je cherche surtout à accéder à ces données via une mise en page HTML, avec des formulaires qui, en fonction des choix et des requêtes de l'utilisateur, afficheront des données spécifiques de la base de données.
  
  @JooS : J'avoue que j'ai appris le HTML et le javascript sur le tas, je ne fais pas trop attention aux termes techniques...
  J'ai envisagé de passer au C++, mais ça me semblait idiot d'apprendre un tout nouveau langage alors que j'avais juste besoin de quelques tableaux de données à trier avec le javascript. J'ai fait une petite appli du même type récemment en HTML et javascript, qui communiquait avec une base de données via des commandes de type transaction.executeSql. Ca marchait nickel, à part pour le fait que la base de données se créait automatiquement dans le dossier AppData de Safari. Je cherchais juste à savoir s'il était possible d'avoir le même genre de système, mais avec une base de données directement dans les fichiers de la page HTML.
  
  Je vais quand même me renseigner pour Access, je ne sais pas si c'est tout à fait ce que je veux, mais je vais jeter un oeil. Merci pour les conseils !
  
  0
  
  Réagir
5. Célien
  
  Pourquoi le html si c'est pas pour le web ?
  Le html n'est en aucune façon une bonne solution pour faire des applications base de données.
  
  C'est à peu près comme si tu disais j'ai un épluche légume et je sais m'en servir et je vais donc me servir de ça pour faire de la maçonnerie, lol.
  
  C'est les SGBD qui sont fait pour ça, en version bureautique grand public le plus utilisé c'est Access.
  
  0
  
  Réagir
Réponse 2 / 3
Alain_42
sur ton PC tu peux installer un serveur local WAMP qui te permet de créer une base de données et d'utiliser le langage php

si tu ne veux pas faire ainsi vas voir sur ce site:
http://ww11.biblioscript.com/javascript/base_base.shtml

ou http://b.kostrzewa.free.fr/javascript/td-objets/base.html

1

Réagir
1. Loukana666 Auteur
  
  Les deux sites m'ont l'air plutôt intéressants, ce n'est pas tout à fait ce que je recherchais mais ça me semble être une bonne solution de secours ! Merci !
  
  0
  
  Réagir

Alain_42

apparemment il est possible de creer une BDD en javascript,

vas voir ce site:
http://ww11.biblioscript.com/javascript/base_base.shtml

évidement les données sont rentrées manuellement dans le fichier html (voir la partie "debut des données" du script)

je l'ai un peu retravaillé:

<html>
<head>
<script type="text/JavaScript">
// appel de la fonction principale et formatage de l'après réponse
function validate_form() {
	txt = document.form.search.value;
	jsi = new makeLinks(linksize);
	searchLinks(jsi, txt);
	document.write("<hr>");
	document.write("<a href='nom_de_ton_fichier.html'>Retour</a> à la recherche.<br><br> ");
}

function makeEntry (){
	this.Name="";
	this.URL = "";
	this.Desc = "";
	this.Category = "";
	this.Target = "";
	return this;
}

function makeArray(n) {
	this.length = n;
	for (var k = 1; k <= n; k++) {
		this[k] = "";
	}
	return this;
}

// Création du tableau de la base
function makeLinks(size) {
	this.length = size;
	for (var r=1; r<= size; r++) {
		this[r] = new makeEntry();
		this[r].Name = namesArray[r];
		this[r].URL = urlsArray[r];
		this[r].Desc = descArray[r];
		this[r].Category = categoryArray[r];
		this[r].Target = targetArray[r];
	}
	return this;
}

// Description et indexation du tableau de la base
var linksize=0
datesArray = new Array(linksize);
namesArray = new Array(linksize);
urlsArray = new Array(linksize);
descArray = new Array(linksize);
categoryArray = new Array(linksize);
targetArray = new Array(linksize);

// Initialisation de la base
var arraycount=0;

// Début des données

urlsArray[arraycount] = "https://actus.sfr.fr";
namesArray[arraycount] = "Club Internet";
descArray[arraycount] = "provider fai isp fournisseur";
categoryArray[arraycount] = "vendeur";
targetArray[arraycount] = "target=_top";

arraycount +=1;
urlsArray[arraycount] = "https://www.orange.fr/portail";
namesArray[arraycount] = "Wanadoo";
descArray[arraycount] = "provider fai isp fournisseur france telecom";
categoryArray[arraycount] = "2";
targetArray[arraycount] = "target=_top";

arraycount +=1;
urlsArray[arraycount] = "https://www.orange.fr/portail";
namesArray[arraycount] = "Orange";
descArray[arraycount] = "provider fai isp fournisseur france telecom";
categoryArray[arraycount] = "3";
targetArray[arraycount] = "target=_top";

// Taille du tableau
linksize = arraycount;

//creation liste deroulante:
function crea_liste_deroulante(array_donnees_liste){
	var array_liste= new Array();
	array_liste=array_donnees_liste;
	var liste='<select name="search" >';
	for(i=0;i<array_liste.length;i++){
		liste=liste+'<option value="'+array_liste[i]+'">'+array_liste[i]+'</option>';
	}
	liste=liste+'</select>';
	return liste;
}

// La fonction de recherche elle-même
function searchLinks(links, keyword){

	// la ligne d'en-tête de la réponse à la base de données
	document.write("<u>Résultat de la recherche sur <strong>" + keyword + "</strong> :</u><br><br>");
	for (var q=1; q<=links.length; q++) {

		// Pour chercher sur un élément du tableau, il faut créer un paragraphe comme suit avec le nom de l'élément, ici : URL, ensuite : Desc...
		if (links[q].URL.toLowerCase().indexOf(keyword) != -1){
		document.write("<a href=" + links[q].URL +" " + links[q].Target + ">" + links[q].Name + "</a> ");
		document.write( links[q].Category + "<br><br>");
		continue;
		}
		if (links[q].Desc.toLowerCase().indexOf(keyword) != -1) {
		document.write("<a href=" + links[q].URL +" " + links[q].Target + ">" + links[q].Name + "</a> ");
		document.write( links[q].Category + " ");
		continue;
		}
		if (links[q].Name.toLowerCase().indexOf(keyword) != -1) {
		document.write("<a href=" + links[q].URL +" " + links[q].Target + ">" + links[q].Name + "</a> ");
		document.write( links[q].Category + " ");
		continue;
		}
	}
}

</script> 
</head>
<body>
<form name="form">
Choisir l'élément recherché...
<div id="liste_content"><!-- ici la liste va etre ecrite par le innerHTML --></div>
<input type="button" name="submit" value="Rechercher" onClick="validate_form()">
</form>
<script type="text/JavaScript">
//// ATTENTION cette partie de javascript doit être après le formulaire sinon on ne trouve pas l'id "liste_content"
// on lance la fonction creation de la liste déroulante
liste=crea_liste_deroulante(urlsArray); 
//on l'ecrit dans la page dans le div id_content
document.getElementById('liste_content').innerHTML=liste;
</script>
</body>
</html>

Loukana666 Auteur
Je pense en effet que je vais partir sur cette piste, ça me paraît être la solution la plus simple sans passer par d'autres langages. Je vais de ce pas tester ça avec mon système. Merci pour le coup de main !

0

Réagir

Database locale pour application HTML

3 réponses

Discussions similaires

Newsletters