Django Datatables - Ajax를 통한 페이지 매김, 검색 및 인라인 편집

안녕하세요 코더 여러분,

이 기사에서는 사용자가 테이블 행을 두 번 클릭할 때 활성화되는 Ajax를 통해 페이지 매김, 검색, 인라인 편집으로 향상된 간단한 Datatable 컨트롤을 제공하는 오픈 소스 Django 프로젝트를 소개합니다. Django Datatables 샘플은 샘플 CSV 파일에서 관리 인터페이스를 통해 정보를 로드합니다. 초보자를 위해 Django는 숙련된 개발자가 구축하여 빠른 개발을 장려하는 Python 웹 프레임워크입니다.

Thanks for reading! - Content provided by App Generator.

Django Datatables Sample - 소스 코드

(무료) Volt Django Dashboard - 초기 스타터

앱을 컴파일하는 방법

$ # 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
$
$ # Install modules - SQLite Storage
$ pip3 install -r requirements.txt
$
$ # Create tables
$ python manage.py makemigrations
$ python manage.py migrate

CSV 파일로 제공되는 샘플 정보는 관리 인터페이스 및 django-import-export 패키지를 통해 쉽게 로드할 수 있습니다. 관리 섹션에 액세스하려면 먼저 수퍼유저를 만드십시오.

$ # Create app superuser
$ python manage.py createsuperuser

데이터 테이블에 대한 데이터 로드

Django admin에서 트랜잭션 섹션에 대한 데이터를 가져올 수 있습니다.
이렇게 하려면 가져오기 버튼을 클릭한 다음 csv, xls 또는 기타 파일을 선택하고 제출하십시오.

Sample Data

트랜잭션 데이터 테이블

가져온 정보는 트랜잭션 페이지에 표시됩니다.




데이터베이스에 정보가 있으면 페이지에서 트랜잭션을 검색, 편집 및 삭제할 수 있습니다.

쉽게 탐색할 수 있도록 페이지가 매겨진 정보: PREV, 1,2,3., NEXT 컨트롤

이름으로 트랜잭션을 필터링하는 검색 상자

행 컨트롤 삭제

두 번 클릭하여 셀 데이터를 편집하고 확인 시 ENTER를 누르십시오.

Permissive(MIT) 라이선스를 기반으로 프로젝트 코드를 복사하여 취미 및 상업 프로젝트에 사용할 수 있습니다.

Thanks for reading! For more resources, please access:

Django - 공식 웹사이트

기타Django Dashboards - AppSeed에서 생성

Thank you!