Cé gur Python an chuid is mó de chroí Django, tá cód JavaScript sna feidhmchláir contrib admin agus gis`.
Lean na caighdeáin chódú seo le do thoil agus cód JavaScript á scríobh le haghaidh áireamh i Django.
\nComhlíonadh leis an stíl ionghabhála a ordaítear sa chomhad .editorconfig. Molaimid eagarthóir téacs a úsáid le tacaíocht EditorConfig chun saincheisteanna insint agus spás bán a sheachaint. Úsáideann an chuid is mó de na comhaid JavaScript 4 spás le haghaidh ionbhrú, ach tá roinnt eisceachtaí ann.
Agus athróga á ainmniú agat, bain úsáid as camelcase in ionad underscore_case. Uaireanta úsáideann comhaid éagsúla JavaScript stíl chód difriúil. Déan iarracht cloí le stíl chód gach comhad le do thoil.
Úsáid an linter cód `eSlint `_ chun do chód a sheiceáil le haghaidh fabhtanna agus earráidí stíl. Reáchtálfar eSlint nuair a reáchtáil tú na tástálacha JavaScript. Molamar freisin breiseán eSlint a shuiteáil i d'eagarthóir téacs.
Nuair is féidir, scríobh cód a oibreoidh fiú má athraítear struchtúr an leathanaigh níos déanaí le JavaScript. Mar shampla, nuair a bhíonn láimhseálaí cliceála á cheangal agat, bain úsáid as $ ('body') .on ('click', roghnóir, func) ``in ionad ``$ (roghnóir) .click (func). Fágann sé seo go bhfuil sé níos éasca do thionscadail iompar réamhshocraithe Django a leathnú le JavaScript.
Giarálann córas riaracháin Django creat jQuery chun cumais an chomhéadain riaracháin a mhéadú. I gcomhar, tá béim ar fheidhmíocht riaracháin JavaScript agus méid foriomlán comhad meán riaracháin a íoslaghdú.
\nIs féidir tástálacha JavaScript Django a reáchtáil i mbrabhsálaí nó ón líne ordaithe. Tá na tástálacha suite in eolaire barrleibhéil: source: js_tests.
\nÚsáideann tástálacha JavaScript Django Qunit. Seo sampla modúl tástála:
\nQUnit.module('magicTricks', {\n beforeEach: function() {\n const $ = django.jQuery;\n $('#qunit-fixture').append('<button class="button"></button>');\n }\n});\n\nQUnit.test('removeOnClick removes button on click', function(assert) {\n const $ = django.jQuery;\n removeOnClick('.button');\n assert.equal($('.button').length, 1);\n $('.button').click();\n assert.equal($('.button').length, 0);\n});\n\nQUnit.test('copyOnClick adds button on click', function(assert) {\n const $ = django.jQuery;\n copyOnClick('.button');\n assert.equal($('.button').length, 1);\n $('.button').click();\n assert.equal($('.button').length, 2);\n});\nFéach le do thoil ar an gcáipéisíocht QUnit chun faisnéis a fháil faoi na cineálacha dearbhuithe a fhaigheann tacaíocht ó QUnit.
Is féidir na tástálacha JavaScript a reáchtáil ó bhrabhsálaí gréasáin nó ón líne ordaithe.
\nChun na tástálacha a reáchtáil ó bhrabhsálaí gréasáin, oscail:source: js_tests/tests.html i do bhrabhsálaí.
\nChun clúdach cód a thomhas agus na tástálacha á reáchtáil agat, ní mór duit an comhad sin a fheiceáil thar HTTP. Chun clúdach cód a fheiceáil:
\nFeidhmigh python -m http.server ón eolaire fréimhe (ní ón taobh istigh js_tests).
Oscail http://localhost:8000/js_tests/tests.html i do bhrabhsálaí gréasáin.
Chun na tástálacha a reáchtáil ón líne ordaithe, ní mór duit `Node.js `_ a bheith suiteáilte.
\nTar éis duit `Node.js ``a shuiteáil, suiteáil na spleáchais tástála JavaScript tríd an méid seo a leanas a reáchtáil ó fhréamh do sheiceáil Django:
\nLinux / macOS
$ npm install\nWindows
...\\> npm install\nAnsin reáchtáil na tástálacha le:
\nLinux / macOS
$ npm test\nWindows
...\\> npm test\n