Forum PHP.pl > [php]/[mysql]/[js] jak zrobić wielopoziomowe kategorie produktow i menu do ich obsługi

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [php]/[mysql]/[js] jak zrobić wielopoziomowe kategorie produktow i menu do ich obsługi

noels

11.07.2007, 20:55:54

Witam

Pisze skrypt sklepu internetowego, zależy mi na tym aby sklep obsługiwał wielopoziomowe kategorie tzn np:

SPRZĘT AGD ---|
.......................|-miksery
.......................|-pralki---|
.....................................|-ładowane od góry
.....................................|-ładowane od przodu

mój pomysł na tabele w bazie odpowiedzialna za przechowywanie informacji o kategoriach jest następujący:

[SQL] pobierz, plaintext 
CREATE TABLE kategorie
            (id_kategorii int UNSIGNED AUTO_INCREMENT NOT NULL PRIMARY KEY,
             id_kategorii_nadrzednej int UNSIGNED NOT NULL,
             nazwa char(100) NOT NULL,
             opis text NOT NULL);
[SQL] pobierz, plaintext

tabela przechowujaca informacje o produktach:

[SQL] pobierz, plaintext 
CREATE TABLE produkty
            (id_produktu int UNSIGNED AUTO_INCREMENT NOT NULL PRIMARY KEY,
             id_producenta int UNSIGNED NOT NULL,
             id_kategorii int UNSIGNED NOT NULL,
             id_stawki_vat int UNSIGNED NOT NULL,
             nazwa char(100) NOT NULL,
             numer_katalogowy char(15) NOT NULL,
             opis text NOT NULL,
             widoczny tinyint(1) UNSIGNED NOT NULL,
             nowosc tinyint(1) UNSIGNED NOT NULL,
             cena double(7,2) UNSIGNED NOT NULL,
             waga int(2) UNSIGNED NOT NULL,
             zdjecie char(50));
[SQL] pobierz, plaintext

problem pojawia sie przy próbie stworzenia menu ktore takze musi byc wielopoziomowe, a przedewszystkim dynamiczne
tzn. musi tworzyc sie automatycznie na podstawie informacji pobranych z bazy danych.
Udało mi się znaleźć pewne gotowe menu lecz nie potrafie poradzić sobie z jego
tworzeniem na podstawie automatycznie pobranych informacji z bazy.

kod menu i jego dokładny opis znajduje się pod adresem MENU

nie będę go tu wklejał bo jest dosyć obszerny.

Problem tkwi w napisaniu skryptu który wygeneruje kod korzystając z informacji zapisanych w bazie wg wzoru:

[HTML] pobierz, plaintext 
<dl id="menu0">
<dt>Sprzęt AGD</dt>
<dd>
	<dl>
	<dt>Miksery</dt>
	<dt>Pralki</dt>
	<dd>Ładowane od góry</dd>
	<dd>Ładowane od przodu</dd>
	</dl>
</dd>
</dl>
[HTML] pobierz, plaintext

Domyślam się że trzeba skorzystać z jakiś pętelek lecz nie mam pojęcia jak to zrobić.

Może macie jakieś inne pomysły na strukture bazy bądź też samego menu chodzi mi poprostu aby
udało mi się napisać skrypt sklepu z wielopoziomowymi kategoriami i menu do ich przeglądania.

Z góry dziękuję za wszelkie porady.

yaotzin

12.07.2007, 09:27:05

A tak zastanawiam się czy nie można by robić tak aby w bazie określać głębokość menu. Np. 0 1 2 itp. wówczas będziesz wiedział że 0 jest na samej górze a 1 jest dzieckiemm rodzica o wartości 0 natomiast 2 dzieckiem rodzica o wartosci 1. Pozwoli ci to później nawet na zamienianie pozycji dynamicznie przenoszenie z jednego do drugiego itp. a jeśli chcesz aby to było dodatkowo menu rozwijane to sądzę że nie jest to trudne już po tym jak je wygenerujesz korzystając z PHP. Użyj JS i może CSS visibility: none; itp.

