Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Django - Datatables Sample | AppSeed

License

NotificationsYou must be signed in to change notification settings

app-generator/sample-django-datatables

Repository files navigation

Simple Django starter that implements a server-side paginated view - Styled with Bootstrap 5.

For acomplete set of features and long-term support, check outDynamic Django, a powerful starter that incorporates:

  • ✅Dynamic DataTables: using a single line of configuration, the data saved in any table is automatically managed
  • ✅Dynamic API: any model can become a secure API Endpoint using DRF
  • ✅Dynamic Charts: extract relevant charts without coding all major types are supported
  • ✅CSV Loader: translate CSV files into Django Models and (optional) load the information
  • ✅ PowerfulCLI Tools for the GIT interface, configuration editing, updating the configuration and database (create models, migrate DB)

How to use it

$# Get the code$ git clone https://github.com/app-generator/django-datatables-sample.git$cd django-datatables-sample$$# Virtualenv modules installation (Unix based systems)$ virtualenv env$source env/bin/activate$$# Virtualenv modules installation (Windows based systems)$# virtualenv env$# .\env\Scripts\activate$$# Install modules - SQLite Storage$ pip3 install -r requirements.txt$$# Create tables$ python manage.py makemigrations$ python manage.py migrate$$# Create app superuser$ python manage.py createsuperuser$$# Start the application (development mode)$ python manage.py runserver# default port 8000$$# Start the app - custom port$# python manage.py runserver 0.0.0.0:<your_port>$$# Access the web app in browser: http://127.0.0.1:8000/

Note: To use the app, please access the registration page and create a new user. After authentication, the app will unlock the private pages.


Load Data For Datatable

In Django admin, you can import data for theTransaction section.To do this just click onIMPORT button then select your csv, xls or etc file and submit it.

Import Data

SampleData

Datatable for transactions

  • Imported information is displayed in theTransactions section.

Django Dashboard Volt - Template project provided by AppSeed.

  • In this section, you cansearch,edit, anddelete the transactions. The added features of thisdatatable are:
    • Paginated information (transaction page) with usable controls: PREV, 1,2,3., NEXT
    • Search box to filter
    • Delete row control
    • edit cel data on double click and ENTER on confirm.

Django Dashboard Volt - Template project provided by AppSeed.


Code-base structure

The project is coded using a simple and intuitive structure presented bellow:

< PROJECT ROOT>||-- core/# Implements app logic and serve the static assets||-- settings.py# Django app bootstrapper||-- wsgi.py# Start the app in production||-- urls.py# Define URLs served by all apps/nodes||||-- static/|||--<css, JS, images># CSS files, Javascripts files||||-- templates/# Templates used to render pages||||-- includes/# HTML chunks and components|||-- navigation.html# Top menu component|||-- sidebar.html# Sidebar component|||-- footer.html# App Footer|||-- scripts.html# Scripts common to all pages||||-- layouts/# Master pages|||-- base-fullscreen.html# Used by Authentication pages|||-- base.html# Used by common pages||||-- accounts/# Authentication pages|||-- login.html# Login page|||-- register.html# Register page|||      index.html# The default page|     page-404.html# Error 404 page|     page-500.html# Error 404 page|*.html# All other HTML pages||-- authentication/# Handles auth routes (login and register)||||-- urls.py# Define authentication routes||-- views.py# Handles login and registration||-- forms.py# Define auth forms||-- app/# A simple app that serve HTML files||||-- views.py# Serve HTML pages for authenticated users||-- urls.py# Define some super simple routes||-- requirements.txt# Development modules - SQLite storage||-- .env# Inject Configuration via Environment|-- manage.py# Start the app - Django default start script||--************************************************************************

The bootstrap flow

  • Django bootstrappermanage.py usescore/settings.py as the main configuration file
  • core/settings.py loads the app magic from.env file
  • Redirect the guest users to Login page
  • Unlock the pages served byapp node for authenticated users

Deployment

The app is provided with a basic configuration to be executed inDocker,Gunicorn, andWaitress.

Docker execution

The application can be easily executed in a docker container. The steps:

Get the code

$ git clone https://github.com/app-generator/django-datatables-sample.git$cd django-datatables-sample

Start the app in Docker

$ docker-compose up --build

Visithttp://localhost:5085 in your browser. The app should be up & running.


Django Datatables Sample - Provided byAppSeed.

[8]ページ先頭
©2009-2025 Movatter.jp