Wie erstelle ich eine Datenbank in der nur bestimmte Informationen ausgelesen werden?

Tom 0470 · 25. März 2016

Hallo, eines vorweg, ich bin KFZ-Mechaniker und habe nur ein bisschen bis sehr wenig Ahnung von der HTML-Materie. Ich habe mir ein "Programm" selbst geschrieben, da unser Fahrzeughersteller die unangehme Seite hat, diverse wichtige Informationen an den unmöglichsten Orten zu verstecken. Diese Informationen sind für uns in der Werkstatt und der Garantieabwicklung sehr wichtig und sammle sie deswegen in einer eigen Samlung, die ich über html aufrufe, diese "Sammlung hat aber nun bereit schon mehrere tausend html Dateien (aktuell 49 Fahrzeuge, 30 Gruppen mit jeweils 3 weiteren Untergruppen, also über 4400 html Dateien). Nun wird mir das ganze allerdings etwas zuviel, da ich für jedes Fahrzeug und jede Baugruppe (Motor, Kühlsystem, innere Elektrik, äussere Elektrik, ...) eine eigene *.html Datei erzeugt habe, d.h., trifft eine Beanstandung auf 10 Fahrzeuge zu und diese lassen sich auch noch in mehrere Untergruppen auflisten, muss ich 30 Dateien verändern. Mein Programm sieht in etwa so aus, besteht aus drei Frames, oben rechts wählt man das Fahrzeug aus, links die einzelne Baugruppe, als Untermenü (Aufklappmenü) kann man in den einzelnen Baugruppen hier nochmals auswählen, ob es eine eilige Nachricht ist, eine Produkt Service Information, oder eine Nachricht von der Fahrzeugtechnit. Unten rechts wird dann das Ergebnis angezeigt.

Soweit so gut, hier nun meine Frage: ist es irgendwie möglich, dass ich evtl nur noch einige Wenige Dateien anlege und bearbeite und sich das irgendwie nur für
das ausgewählte Fahrzeug und Baugruppe angezeigt wird? Also eine Anweisung von: Zeige von Fahrzeug/Motor die Produkt Service Information?
Die Frame-Struktur würde ich wegen der Übersichtlichkeit gerne behalten. Ich bin schon ganz wirr im Kopf vor lauter Googeln und kann beim besten Willen nichts finden.

Danke schonmal fürs lesen und ggf. für eine Hilfestellung (die ich auch benötige :-))

P.S.: Das Projekt ist rein privat und wird nicht veröffentlicht.

cottton · 25. März 2016

Das könnte sich schwierig gestallten.
Ich verstehe gerade nicht, warum und wie Du die Dateien speicherst.

Am besten Du postest mal nen Screenshot, damit man sich was vorstellen kann (Daten schwärzen).
Und dann in müsste man wissen (in Stichpunkten), wie der momentane Ablauf ist.

Nutzt Du PHP? Javascript?
Im normal Fall würdest Du ein Formular haben, in dem Du Daten anzeigst,
evtl noch ein zweites, um neue Datensätze an zu legen (anzulegen? :D).

