Java-JS_webpage

A streaming webpage developed on Apache NetBeans IDE 15, using Java & JavaScript with login page connected to MySQL backend.

Requirements

• Apache NetBeans IDE 15
• Windows 7 or above
• Apache Tomcat
• Java SDK
• MySQL

🔧 My specifications :

Product Version: Apache NetBeans IDE 15  
Java: 18.0.2.1; Java HotSpot(TM) 64-Bit Server VM 18.0.2.1+1-1  
Runtime: Java(TM) SE Runtime Environment 18.0.2.1+1-1  
System: Windows 11 version 10.0 running on amd64; UTF-8; en_IN (nb)  
MySQL Workbench: version 8.0.31

Setup

• Install Apache NetBeans IDE 15 and configure Tomcat server with it.
• Open MySQL Workbench and create a Localhost Adminstrator Account.
• Clone this repo using git to any folder.
• Open 'MySQL_ReadMe.txt' from repo files and copy paste each line into MySQL Database and execute them.
• Open Apache NetBeans and navigate to Menu Tab > File > Open Project
• Locate the cloned folder and click 'Open Project'.
• All project files and resources will be now properly loaded to NetBeans.
• Navigate to \build\src\java\exist\response\java and open 'exist.java' in working pane.
• Find the line con = DriverManager.getConnection("jdbc:mysql://localhost:3306/login","root","root");
• Change the values of "root,"root" to your MySQL Workbench Localhost Adminstrator Username and Password respectively.
• Similarly open and change MySQL credential values in 'login.java'.
• Save the changes ( Ctrl + S )

Running the Project

• Click on Menu Tab > Run > Clean and Build Project
• Again click Menu Tab > Run > Run Project
• Enter Apache Tomcat server user and password.
• Default browser will open Localhost port automatically, if not opened; Open any browser and go to http://localhost:8080/
• The website will be now live.
• To close the live server, navigate to the server pane under working pane and click the stop button or directly close the browser.

Output

Help

🔗 Major components in DIR :

index.html : Main page/ Home page.  
login2.jsp : Handle Front-End + JS for Sign-in section.  
exist.java : Handle Back-end + JDBC for Sign-in section.  
login.jsp : Handle Front-End + JS for Sign-up section.  
login.java : Handle Back-end + JDBC for Sign-iup section.  
success.jsp : Act as ToNext page after successful authentication with Database.
MySQL_ReadMe.txt : Contains all the Back-end configuration codes for creating Database.