ใช้ javascript ใน Django ได้ยังไงค่ะ

แนะนำ สอบถาม ภาษา C สำหรับผู้เริ่มต้น ภาษา Java ภาษา Python

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
thatsawan
PHP VIP Members
PHP VIP Members
โพสต์: 28508
ลงทะเบียนเมื่อ: 31/03/2014 10:02 am
ติดต่อ:

ใช้ javascript ใน Django ได้ยังไงค่ะ

โพสต์ที่ยังไม่ได้อ่าน โดย thatsawan »

ใช้ javascript ใน Django ได้ยังไงค่ะ
jay_limm
PHP VIP Members
PHP VIP Members
โพสต์: 4933
ลงทะเบียนเมื่อ: 02/06/2014 9:58 am

Re: ใช้ javascript ใน Django ได้ยังไงค่ะ

โพสต์ที่ยังไม่ได้อ่าน โดย jay_limm »

การติดตั้ง javascript
การติดตั้ง javascripts เช่นติดตั้งผ่าน pip

โค้ด: เลือกทั้งหมด

pip install django-javascript-settings
การตั้งค่า
การตั้งค่าในไฟล์ setting.py
เพิ่ม javascript-settings ในส่วนของ INSTALLED_APPS:

โค้ด: เลือกทั้งหมด

INSTALLED_APPS = (
    ...
    'javascript_settings',
    ...
)
เพิ่ม javascript-settings.finders ในส่วนของ STATICFILES_FINDERS:

โค้ด: เลือกทั้งหมด

STATICFILES_FINDERS = (
    ...
    'javascript_settings.finders.JavascriptSettingsFinder',
    ...
)
ในส่วนของ template
สามารถใช้ 2 แบบ
แบบที่ 1: Import
เพิ่ม javascript-settings.js ในส่วนของ script imports:

โค้ด: เลือกทั้งหมด

<script type="text/javascript" src="{{ STATIC_URL }}javascript-settings.js"></script>
แบบที่ 2: Template tag
เพิ่ม javascript-settings tag ในส่วนของเทมเพลตหลัก:

โค้ด: เลือกทั้งหมด

{% load javascript_settings_tags %}
<script type="text/javascript">{% javascript_settings %}</script>

ตัวอย่างการใช้งาน
Template:

โค้ด: เลือกทั้งหมด

<script type="text/javascript" src="{{ STATIC_URL }}javascript-settings.js"></script>
ไฟล์ urls.py ทีอยู่ใน app "home":

โค้ด: เลือกทั้งหมด

def javascript_settings():
    return {
        'page_title': 'Home',
        'page_version': '1.9.20',
        'css': {
            'white': './css/white.css',
            'black': './css/black.css',
            'print': './css/print.css',
        },
        'default_css': 'white',
    }

ผล ในไฟล์ javascript-settings.js:

โค้ด: เลือกทั้งหมด

var configuration = {'home': {'page_title': 'Home', 'page_version': '1.9.20', 'css': {'white': './css/white.css', 'black': './css/black.css', 'print': './css/print.css'}, 'default_css': 'white'}};
ดูรายละเอียดเพิ่มเติมได้จาก
django-javascript
บางที Bug ก็ไม่มีเหตุผล และไม่ต้องการคำจำกัดความ
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 95