In web-based applications and in the development of custom software in general, creating the software architecture is a time-consuming process. Those who have a ready-made software infrastructure have a significant advantage — provided it is an up-to-date infrastructure.

💡 A Java library that generates SQL in the background for form structures, page design with HTML5 Bootstrap and jQuery, front-end coding with pure JavaScript, data transfer with Ajax 2 and JSON, business logic with Java Servlet and JSP in the background... A good architecture can save you 30-40% of your time in your enterprise software projects.

Select, Insert, Update, Delete — SQL DML commands constitute a significant part of coding. A library that automatically generates these DML codes greatly simplifies things. (sdbapi library)

SELECT Operation in JSP

JSP — Select
JSP select code example

The one who performs the select operation in a JSP code The code snippet is shown above.

Form Structure

In JSP code, our forms in HTML page design can be as follows:

JSP — Form HTML
Form HTML structure

Table Structure

Our page will also include a table section.

JSP — Table
Table structure

Pagination and Output Buttons

JSP — Buttons
Pagination buttons

Alarm Structure

JSP — Alarms
Alarm structure

JavaScript Initial Variables

JavaScript initial variables and value assignment are done on the JSP page.

JSP — JS Variablesdata
JavaScript variables

HTML Table Data Settings

JSP — Table Data
Table data settings
HTML — Modal Form
Modal form settings

jbca.js — JavaScript Functions

HTML table pagination settings:

jbca.js — Pagination
Pagination function

Creating HTML table rows:

jbca.js — Creating a Row
Creating a table row

A snippet from modal form creation:

jbca.js — Modal
Modal form code

Update form — an alternative solution to the modal page:

jbca.js — Update Form
Update form

Data Transfer with Ajax

The section where search parameters are sent to the Servlet via Ajax, JSON data is parsed, and a table is created:

jbca.js — Ajax / JSON
Ajax JSON data transfer

Similar Ajax scripts are also available for adding, updating, and deleting records.

File Download

jbca.js — File Download
File download script

Excel / CSV / JSON / PDF Output

It is possible to export data from the HTML table as Excel, CSV, JSON and PDF. Preparing Lists:

JS — List Preparation
Preparing Output Lists

File Transfers:

JS — File Transfer
File transfer

Servlet Side

Getting Ajax data on the Servlet side:

Java Servlet — Ajax Reception
Servlet ajax reception

Setting initial data and authorization control:

Java Servlet — Authorization Control
Authorization control

Search operations and Ajax return with JSON:

Java Servlet — Search / JSON
Search and JSON return

Entering, updating and deleting records:

Java Servlet — CRUD
CRUD operations
Java Servlet — CRUD (continued)
CRUD continuation
Java Servlet — JSON Sending
JSON sending

Application Interface

A snippet from the application menus:

UI — Menu
Application menu

HTML5 mandatory field control when entering new data:

HTML5 — Required Fields
Required field check

HTML5 date selection feature:

HTML5 — Date Selection
Date selection

Code Collective representation of the form in English:

UI — Code Form (List)
Code form list

Modal view of the Code form:

UI — Code Form (Modal)
Code form modal

Form Parameter Definitions

First of all, the parameters for the form need to be determined:

Parameter Definitions
Form parameter definitions
Parameter Definitions (continued)
Continued Form parameter definitions
🚀 After a good analysis and relational database design, using a strong architecture can save you 30-40% of your time in your enterprise software projects.