Die Daten sollten dann in einer Datenbank gespeichert werden (nicht in Dateien).
(Falls Du PHP noch nicht kennst: http://www.php-kurs.com/erstes-php-programm.htm)

Tom 0470 · 26. März 2016

Zitat

Ich verstehe gerade nicht, warum und wie Du die Dateien speicherst.

die einzelnen neuen Informationen werden immer wieder in den vorhanden *.html Dateien hinzugefügt.

Zitat

Am besten Du postest mal nen Screenshot, damit man sich was vorstellen kann (Daten schwärzen).

Siehe Anhang

Zitat

Nutzt Du PHP? Javascript?

Im normal Fall würdest Du ein Formular haben, in dem Du Daten anzeigst,

evtl noch ein zweites, um neue Datensätze an zu legen (anzulegen? :D).

genau hier fangen meine Probleme an, zuerst wird das Fahrzeug ausgewählt, das heisst ich müsste es schaffen, dem linken Frame bereits einen Anweisung senden, der linke Frame müsste dann dem unteren rechten Frame nochmal beides übermitteln, aber egal was ich bereits im Netz gefunden habe, ich versteh es leider nicht.
PHP? Javascript? - keine Ahnung, ich sehe in meinen Quellcode zwar den Text Javascript, aber ob der Browser damit arbeitet?
Eine Art Datenbank wäre ja auch meine Idee gewesen, nur setzt es an der Umsetzung aus, ich hab keinen Plan wie.

hier mal der Quellcode für den linken Frame (verkürzt)

HTML

<html>
<head>
<title> </title>
<meta name="author" content="petomka">
<meta name="editor" content="html-editor phase 5">
</head>
<body text="#000000" bgcolor="#C0C0C0" link="#FF0000" alink="#FF0000" vlink="#FF0000">










<font face="Arial"><b><i><font size="+1"><div align="center"><img src="images.jpg" alt="" border="0" width="139" height="80"><br>
B-Max</div></font></i></b><br><br>







<!--INC:"TOCFrame.inc","11.05.2009 22:18:26"-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><body bgcolor=silver>
    	<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
    	<meta http-equiv="content-language" content="de" />
    	<meta name="robots" content="index, follow" />
    	<title>tocframe</title>




    	<style type="text/css">




            	ul#menu {
              	width: 180px;
              	list-style-type: none;
              	border-top: solid 1px #00008B;
              	margin: 0;
              	padding: 0;
            	}




            	ul#menu ol {
              	display: none;
              	text-align: right;
              	list-style-type: none;
              	margin: 0;
              	padding: 5px;
            	}




            	ul#menu li,
              	ul#menu a {
              	font-family: Arial;
              	font-size: 15px;
              	color: black;
            	}




            	ul#menu li {
              	border-bottom: solid 1px #00008B ;
              	line-height: 16px;
            	}




            	ul#menu ol li {
              	border-bottom: none;
            	}




            	ul#menu ol li:before {
              	content: "- ";
            	}




            	ul#menu a {
              	text-decoration: none;
              	outline: none;
            	}




            	ul#menu a:hover {
              	color: white  ;
            	}




            	ul#menu a.active {
              	color: #A52A2A ;
            	}







    	</style>
    	<script type="text/javascript">
            	//<![CDATA[




            	if(!window.Node){
              	var Node = {ELEMENT_NODE : 1, TEXT_NODE : 3};
            	}




            	function checkNode(node, filter){
              	return (filter == null || node.nodeType == Node[filter] || node.nodeName.toUpperCase() == filter.toUpperCase());
            	}




            	function getChildren(node, filter){
              	var result = new Array();
              	var children = node.childNodes;
              	for(var i = 0; i < children.length; i++){
                	if(checkNode(children[i], filter)) result[result.length] = children[i];
              	}
              	return result;
            	}




            	function getChildrenByElement(node){
              	return getChildren(node, "ELEMENT_NODE");
            	}




            	function getFirstChild(node, filter){
              	var child;
              	var children = node.childNodes;
              	for(var i = 0; i < children.length; i++){
                	child = children[i];
                	if(checkNode(child, filter)) return child;
              	}
              	return null;
            	}




            	function getFirstChildByText(node){
              	return getFirstChild(node, "TEXT_NODE");
            	}




            	function getNextSibling(node, filter){
              	for(var sibling = node.nextSibling; sibling != null; sibling = sibling.nextSibling){
                	if(checkNode(sibling, filter)) return sibling;
              	}
              	return null;
            	}
            	function getNextSiblingByElement(node){
                    	return getNextSibling(node, "ELEMENT_NODE");
            	}




            	// Menu Functions & Properties




            	var activeMenu = null;




            	function showMenu() {
              	if(activeMenu){
                	activeMenu.className = "";
                	getNextSiblingByElement(activeMenu).style.display = "none";
              	}
              	if(this == activeMenu){
                	activeMenu = null;
              	} else {
                	this.className = "active";
                	getNextSiblingByElement(this).style.display = "block";
                	activeMenu = this;
              	}
              	return false;
            	}




            	function initMenu(){
              	var menus, menu, text, a, i;
              	menus = getChildrenByElement(document.getElementById("menu"));
              	for(i = 0; i < menus.length; i++){
                	menu = menus[i];
                	text = getFirstChildByText(menu);
                	a = document.createElement("a");
                	menu.replaceChild(a, text);
                	a.appendChild(text);
                	a.href = "#";
                	a.onclick = showMenu;
                	a.onfocus = function(){this.blur()};
              	}
            	}




            	if(document.createElement) window.onload = initMenu;










            	//]]>
    	</script>




</head>




<body>
<b>




     	<ul id="menu">
       	<li>10 Diagnose
         	<ol>
           	<li><a href="TSI\TSI 10.htm" target=MainFrame>TSI</a></li>
           	<li><a href="OASIS\Oasis 10.htm" target=MainFrame>Oasis</a></li>
           	<li><a href="Aktuelles\Aktuelles 10.htm" target=MainFrame>Aktuelles</a></li>
         	</ol>
       	</li>
       	<li>11 Räder und Reifen
         	<ol>
           	<li><a href="TSI\TSI 11.htm" target=MainFrame>TSI</a></li>
           	<li><a href="OASIS\Oasis 11.htm" target=MainFrame>Oasis</a></li>
           	<li><a href="Aktuelles\Aktuelles 11.htm" target=MainFrame>Aktuelles</a></li>
         	</ol>
       	</li>
       	<li>12 Bremsen
         	<ol>
           	<li><a href="TSI\TSI 12.htm" target=MainFrame>TSI</a></li>
           	<li><a href="OASIS\Oasis 12.htm" target=MainFrame>Oasis</a></li>
           	<li><a href="Aktuelles\Aktuelles 12.htm" target=MainFrame>Aktuelles</a></li>
         	</ol>
       	</li>
       	<li>13 Lenkung
         	<ol>
           	<li><a href="TSI\TSI 13.htm" target=MainFrame>TSI</a></li>
           	<li><a href="OASIS\Oasis 13.htm" target=MainFrame>Oasis</a></li>
           	<li><a href="Aktuelles\Aktuelles 13.htm" target=MainFrame>Aktuelles</a></li>
         	</ol>
       	</li>
       	<li>14 Vorderachse
         	<ol>
           	<li><a href="TSI\TSI 14.htm" target=MainFrame>TSI</a></li>
           	<li><a href="OASIS\Oasis 14.htm" target=MainFrame>Oasis</a></li>
           	<li><a href="Aktuelles\Aktuelles 14.htm" target=MainFrame>Aktuelles</a></li>
         	</ol>
       	</li>





     	</ul>




</font></b>
</body>
</html>
<!--/INC:"TOCFrame.inc"-->
</body>
</html>

Alles anzeigen

und hier der Code für die Fahrzeugauswahl (verkürzt)

Code

<!DOCTYPE html>
<head>




  <style type="text/css">




#iCampbellBox {
  background:#C0C0C0; margin:0 0 1px; padding:0.3em 0 0 1%; width:1200px; height:10.85em;
}
ul#iCampbell {
  list-style:none; margin:0 auto; padding:0; width:100%;
}
ul#iCampbell li {
  display:block; float:left; width:15%; margin:0; padding:0;
  font-size:0.75em; font-weight:bold;
  <!--über die Schriftgröße wird zugleich die Buttongröße eingestellt, ursprünglich 0.63em und width 15%-->
}
ul#iCampbell li span {
  display:block; width:100%; padding: 0.4em 0.4em 0.4em 0.6em; background:#00008B;
  border-width:1px; border-color:#068 #6cf #5bd #069; border-style:solid;
  <!--hier die Farbe  der unbenutzten/freien Buttons ändern-->
}
ul#iCampbell li a {
  display:block; width:100%; padding:0.4em 0.6em 0.6em 0.4em;
  border-width:1px; border-color:#5bd #069 #069 #6cf; border-style:solid;