Więcej niż powyższe nie mogę ci pomóc, ale też za jakiś czas będę musiał napisać taki skrypt i powyższe mi wg projektu działa. ale... :/ zawsze może być lub jest jakieś ale...

noels

12.07.2007, 12:44:31

Dziekuje za zainteresowanie i podsuniecie swojej koncepcji, przeanalizowałem to co napisałes i doszedlem do pewnych wnioskow mianowice.

Wyglad tabeli wypelnionej danymi przy moim zalozeniu:

TABELA KATEGORIE

------------------------------------------------------------------
|id_kategorii|id_kategorii_nadrzednej|nazwa |opis|
------------------------------------------------------------------
|1 |0 |SPRZĘT AGD| |
|2 |1 |MIKSERY | |
|3 |1 |PRALKI | |
|4 |3 |Ład od góry | |
|5 |3 |Ład od przod| |
------------------------------------------------------------------

Wygląd tabeli wypełnionej danymi przy twoim założeniu:

TABELA KATEGORIE

------------------------------------------------------------------
|id_kategorii|glebokosc_menu |nazwa |opis|
------------------------------------------------------------------
|1 |0 |SPRZĘT AGD| |
|2 |1 |MIKSERY | |
|3 |1 |PRALKI | |
|4 |2 |Ład od góry | |
|5 |2 |Ład od przod| |
------------------------------------------------------------------

do tego momentu jest ok ale jezeli postanowimy dodac jeszcze chocby jeden poziom zerowy np. SPRZET RTV ktory bedzie poczatkiem nowego drzewka u Ciebie wystapi problem bo kategoria SPRZET RTV przyjmie glebokosc "0" i jezeli dodamy jej jakas podkategorie np: TELEWIZORY i ta podkategoria przyjmie zgodnie z Twoim zalozeniem wartosc glebokosc = "1" skad bedziemy wiedziec kogo dzieckiem sa MIKSERY, PRALKI, TELEWIZORY czy sa to dzieci SPRZETU AGD czy RTV u mnie taki problem nie wystapi bo kategoria SPRZET RTV przyjmie id_kategorii = 6, id_kategorii nadrzednej = 0 a jej dzieci przyjma kolejne id_kategorii natomiast id_kategorii_nadrzednej beda przyjmowac = 6 i bedzie wiadomo czyimi sa dziecmi.

Widze ze nawet moja koncepcja mogla by dzialac ale jak wygenerowac dla niej menu

? to jest dla mnie problem....

Tam pod tym linkiem prowadzacym do strony z MENU o którym wspominam jest naprawde dobry opis i wg niego mozna tworzyc nieskonczone struktury i glebokosci ja przedstawiajac tu schemat zawezilem go do 1 poziomu 0 st, 2 poziomow 1 st i 2 poziomow 2 stopnia ale mozna je dowolnie rozbudowywac moze jesli przeczytasz to pomoze Ci to w wymysleniu czegoas aby mi pomoc generalnie problem lezy napisaniu skryptu generujacego takich pare znacznikow HTML wg ponizszego schematu

[HTML] pobierz, plaintext 
<dl id="menu0">
<dt>Nagłówek 1</dt>
<dd>
	<dl>
	<dt>Nagłówek 1.1</dt>
	<dd>
		<dl>
		<dt>Nagłówek 1.1.1</dt>
		<dd>Element 1.1.1.1</dd>
		<dd>Element 1.1.1.2</dd>
		<dd>Element 1.1.1.3</dd>
		<dt>Nagłówek 1.1.2</dt>
		<dd>Element 1.1.2.1</dd>
		<dd>Element 1.1.2.2</dd>
		<dd>Element 1.1.2.3</dd>
		</dl>
	</dd>
	<dt>Nagłówek 1.2</dt>
	<dd>Element 1.2.1</dd>
	<dd>Element 1.2.2</dd>
	<dd>Element 1.2.3</dd>
	</dl>
</dd>
<dt>Nagłówek 2</dt>
<dd>
	<dl>
	<dt>Nagłówek 2.1</dt>
	<dd>Element 2.1.1</dd>
	<dd>Element 2.1.2</dd>
	<dd>Element 2.1.3</dd>
	<dt>Nagłówek 2.2</dt>
	<dd>Element 2.2.1</dd>
	<dd>Element 2.2.2</dd>
	<dd>Element 2.2.3</dd>
	</dl>
</dd>
</dl>
[HTML] pobierz, plaintext

Jezeli zle mysle co do Twojej koncepcji, prosze popraw mnie. Moze wspolnie cos wymyslimy Tobie z tego co piszesz tez bedzie potrzebne takie rozwiazanie.

__mK

12.07.2007, 12:50:47

takie cos napisalem na studioceramica.pl

łap klase ktora moze Ci sie przydac (dowolna ilosc podkategorii- rekurencyjnie w takim porzadku jak ty opisales)

[PHP] pobierz, plaintext 
<?php
class mapa_strony {
 
	public $ile=0;
 
	function pobierzKategorie() {
 
	}
 
	function pobierzMenu($id) {
		$_pobierzKategoria = mysql_query("SELECT * FROM `menu` WHERE `IdMenu`='".$id."';");
		$_pokazKategorie = mysql_fetch_array($_pobierzKategoria);
 
		if ($id!=-1) {
			$this->ile=$this->ile+1;
			return $this->pobierzMenu($_pokazKategorie['Podmenu']);		
		}
	}
 
	function pokazMenu() {
		$_pobierzKategorie = mysql_query("SELECT * FROM `menu`;");
		while ($_pokazKategorie = mysql_fetch_array($_pobierzKategorie)) {
			$efekt="";
			$this->pobierzMenu($_pokazKategorie['IdMenu']);
			for ($i=0;$i<=$this->ile;$i++) {
				$efekt .= ">>";				
			}
			echo $efekt." ".$_pokazKategorie['NazwaM'].$_pokazKategorie['IdMenu']."<br />";
			$this->ile=0;
		}
	}
}
 
$cos = new mapa_strony;
$cos->pokazMenu();
?>
[PHP] pobierz, plaintext

flv

12.07.2007, 13:05:31

Nie radziłbym korzystać z takich rozwiązań jak podał poprzednik, albo mi sie zdaje albo przy każdym pobraniu kategorii nadrzednych będzie także zapętlać się dodatkowe mysql_query dla tych podrzędnych, co za tym idzie jeśli będziesz chcial wyświetlić 3 kategorie i do każdej 3 podkategorie to wywołanych zostanie 10 zapytań, czyli lepiej nie mowić co by było jeśli tych kategorii podkategorii i kolejnych drzew było więcej. Można to zrobić jednym zapytaniem korzystając z LEFT/RIGHT JOIN'a.

noels

12.07.2007, 13:44:28

Dziękuję za klase ... muszę teraz to przeanalizować bo ja nigdy nie używałem klas i zastanowic sie nad tym w razie problemow pozwole sobie zapytac Cie o niezrozumiale dla mnie rzeczy.

Odpowiedz mi jeszcze tylko czy ta klasa bedzie odpowiednia dla mojej struktury tabeli przechowujacej informacje o kategoriach ? czy powinienem pomyslec o innej strukturze ?

Sprobowalem to przeanalizowac ale nie rozumiem niestety jest to chyba zbyt skomplikowane jak na moj obecny poziom wiedzy.

Jezeli moglbys mi pomoc w dostosowaniu tego do moich potrzeb czyli napisania funkcji do generowania takiego kodu jaki wzor zamiescilem wczesniej na podstawie mojej struktury bazy bede wdzieczny.

Nie oczekuje na gotowca, lecz proszę o pomoc, chcialbym wykorzystac menu ktore prezentowalem wczesniej z moja struktura tabeli. Oczywiscie widzialem menu ktore zamieszczales na stronie ktorej adres podales i zasada dzialania jest dokladnie taka jaka jest mi potrzebna wiec rozumiemy sie o co mi chodzi.

__mK

12.07.2007, 16:12:23

bedzie smigac jesli bedziesz mial cos takiego np

[SQL] pobierz, plaintext 
CREATE TABLE `kategoria` (
  `IdK` int(11) NOT NULL AUTO_INCREMENT,
  `NazwaK` text character SET utf8,
  `PodKategoria` int(11) DEFAULT NULL,
  PRIMARY KEY  (`IdK`)
);
[SQL] pobierz, plaintext

