Hallo Community,
ich wende mich an euch, da ich aktuell an einem fundamentalen Schritt in der Entwicklung meiner Webapp scheitere.
Ich möchte in eine JSP-Datei (login.jsp) HTML-Code einfügen, die verweise zur CSS Datei und JQUERY besitzt. Nachdem ich den HTML-Code pragmatisch in die JSP Datei eingebunden habe, erhalte ich beim starten der Seite auf Tomcat lediglich den blanken HTML-Code, daher nur unformatierten Text in Reinform.
Ich würde mich sehr freuen, wenn mir jemand einen Hinweis geben kann, wie ich diesen Fehler beheben kann oder was ich bei der Einbindung vergessen habe.
PS: Nicht wundern, wieso ich mehrmals die gleiche Datei verlinkt habe. Es war lediglich der Versuch den Fehler einzugrenzen, der natürlich zum scheitern verurteilt wurde.
Hier der vollständige Code:
ich wende mich an euch, da ich aktuell an einem fundamentalen Schritt in der Entwicklung meiner Webapp scheitere.
Ich möchte in eine JSP-Datei (login.jsp) HTML-Code einfügen, die verweise zur CSS Datei und JQUERY besitzt. Nachdem ich den HTML-Code pragmatisch in die JSP Datei eingebunden habe, erhalte ich beim starten der Seite auf Tomcat lediglich den blanken HTML-Code, daher nur unformatierten Text in Reinform.
Ich würde mich sehr freuen, wenn mir jemand einen Hinweis geben kann, wie ich diesen Fehler beheben kann oder was ich bei der Einbindung vergessen habe.
PS: Nicht wundern, wieso ich mehrmals die gleiche Datei verlinkt habe. Es war lediglich der Versuch den Fehler einzugrenzen, der natürlich zum scheitern verurteilt wurde.
Hier der vollständige Code:
Code:
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ taglib uri="/struts-tags" prefix="s" %>
<h4><s:text name="txtLogIn"/></h4>
<s:form>
<s:textfield name="user.userId" key="lblUserId" required="true"/>
<s:password name="user.password" key="lblPassword" required="true"/>
<s:submit key="btnLogIn" action="LogIn"/>
<s:submit key="btnRegistrate" action="ShowRegistration"/>
</s:form>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Style-Type" content="text/css">
<title> Home </title>
<link HREF="../css/styles.css" REL="stylesheet" TYPE="text/css" >
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Artemis - Login</title>
<link rel="stylesheet" href="/css/styles.css" type="text/css"></link>
<!--CSS-->
<link rel="stylesheet" href="css/styles.css" type="text/css"></link>
<link rel="stylesheet" href="css/reset.css" type="text/css" />
<link rel="stylesheet" href="css/styles.css" type="text/css" />
<!-- Google Fonts -->
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:regular,italic' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold' rel='stylesheet' type='text/css' />
<!--Scripts-->
<!--jQuery-->
<script src="plugins/jquery/jquery.js" type="text/javascript"></script>
<!--jQuery Superfish-->
<script src="plugins/jquery-superfish/superfish.js" type="text/javascript"></script>
<!--jQuery Excanvas-->
<!--[Für IE]><script src="plugins/jquery-excanvas/excanvas.js" type="text/javascript"></script><![endif]-->
<!--jQuery Visualize-->
<script src="plugins/jquery-visualize/visualize.jQuery.js" type="text/javascript"></script>
<link href="plugins/jquery-visualize/visualize.css" rel="stylesheet" type="text/css">
<!--jQuery Uniform-->
<script src="plugins/jquery-uniform/jquery.uniform.min.js" type="text/javascript"></script>
<link href="plugins/jquery-uniform/css/uniform.default.css" rel="stylesheet" type="text/css">
<!--jQuery Tipsy-->
<script src="plugins/jquery-tipsy/jquery.tipsy.js" type="text/javascript"></script>
<link href='plugins/jquery-tipsy/tipsy.css' rel='stylesheet' type='text/css' />
<!--jQuery Datatables-->
<script src="plugins/jquery-datatables/jquery.dataTables.min.js" type="text/javascript"></script>
<!--jQuery Facebox-->
<script src="plugins/jquery-facebox/facebox.js" type="text/javascript"></script>
<link rel="stylesheet" href="plugins/jquery-facebox/facebox.css" type="text/css" />
<!--Script Loader-->
<script src="plugins/loader.js" type="text/javascript"></script>
</head>
<body>
<!--Content-->
<div id="content">
<div id="login" class="container">
<img class="logo" src="assets/logo.png" alt="logo" />
<!--Login-->
<div class="box">
<div class="header">
<h2>Login</h2>
</div>
<div class="content">
<div class="tabs">
<!--navigation-->
<ul class="navigation clearfix">
<li> <a class="current" href="#tab1">Login</a></li>
<li><a href="#tab2">Registrieren</a></li>
<li><a href="#tab3">Passwort wiederherstellen</a></li>
</ul>
<!--tab1-->
<div class="tab" id="tab1">
<p class="message valid">Meldung: Erfolgreich angemeldet<span class="close">X</span>
</p>
<p class="message invalid">
Meldung: Fehler<span class="close"></span>
</p>
<form action="index.html" method="post" class="form">
<p class="field">
<label>Benutzername</label>
<input class="large">
</p>
<p class="field">
<label for="username">Passwort </label>
<input id="username" name="username" class="large">
</p>
<p class="field">
<button type="submit">Anmelden</button>
<button type="reset" class="secondary">Abbrechen</button>
</p>
</form>
</div>
<!--tab2-->
<div class="tab" id="tab2">
<form action="#" method="post" class="form">
<p class="field">
<label for="username">Benutzername </label>
<input id="username" name="username" class="large">
</p>
<p class="field">
<label for="username">Passwort </label>
<input name="email" type="password" class="large" id="email">
</p>
<p class="field">
<button type="submit">Registrieren</button>
<button type="reset" class="secondary">Abbrechen</button>
</p>
</form>
</div>
<!--tab3-->
<div class="tab" id="tab3">
<form action="#" method="post" class="form">
<p>Ihr Passwort wird Ihnen via E-Mail zugeschickt</p>
<p class="field">
<label for="username">Email </label>
<input id="username" name="username" class="large">
</p>
<p class="field">
<button type="submit">Absenden</button>
<button type="reset" class="secondary">Abbrechen</button>
</p>
</form>
</div>
<!--End .tabs-->
</div>
<!--End .content-->
</div>
<!--End .box-->
</div>
<!--End .container-->
</div>
<!--End #content-->
</div>
</body>
</html>
Zuletzt bearbeitet: