Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jubinjacob03/java-js_webpage
A streaming webpage developed on Apache NetBeans IDE 15, using Java & JavaScript with login page connected to MySQL backend.
https://github.com/jubinjacob03/java-js_webpage
apache backend frontend java javascript jdbc mysql-connector mysql-database netbeans-ide vanilla-css
Last synced: 25 days ago
JSON representation
A streaming webpage developed on Apache NetBeans IDE 15, using Java & JavaScript with login page connected to MySQL backend.
- Host: GitHub
- URL: https://github.com/jubinjacob03/java-js_webpage
- Owner: jubinjacob03
- License: mit
- Created: 2023-06-23T18:24:44.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-07-02T15:39:24.000Z (over 1 year ago)
- Last Synced: 2024-11-13T05:06:33.690Z (3 months ago)
- Topics: apache, backend, frontend, java, javascript, jdbc, mysql-connector, mysql-database, netbeans-ide, vanilla-css
- Language: CSS
- Homepage:
- Size: 5.61 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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
:wrench: 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
:link: 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.