{"id":23228924,"url":"https://github.com/8syncdev/new-ui-admin-graph-2024","last_synced_at":"2025-04-05T18:28:38.944Z","repository":{"id":232825426,"uuid":"785275583","full_name":"8syncdev/new-ui-admin-graph-2024","owner":"8syncdev","description":null,"archived":false,"fork":false,"pushed_at":"2024-04-14T00:30:14.000Z","size":83962,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-11T15:53:18.806Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Python","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/8syncdev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-04-11T14:58:54.000Z","updated_at":"2024-04-11T15:21:56.000Z","dependencies_parsed_at":"2024-04-14T01:46:26.738Z","dependency_job_id":null,"html_url":"https://github.com/8syncdev/new-ui-admin-graph-2024","commit_stats":null,"previous_names":["8syncdev/new-ui-admin-graph-2024"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/8syncdev%2Fnew-ui-admin-graph-2024","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/8syncdev%2Fnew-ui-admin-graph-2024/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/8syncdev%2Fnew-ui-admin-graph-2024/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/8syncdev%2Fnew-ui-admin-graph-2024/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/8syncdev","download_url":"https://codeload.github.com/8syncdev/new-ui-admin-graph-2024/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247382227,"owners_count":20930039,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-12-19T01:15:35.061Z","updated_at":"2025-04-05T18:28:38.922Z","avatar_url":"https://github.com/8syncdev.png","language":"Python","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Admin Dashboard Đẹp và Tiện Lợi 2024\n\n\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\n## Kiến thức cần chuẩn bị\n\u003e __Python Cơ Bản__ [Bấm vào đây](https://www.youtube.com/watch?v=vuW_VP45HAw\u0026list=PL0BKQObQ3LnDhMKXnId86lj_lBqByA1ON)\n\u003e __OOP_Python__ [Bấm vào đây](https://www.youtube.com/watch?v=vuW_VP45HAw\u0026list=PL0BKQObQ3LnDhMKXnId86lj_lBqByA1ON)\n\u003e __Django_Module, MVT, Bolerate Tag Dj, Recycling__ [Bấm Vào Đây](#khóa-học-fullstack-python)\n\u003e __Video Hướng Dẫn (Lưu ý phải hiểu rõ lý thuyết trước khi xem)__ [Bấm vào đây]()\n\n\n### Thiết Lập Cho Dự Án\nDùng câu lệnh sau cho terminal:\n```sh\npip install -r requirements.txt\npy manage.py makemigrations\npy manage.py migrate\n```\n\n### Chạy Dự Án\nDùng câu lệnh sau cho terminal:\n```sh\npy app.py runserver\n```\n\n### Tạo ứng dụng Admin Dashboard\n\n1. **Tạo ứng dụng Django**:\n   Mở terminal và chạy lệnh sau để tạo một ứng dụng Django mới có tên là `project_core`:\n   ```bash\n   python manage.py startapp project_core\n   ```\n\n2. **Cập nhật INSTALLED_APPS**:\n   Mở file `settings.py` trong dự án Django của bạn và thêm `'project_core.apps.AdminDashboardConfig',` vào danh sách `INSTALLED_APPS`.\n\n3. **Cài đặt Template cho Trang chủ Admin**:\n   - Tạo một file mới có đường dẫn `templates/admin/index.html` trong thư mục gốc của dự án Django.\n   - Cập nhật các thiết lập của template trong `settings.py`:\n     ```python\n     TEMPLATES = [\n         {\n             \"BACKEND\": \"django.template.backends.django.DjangoTemplates\",\n             \"DIRS\": [BASE_DIR / \"templates\"],\n             \"APP_DIRS\": True,\n             ...\n         },\n     ]\n     ```\n\n4. **Thêm nội dung vào Template**:\n   - Copy và dán nội dung sau vào file `index.html`:\n\n     (Nội dung được cung cấp trong nguồn tài liệu).\n\n### Tailwind CSS\n\n5. **Cấu hình Tailwind CSS**:\n   - Tạo một file mới có tên `tailwind.config.js` trong thư mục gốc của dự án.\n   - Copy và dán nội dung cấu hình Tailwind CSS vào file vừa tạo.\n\n6. **Biên dịch Tailwind CSS**:\n   - Chạy lệnh sau trong terminal:\n     ```bash\n     npx tailwindcss -o \u003cdjango_project_dir\u003e/project_core/static/project_core/css/styles.css --watch --minify\n     ```\n   - Thay `\u003cdjango_project_dir\u003e` bằng đường dẫn thư mục dự án của bạn.\n\n### Xây dựng Nội dung Dashboard\n\n7. **Cập nhật Context cho Dashboard**:\n   - Trong file `provider.py` của ứng dụng `project_core`, thêm một hàm mới `dashboard_callback` để cung cấp context cho trang dashboard.\n   - Sao chép và dán nội dung hàm `dashboard_callback` từ nguồn tài liệu.\n\n8. **Cập nhật Thiết lập Unfold**:\n   - Trong file `settings.py`, cập nhật thiết lập Unfold như sau:\n\n     ```python\n     UNFOLD = {\n         ...\n         \"DASHBOARD_CALLBACK\": \"project_core.views.dashboard_callback\",\n         \"STYLES\": [\n             lambda request: static(\"project_core/css/styles.css\"),\n         ],\n         ...\n     }\n     ```\n\nVới các bước trên, bạn đã có thể tạo ứng dụng Admin Dashboard trong Django và tích hợp Tailwind CSS để tạo giao diện đẹp mắt.\n\n\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\n## KHóa Học Fullstack Python\n\n__Hình Thức:__\n- Qua Video\n- Qua Zoom, Discord, Classin,...\n\n__Khóa Học Video:__\n\u003e Hơn 60 giờ học + Tải về + Cập nhật và sử dụng trọn đời\n\u003e Video hướng dẫn 7 dự án + Code\n\u003e Tài liệu biên soàn bản đầy đủ [Bấm vào đây xem bản dùng thử](https://github.com/8syncdev/Full-Python-Ebook)\n\u003e __Giá Gốc: 1.200.000đ__, __Giá Hiện Tại: 400.000đ__ đến hết 11/5/2024\n\u003e Website Lý Thuyết và Bài Tập (Sắp ra mắt nên đăng kí trước khi hết khuyến mãi)\n\n__Khóa Học Zoom:__\n\u003e Liên hệ 0703930513\n\n[Bấm vào đây xem chi tiết hình ảnh](./doc/images/RoadMap.png)\n\n![img](./doc/images/RoadMap.png)\n\n\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F8syncdev%2Fnew-ui-admin-graph-2024","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F8syncdev%2Fnew-ui-admin-graph-2024","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F8syncdev%2Fnew-ui-admin-graph-2024/lists"}