K8 Web Kit

Create your Web App

Generate elements such as forms, lists or catalogs quickly and easily out of your sql server table and place them on your website.

By standardizing simple processes, you can concentrate on the essential programming.

Bootstrap 5 is one of the most popular CSS frameworks. K8 Web Kit is based on it. The layout and design can be designed professionally.

K8 Web Kit is built with free available modules and libraries (look below). It may be used freely in private and commercial sites.

Multilingual

The base language of K8 Web Kit is English. The texts and labels of the base module can easily be translated into any other language. The documentation is available in English. The main page of K8 Web Kit and some examples are written in German and English.

Download

Current download: K8 Web Kit with Bootstrap 5
(tested with PHP 7.4)

Documentation

Please see the K8 Webkit with Bootstrap 3 documentation.

User Management

User management is a key part of K8 Web Kit. This ensures data security. The main functions of the user administration are:

Login / Logout

check it out with username: demo, password: demo

HTML output

Generate a catalog element out of your database table

The catalog template contains a simple HTML with an image, a title, the controls and a description. You can simply add placeholders to all other fields.

The catalog plugin makes it easy to read, filter and display your catalogue. The controls allow you to create, edit and delete your catalog entries. The necessary data structures can easily be generated and changed:

  • Data access class
  • Format definition for displaying numbers and date fields
  • Form for creating and editing

The generated data definition can be changed according to your needs. An image upload is already planned. Text areas can be supplemented with tinymce (rich text editor) for better editing and formatting.

For more details to the catalog element, please have a look to:

Masterdata

Generate a master data element out of your database table

You have created the necessary tables for your web application in your database. Now you can generate a data definition for individual tables. The data definition contains the following definitions:

  • Data access class
  • List of columns (tab)
  • Form

The generated data definition can be changed according to your needs. You can easily add or remove an image upload. Text areas can be supplemented with tinymce (rich text editor) for better editing and formatting.

The Masterdata Plugin controls the filtering, sorting, creating, editing and deleting of your datasets.

For more information please see:

For more details to the master data, please have a look to:

Backend, PHP and MySQL

Backend

For more details to the backend, please have a look to:

Bootstrap, the famous CSS

Build fast, responsive sites with Bootstrap

Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins .

Bootstrap documentation:

K8 Forms, the Bootstrap 5 Form Builder

K8 forms

Builds a bootstrap 5 form
out of a sql table
or an easy
JavaScript data structure

Supports the following bootstrap layouts:

  • vertical
  • horizontal
  • floating

For more details about K8 Forms, please have a look to:

Tabulator, the data table

Easy to use
simple to code
fully featured
interactive JavaScript tables

For more details about Tabulator, please have a look to:

Dropzone

Open source file upload

DropzoneJS is an open source library that provides drag’n’drop file uploads with image previews.

It’s lightweight, doesn’t depend on any other library (like jQuery) and is highly customizable.

Dropzone website

Please, have a look to

Drop your files here

TinyMCE

HTML Editor

TinyMCE is a free Open Source HTML Editor. According to the producer its the world's most advanced rich text editor.

The WYSIWYG editor that is flexible, customizable, and designed with the user in mind. TinyMCE can handle any challenge, from the most simple implementation through to the most complex use case.

Please have a look to:


TinyMCE website

More informations are available at:

Chart.js

Chart definition

Chart.js offers an easy definition with rich feature and many different charts. This is an example for a line chart:

Chart.js website

More informations are available at:

TCPDF

Open source PDF creation

TCPDF is a free Open Source PHP class for generating PDF documents.

Please have a look to:

  • tcpdf with Json definiton: JsonPDF
  • Invoice example with PDF: Invoice

TCPDF website

More informations are available at: