├── pics ├── 0star.png ├── 1star.png ├── 2star.png ├── 3star.png ├── 4star.png ├── 5star.png ├── stack_no.png ├── 111111111.jpg ├── 222222222.jpg ├── 333333333.jpg ├── 444444444.jpg ├── 555555555.jpg ├── 666666666.jpg ├── 777777777.jpg ├── 888888888.jpg ├── 999999999.jpg └── stack_yes.png ├── other.php ├── category.php ├── year.php ├── isbn.php ├── rating.php ├── popularity.php ├── alphabetical.php ├── index.php ├── author.php ├── publisher.php ├── style.css ├── item.php └── genre.php /pics/0star.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ns130291/SWE_Browsing/master/pics/0star.png -------------------------------------------------------------------------------- /pics/1star.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ns130291/SWE_Browsing/master/pics/1star.png -------------------------------------------------------------------------------- /pics/2star.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ns130291/SWE_Browsing/master/pics/2star.png -------------------------------------------------------------------------------- /pics/3star.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ns130291/SWE_Browsing/master/pics/3star.png -------------------------------------------------------------------------------- /pics/4star.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ns130291/SWE_Browsing/master/pics/4star.png -------------------------------------------------------------------------------- /pics/5star.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ns130291/SWE_Browsing/master/pics/5star.png -------------------------------------------------------------------------------- /pics/stack_no.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ns130291/SWE_Browsing/master/pics/stack_no.png -------------------------------------------------------------------------------- /pics/111111111.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ns130291/SWE_Browsing/master/pics/111111111.jpg -------------------------------------------------------------------------------- /pics/222222222.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ns130291/SWE_Browsing/master/pics/222222222.jpg -------------------------------------------------------------------------------- /pics/333333333.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ns130291/SWE_Browsing/master/pics/333333333.jpg -------------------------------------------------------------------------------- /pics/444444444.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ns130291/SWE_Browsing/master/pics/444444444.jpg -------------------------------------------------------------------------------- /pics/555555555.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ns130291/SWE_Browsing/master/pics/555555555.jpg -------------------------------------------------------------------------------- /pics/666666666.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ns130291/SWE_Browsing/master/pics/666666666.jpg -------------------------------------------------------------------------------- /pics/777777777.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ns130291/SWE_Browsing/master/pics/777777777.jpg -------------------------------------------------------------------------------- /pics/888888888.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ns130291/SWE_Browsing/master/pics/888888888.jpg -------------------------------------------------------------------------------- /pics/999999999.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ns130291/SWE_Browsing/master/pics/999999999.jpg -------------------------------------------------------------------------------- /pics/stack_yes.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ns130291/SWE_Browsing/master/pics/stack_yes.png -------------------------------------------------------------------------------- /other.php: -------------------------------------------------------------------------------- 1 | 8 | -------------------------------------------------------------------------------- /category.php: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 9 | BookExpress 10 | 11 | 12 | 13 | 14 |
15 | 18 | 48 |
49 |

Kategorie

50 | Kategorie'; 62 | ?> 63 |
64 | 65 |
66 | 70 |
71 |
72 | 75 | 76 | 77 | 78 | 79 | -------------------------------------------------------------------------------- /year.php: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 9 | BookExpress 10 | 11 | 12 | 13 | 14 |
15 | 22 | 52 |
53 |

Erscheinungsjahr

54 | 68 |
69 | 78 |
79 | 80 |
81 | 87 |
88 |
89 | 92 | 93 | 94 | -------------------------------------------------------------------------------- /isbn.php: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 9 | BookExpress 10 | 11 | 12 | 13 | 14 |
15 | 18 | 48 |
49 |

ISBN

50 | 63 |
64 | ISBN'; 72 | ?> 73 |
74 | 75 |
76 | 82 |
83 |
84 | 87 | 88 | 89 | 90 | 91 | 92 | -------------------------------------------------------------------------------- /rating.php: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 9 | BookExpress 10 | 11 | 12 | 13 | 14 |
15 | 33 | 63 |
64 |

Bewertung

65 | 82 |
83 |
84 | 85 |
86 | 91 |
92 | Absteigend 93 |
94 |
95 | Aufsteigend 96 |
97 | 100 |
101 |
102 | 105 | 106 | 107 | -------------------------------------------------------------------------------- /popularity.php: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 9 | BookExpress 10 | 11 | 12 | 13 | 14 |
15 | 33 | 63 |
64 |

Beliebtheit

65 | 82 |
83 | 84 |
85 | 90 |
91 | Beliebteste Medien 92 |
93 |
94 | Unbeliebteste Medien 95 |
96 | 99 |
100 |
101 | 104 | 105 | 106 | -------------------------------------------------------------------------------- /alphabetical.php: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 9 | BookExpress 10 | 11 | 12 | 13 | 14 |
15 | 28 | 58 |
59 |

Alphabetisch

60 | 77 |
78 | 90 |
91 | 92 |
93 | 99 |
100 |
101 | 104 | 105 | 106 | -------------------------------------------------------------------------------- /index.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | BookExpress 6 | 7 | 8 | 9 | 10 |
11 | 12 | 42 |
43 |

Willkommen bei BookExpress

44 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum euismod erat sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget metus id nisi tristique egestas a id massa. Donec non diam lacus, sed lacinia leo. In suscipit lorem a tellus dignissim aliquam. Sed eget diam eu augue feugiat sodales non interdum ante. Donec aliquam, sem eget facilisis accumsan, erat magna cursus dolor, vitae ultrices nibh orci et ante. 45 | Aenean nec posuere lacus. Proin tristique neque nec dui fringilla sagittis elementum risus scelerisque. Morbi aliquam arcu nec arcu fermentum feugiat. Proin luctus sollicitudin augue, ut porta nisl volutpat non. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus convallis aliquet mi non pulvinar. Praesent bibendum scelerisque rutrum. Donec placerat, libero nec venenatis bibendum, sapien enim fermentum tortor, nec adipiscing urna turpis sit amet erat. 46 | Fusce lectus lacus, placerat pharetra rhoncus vel, molestie id metus. Donec vel adipiscing orci. Donec euismod hendrerit dictum. Phasellus bibendum, leo id accumsan vulputate, nunc est faucibus eros, ut aliquam urna neque eget leo. Morbi cursus tristique purus et bibendum. Duis hendrerit mi magna, vitae ornare nisi. Maecenas vitae odio in libero aliquam venenatis at a velit. Curabitur bibendum interdum quam non auctor. Cras libero orci, euismod vitae vestibulum quis, elementum porta eros. Nam fringilla posuere dui, non dapibus risus euismod sed. 47 | Fusce ac felis eget ipsum tempus faucibus vel ultrices mi. Aenean non quam eget elit faucibus placerat vitae sed dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean sem purus, vestibulum non pretium ac, posuere a ante. Vestibulum feugiat lectus eget risus gravida vehicula. Suspendisse potenti. Aliquam lacinia nisi at lacus interdum vestibulum eget ut magna. Vivamus vehicula luctus dui ac lobortis. Aliquam luctus suscipit luctus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin eget mauris sem. Nunc quis erat sed dolor interdum vestibulum. Vestibulum porta sodales posuere. 48 | Macenas cursus, neque sit amet placerat mattis, lorem nisl ullamcorper diam, vel porttitor tellus tellus vitae purus. Pellentesque eros leo, scelerisque a auctor quis, dignissim vitae tellus. Quisque nec elit elit. Nulla facilisi. Curabitur tristique volutpat leo convallis ullamcorper. Duis luctus, lacus et rutrum mollis, dolor sem cursus ipsum, et aliquam dolor mauris a sapien. Nulla facilisi. Nam convallis commodo diam ac feugiat. Aenean id facilisis tortor. Suspendisse ut mauris sed tortor rutrum fringilla sed eu arcu. Phasellus non arcu ac turpis iaculis iaculis non rhoncus odio. Curabitur sit amet mauris quis ligula suscipit cursus et non odio. Donec pulvinar, tellus in suscipit ultrices, erat odio egestas mi, nec convallis elit eros ac ligula. Vivamus id justo ac nisl ullamcorper imperdiet. 49 | 50 |
51 |
52 | 55 | 58 | 59 | 60 | 61 | -------------------------------------------------------------------------------- /author.php: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 9 | BookExpress 10 | 11 | 12 | 13 | 14 |
15 | 26 | 56 |
57 |

Autor

58 | 73 |
74 | 75 |
76 | 87 |
88 | 96 |
97 | 98 |
99 | 106 |
107 |
108 | 111 | 112 | 113 | -------------------------------------------------------------------------------- /publisher.php: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 9 | BookExpress 10 | 11 | 12 | 13 | 14 |
15 | 39 | 69 |
70 |

Verlag