<!--hier die Rahmenfarbe inaktiv ändern (ganzer Frame)-->
}
#iCampbellBox>ul#iCampbell li span, #iCampbellBox>ul#iCampbell li a {
  width:auto;
}
ul#iCampbell li a:link, ul#iCampbell li a:visited {
  color:white; background:#00008B; text-decoration:none;
  <!--oberflächenfarbe aller sichtbaren Buttons-->
}
ul#iCampbell li a:hover, ul#iCampbell li a:active {
  padding: 0.6em 0.4em 0.4em 0.6em; color:black; background:#6495ED;
  border-color:black; text-decoration:none;
  <!--hier die Rahmenfarbe einzelner Buttons ändern
  und auch die Schriftfarbe und die Hintergrundfarbebei Mouseover-->
}
ul#iCampbell li a:active {
  color:black; background:orange;
}
  </style>
  <script type="text/javascript"></script>
</head>
<body bgcolor=silver>







<font style='font-family:Arial'</font>
<div class="cssunten"><div id="iCampbellBox">
  <ul id="iCampbell">
 
	<li><a href="Ka2009/TOCFrame.htm" target=LeftFrame>KA 2009</a></li>
	<li><a href="Fiesta 2002,25\TOCFrame.htm" target=LeftFrame>Fiesta 2002,25</a></li>
	<li><a href="Fiesta2008,75\TOCFrame.htm" target=LeftFrame>Fiesta 2008,75</a></li>
	<li><a href="Fiesta2013\TOCFrame.htm" target=LeftFrame>Fiesta 2013</a></li>
	<li><a href="Fusion 2002,75\TOCFrame.htm" target=LeftFrame>Fusion 2002,75</a></li>
	<li><a href="B-Max\TOCFrame.htm" target=LeftFrame>B-Max 2012</a></li>




  </ul>




</div></div>




</div>




</body>




</html>

Alles anzeigen

und in der Anzeigeseite steht eigentlich nichts besonderes, eben nur html

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta name="author" content="Petomka">
<meta name="editor" content="html-editor phase 5">
</head>
<body text="#000000" bgcolor="#C0C0C0" link="#FF0000" alink="#FF0000" vlink="#FF0000">




<b>Nummer und Überschrift der Information
<br><br>
Problemfindung und Pronlembehebung
<br><br><hr noshade size="1"><br>




</body>
</html>

Alles anzeigen

Tom 0470 · 23. Oktober 2016

Ich habe mich nun mit PHP beschäftigt und muss sagen , ist schon ne tolle Sache, hab auf meinem Rechner alles zum laufen gebracht und war soweit glücklich, bis ich alles auf meinen Raspberry kopiert habe und und dort php/mysql/phpmyadmin und was weis ich sonst noch installiert habe, aber nun werden mir die Umlaute nicht mehr richtig angezeigt anstelle von äöü? bekomme ich
Fragezeichen in einer Raute, in der Datenbank ist aber alles richtig drin, mache ich über meinen Raspberry einen neuen Datenbankeintrag, ist in der Datenbank kein Umlaut abgespeichert und auch keine Fragezeichen in einer Raute, sondern dort sehen die Umlaute dann so aus: Ã¤Ã¤Ã¤Ã¶Ã¶Ã¶Ã¼Ã¼Ã¼ÃŸÃŸÃŸ.

ich habe nun schon etliche Stunden mit Google hinter und habe viel Zeit damit verbracht, Server, mysql, apache ... auf UTF8 umzustellen, auch im Quelltext habe ich UTF8 mit meta und set charset utf8, aber es bringt nichts, hat von euch einer eine Idee? Bitte Hilfe

nextuser · 10. November 2016

Wie ließt / schreibst du die Daten denn?

Ich hatte auch mal das Problem, welches ich mit

SQL

mysqli_query($db_link, "SET NAMES 'utf8'");

nach Verbindungsaufbau gelöst habe.

Schau auch mal hier vorbei.

Mal davon abgesehen, wäre es nicht leichter und besser, wenn du alle notwendigen Informationen direkt in der Datenbank speicherst, und diese
dann dynamisch in eine Seite lädst, anstatt so viele HTMLs zu nutzen?

Wie erstelle ich eine Datenbank in der nur bestimmte Informationen ausgelesen werden?

Jetzt mitmachen!

Teilen