W tej klasie jest takie cos:
$efekt .= ">>";
zamiast tego musisz dodac jakis kod html
bo w tym przypadku bedzie wyswietlalo:

kat1
>>subkat1
>>subkat2
>>>>subsubkat1
>>>>>>subsubkat1
>>>>>>subsubkat2
>>>>subsubkat2
>>>>>>subsubkat1
>>subkat3

etc...

noels

12.07.2007, 18:33:42

Utworzyłem taka tabele jak pokazales, pozmienialm nazwy pol w klasie i niestety nie moge jej uruchomic... :-( poprostu caly czas sa bledy. Obawiam sie ze pomimo tego ze bardzo mi na tym zalezy nie poradze sobie z tym.

Ciezko jest z kawalka wyrwanego kodu cos osiagnac bo nawet nie wiem za bardzo co tam sie dzieje w tej klasie, ja zawsze robilem wszystko na samych funkcjach nie stosowalem nigdy klas widocznie nie doszedlem do tego stopnia zaawansowania.

Kilka pytan

1. Czemu wyskakuje blad w lini public $ile=0; nastepujacej tresci:

Parse error: parse error, expecting `T_OLD_FUNCTION' or `T_FUNCTION' or `T_VAR' or `'}'' in c:\www\test.php on line 8

2. Gdzie tu jest miejsce na dokonanie polaczenia z baza danych ?

3. Po co funkcja function pobierzKategorie() skoro jest ona pusta ?

__mK

13.07.2007, 10:01:29

Zamiast public daj var bo public wystepuje w php 5 a ty moze masz starsza wersje php

aha i oczywiscie przed stworzeniem obiektu tej klasy polacz sie z baza... d;

ps kategorie ktore sa najwyzej w drzewie maja id = -1

noels

13.07.2007, 11:32:29

Naprawde nie mam pojecia jak uruchomic ten skrypt nie dziala mi poprostu nic...

Zrobilem tabele wg zalecen tzn:

[SQL] pobierz, plaintext 
CREATE TABLE `kategorie2`
(  `IdK` int(11) NOT NULL AUTO_INCREMENT,  `NazwaK` text,  `PodKategoria` int(11) DEFAULT NULL,  PRIMARY KEY  (`IdK`));
[SQL] pobierz, plaintext

Dane w tabeli:

[SQL] pobierz, plaintext 
inser INTO kategorie2 VALUES('1', 'Sprzet AGD', '-1');
inser INTO kategorie2 VALUES('2', 'Pralki', '0');
inser INTO kategorie2 VALUES('2', 'Lodówki', '0');
[SQL] pobierz, plaintext

Skrypt wygląda następująco:

[PHP] pobierz, plaintext 
<?
$serwer="localhost";
$uzytkownik="root";
$haslo="krasnal";
$nazwa_bazy="sklep";
 
function polacz()
{
global $serwer;
global $uzytkownik;
global $haslo;
global $nazwa_bazy;
 
@ $baza=mysql_connect("$serwer", "$uzytkownik", "$haslo");
 
if (!$baza)
	{
	  echo "brak polaczenia";
	  exit;
	}
 
mysql_select_db("$nazwa_bazy");
 
class mapa_strony
{
var $ile=0;
 
function pobierzKategorie()
{			}
 
function pobierzMenu($id)
{
  $_pobierzKategoria = mysql_query("SELECT * FROM `kategorie2` WHERE `IdK`='".$id."';");
  $_pokazKategorie = mysql_fetch_array($_pobierzKategoria);
  if ($id!=-1)
  {
	$this->ile=$this->ile+1;
	return $this->pobierzMenu($_pokazKategorie['PodKategoria']);
  }
}
 
function pokazMenu()
 
{
  $_pobierzKategorie = mysql_query("SELECT * FROM `kategorie2`;");
  while ($_pokazKategorie = mysql_fetch_array($_pobierzKategorie))
  {
	$efekt="";
	$this->pobierzMenu($_pokazKategorie['IdK']);
	for ($i=0;$i<=$this->ile;$i++)
	{
	  $efekt .= ">>";
	}
 
	echo $efekt." ".$_pokazKategorie['NazwaK'].$_pokazKategorie['IdK']."<br />";
	$this->ile=0;
  }
}
}
 
$cos = new mapa_strony;$cos->pokazMenu();
?>
[PHP] pobierz, plaintext

Aha i jeszcze jedno a na jakiej zasadzie rozróżnisz jesli np: dwa poziomy najwyzsze czyli powiedzmy AGD i RTV i kazdy z nich bedzie mial osobne podkategorie, ktore podkategorie naleza do ktorego rodzica RTV czy AGD ?

Prosze pomóż bo nie moge ruszyc z miejsca lub podpowiedz jak skonstruowac petle aby dalo sie to zrobic na mojej zaproponowanej tabeli i aby uzyskac taki krotki kod html jak opisywany wczesniej

__mK

13.07.2007, 11:43:52

[SQL] pobierz, plaintext 
inser INTO kategorie2 VALUES('1', 'Sprzet AGD', '-1');
inser INTO kategorie2 VALUES('2', 'Pralki', '0');
inser INTO kategorie2 VALUES('2', 'Lodówki', '0');
[SQL] pobierz, plaintext

kolejno -1 0 0 to id kategorii nadrzednych
czyli jesli pralki i lodowki maja byc sub kategoriami Sprzed AGD to te pola powinny byc 1 1 (tak jak ma sprzet AGD)

noels

13.07.2007, 12:56:33

czyli taki układ

[SQL] pobierz, plaintext 
INSERT INTO kategorie2 VALUES('1', 'Sprzet AGD', '-1');
INSERT INTO kategorie2 VALUES('2', 'Pralki', '1');
INSERT INTO kategorie2 VALUES('3', 'Lodówki', '1'); 
INSERT INTO kategorie2 VALUES('4', 'Sprzęt RTV', '-1'); 
INSERT INTO kategorie2 VALUES('5', 'TV', '4'); 
INSERT INTO kategorie2 VALUES('6', 'LCD', '5'); 
INSERT INTO kategorie2 VALUES('7', 'CRT', '5'); 
INSERT INTO kategorie2 VALUES('8', 'Białe', '7'); 
INSERT INTO kategorie2 VALUES('9', 'Czarne', '7');
[SQL] pobierz, plaintext

Rozumiem :-) teraz oczywiscie działa, postaram sie dostosowac to do generowania takiego kodu jaki jest mi potrzebny w razie problemow pozwole sobie zwrocic sie do Ciebie z dalszymi pytaniami.

potrzebuje uzyskac nastepujaca postac kodu:

[HTML] pobierz, plaintext 
<dl id="menu0">
<dt>Nagłówek 1</dt>
<dd>
	<dl>
	<dt>Nagłówek 1.1</dt>
	<dd>
		<dl>
		<dt>Nagłówek 1.1.1</dt>
		<dd>Element 1.1.1.1</dd>
		<dd>Element 1.1.1.2</dd>
		<dd>Element 1.1.1.3</dd>
		<dt>Nagłówek 1.1.2</dt>
		<dd>Element 1.1.2.1</dd>
		<dd>Element 1.1.2.2</dd>
		<dd>Element 1.1.2.3</dd>
		</dl>
	</dd>
	<dt>Nagłówek 1.2</dt>
	<dd>Element 1.2.1</dd>
	<dd>Element 1.2.2</dd>
	<dd>Element 1.2.3</dd>
	</dl>
</dd>
<dt>Nagłówek 2</dt>
<dd>
	<dl>
	<dt>Nagłówek 2.1</dt>
	<dd>Element 2.1.1</dd>
	<dd>Element 2.1.2</dd>
	<dd>Element 2.1.3</dd>
	<dt>Nagłówek 2.2</dt>
	<dd>Element 2.2.1</dd>
	<dd>Element 2.2.2</dd>
	<dd>Element 2.2.3</dd>
	</dl>
</dd>
</dl>
[HTML] pobierz, plaintext

Biorę się więc do pracy.

Bardzo dziękuje za pomoc i poświecony czas

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.