71 | 81 |
82 | 83 |
84 | 95 |
96 | 104 |
105 | 106 |
107 | 114 |
115 |
116 | 119 | 120 | 121 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | 2 | /*#103042 3 | #0E495A 4 | #49ACC7 5 | #585600 6 | #FCBB00*/ 7 | 8 | html, body { 9 | font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 10 | padding: 0; 11 | margin: 0; 12 | text-align: center; 13 | background-color:#343434; 14 | height:100%; 15 | } 16 | a { 17 | color:#1db5e5; 18 | text-decoration:none; 19 | } 20 | a:hover { 21 | color:#e5af1b; 22 | } 23 | #header{ 24 | font-family: Tahoma, Arial; 25 | color:#e5af1b; 26 | font-size: 3em; 27 | margin: 10px; 28 | } 29 | #breadcrumb{ 30 | padding: 10px; 31 | margin: -10px 0 10px 0; 32 | text-align: left; 33 | color:#1db5e5; 34 | background-color:rgba(52,52,52,0.5); 35 | } 36 | 37 | #main { 38 | background-color: #A4A4A4; 39 | margin: 0 auto; 40 | width: 1000px; 41 | min-height:100%; 42 | height: auto !important; 43 | height:100%; 44 | overflow: hidden !important; 45 | padding:20px; 46 | } 47 | nav{ 48 | float: left; 49 | width: 200px; 50 | background-color: #343434; 51 | color:#ffffff; 52 | margin: 0px; 53 | min-height: 250px; 54 | padding-top: 10px; 55 | padding-bottom:10px; 56 | } 57 | nav h3 { 58 | } 59 | nav a{ 60 | display: block; 61 | min-height: 30px; 62 | } 63 | nav a:hover { 64 | background-color: #A4A4A4; 65 | color: #343434; 66 | } 67 | 68 | section{ 69 | margin-left: 200px; 70 | text-align:left; 71 | font-size:11pt; 72 | } 73 | 74 | section{ 75 | margin-left: 220px; 76 | text-align:left; 77 | font-size:11pt; 78 | } 79 | 80 | #item{ 81 | margin-left: 200px; 82 | } 83 | 84 | section h2 { 85 | color:#ffffff; 86 | font-family: 'Belleza', sans-serif; 87 | font-size: 20pt; 88 | text-align:center; 89 | } 90 | .bigchar{ 91 | width: 50px; 92 | height: 50px; 93 | background-color: #1db5e5; 94 | font-size: 16pt; 95 | vertical-align: middle; 96 | text-align: center; 97 | display: table-cell; 98 | } 99 | #item_title{ 100 | font-size:large; 101 | font-weight:bold; 102 | color:#ffffff; 103 | padding:5px; 104 | } 105 | #item_year{ 106 | padding:5px; 107 | } 108 | #item_author{ 109 | padding:5px; 110 | color:#444444; 111 | font-size:10pt; 112 | } 113 | #item_picture { 114 | margin-right: 40px; 115 | margin-left: 5px; 116 | width: 150px; 117 | height: 200px; 118 | float: left; 119 | } 120 | #item_genre{ 121 | padding:5px; 122 | } 123 | #item_category{ 124 | padding:2px; 125 | height:25px; 126 | width:40px; 127 | text-align:center; 128 | background-color: #dddddd; 129 | color: #888888; 130 | /*float: left;*/ 131 | } 132 | #item_publisher{ 133 | padding:5px; 134 | } 135 | #item_isbn{ 136 | padding:5px; 137 | } 138 | #item_available{ 139 | padding:2px; 140 | height:25px; 141 | width:40px; 142 | background-color: #dddddd; 143 | /*float: left;*/ 144 | text-align:center; 145 | } 146 | #item_rating{ 147 | padding:5px 0; 148 | /*margin:0 0 0 40px;*/ 149 | /*float:left;*/ 150 | } 151 | #item_popularity{ 152 | padding:5px; 153 | /*float:left;*/ 154 | color:#444444; 155 | font-size:10pt; 156 | } 157 | 158 | #item_container{ 159 | float: left; 160 | } 161 | 162 | #available_container{ 163 | float: left; 164 | } 165 | 166 | .clear{ 167 | clear: both; 168 | } 169 | 170 | 171 | footer { 172 | padding: 10px; 173 | color:#ffffff; 174 | } 175 | 176 | .rating{ 177 | background-size: contain; 178 | background-repeat: no-repeat; 179 | width: 150px; 180 | height: 35px; 181 | } 182 | .rating[data-rating="0"]{ 183 | background-image: url(pics/0star.png); 184 | } 185 | .rating[data-rating="1"]{ 186 | background-image: url(pics/1star.png); 187 | } 188 | .rating[data-rating="2"]{ 189 | background-image: url(pics/2star.png); 190 | } 191 | .rating[data-rating="3"]{ 192 | background-image: url(pics/3star.png); 193 | } 194 | .rating[data-rating="4"]{ 195 | background-image: url(pics/4star.png); 196 | } 197 | .rating[data-rating="5"]{ 198 | background-image: url(pics/5star.png); 199 | } 200 | .ratingoverview{ 201 | display: inline-block; 202 | } 203 | section a{ 204 | color: black; 205 | } 206 | .item{ 207 | padding: 10px 30px; 208 | } 209 | 210 | 211 | /* 212 | .button:empty{ 213 | display: none; 214 | } 215 | 216 | .button{ 217 | text-transform: uppercase; 218 | font-size: 10pt; 219 | font-weight: bold; 220 | border-radius: 4px; 221 | background-color: #FCBB00; 222 | height: 25px; 223 | cursor: pointer; 224 | font-family: Arial, sans-serif; 225 | display: inline; 226 | padding: 3px 10px; 227 | border: 1px solid #767776; 228 | vertical-align: middle; 229 | color: white; 230 | text-shadow: 0 1px rgba(0, 0, 0, 0.1); 231 | background-image: linear-gradient(center top , #FCBB00, #f2b400); 232 | background-image: -ms-linear-gradient(center top , #FCBB00, #f2b400); 233 | background-image: -moz-linear-gradient(center top , #FCBB00, #f2b400); 234 | line-height: 20pt; 235 | text-align: center; 236 | } 237 | 238 | .button a{ 239 | text-decoration: none; 240 | color: black; 241 | } 242 | 243 | .button:hover{ 244 | background-color: #006100; 245 | background-image: linear-gradient(top center, #ff9900, #f19100); 246 | background-image: -ms-linear-gradient(top center, #ff9900, #f19100); 247 | background-image: -moz-linear-gradient(top center, #ff9900, #f19100); 248 | }*/ 249 | 250 | -------------------------------------------------------------------------------- /item.php: -------------------------------------------------------------------------------- 1 | 5 | 25 | 26 | 27 | 28 | 29 | <?php echo $row[3]; ?> - BookExpress 30 | 31 | 32 | 33 | 34 |
35 | 42 | 72 | 73 |
74 |

Details

75 |
76 |
77 |
78 | 0) { 80 | echo 'in stock'; 81 | } else { 82 | echo 'not in stock'; 83 | } 84 | ?> 85 |
86 |
87 |
88 |
89 | ( ) 90 |
91 |
92 |
93 |
picture
94 |
95 |
96 |
97 |
98 |
99 |
100 | 108 |
109 |
110 |
111 |
112 |
113 |
114 |
115 | 118 | 119 | 120 | 126 | -------------------------------------------------------------------------------- /genre.php: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 9 | BookExpress 10 | 11 | 12 | 13 | 14 |
15 | 45 | 75 |
76 | 77 | ' . $_GET['genre'] . ''; 80 | $link = mysql_connect('localhost:3306', 'root'); 81 | if (!$link) { 82 | echo 'no link'; 83 | } 84 | mysql_set_charset('utf8'); 85 | if ($_GET['genre'] == "NULL") { 86 | $query = 'SELECT title, isbn FROM bookexpress.item WHERE genre IS NULL'; 87 | } else { 88 | $query = 'SELECT title, isbn FROM bookexpress.item WHERE genre="' . $_GET['genre'] . '"'; 89 | } 90 | if (isset($_GET['category'])) { 91 | $query .= ' AND category="' . $_GET['category'] . '"'; 92 | } 93 | $result = mysql_query($query); 94 | if (!$result) { 95 | echo '-1'; 96 | } else { 97 | while ($row = mysql_fetch_array($result)) { 98 | ?> 99 |
100 | 101 |
102 | 106 | 107 | 110 |

Genres 111 | 116 |

117 | 120 |
121 | alle 122 |
123 | 143 |
144 | ohne Genre 149 |
150 | 158 |
159 | 165 |
166 | 171 |
172 |
173 | 176 | 177 | 178 | --------------------------------------------------------------------------------