در این مطلب، ویدئو 74 – فایل های استاتیک در حال توسعه – سری آموزشی Python & Django 3.2 با زیرنویس فارسی را برای دانلود قرار داده ام. شما میتوانید با پرداخت 15 هزار تومان ، این ویدیو به علاوه تمامی فیلم های سایت را دانلود کنید.اکثر فیلم های سایت به زبان انگلیسی می باشند. این ویدئو دارای زیرنویس فارسی ترجمه شده توسط هوش مصنوعی می باشد که میتوانید نمونه ای از آن را در قسمت پایانی این مطلب مشاهده کنید.
مدت زمان فیلم: 00:16:37
تصاویر این ویدئو:
قسمتی از زیرنویس این فیلم:
00:00:00,000 –> 00:00:01,040
اکنون میخواهیم در
2
00:00:01,040 –> 00:00:03,520
مورد ارائه فایلهای استاتیک صحبت کنیم که مواردی
3
00:00:03,520 –> 00:00:04,960
مانند تصاویر
4
00:00:04,960 –> 00:00:08,000
ویدئوها، برگههای سبک خارجی که
5
00:00:08,000 –> 00:00:12,080
به نامهای css و فایلهای جاوا اسکریپت خارجی نیز شناخته میشوند،
6
00:00:12,080 –> 00:00:14,400
اکنون برای انجام این کار، باید
7
00:00:14,400 –> 00:00:16,480
به تفاوت بین
8
00:00:16,480 –> 00:00:18,320
محیط توسعه محلی جنگو نگاهی بیندازیم. و
9
00:00:18,320 –> 00:00:20,400
محیط سطح تولید
10
00:00:20,400 –> 00:00:22,240
جنگو ما اکنون
11
00:00:22,240 –> 00:00:23,840
نگران تولید
12
00:00:23,840 –> 00:00:26,000
نخواهیم بود، در عوض نگران محلی
13
00:00:26,000 –> 00:00:28,080
هستیم، اما متوجه می شویم که این سبک ها
14
00:00:28,080 –> 00:00:30,320
بسیار متفاوت به نظر می رسند و
15
00:00:30,320 –> 00:00:32,399
البته به این دلیل است که محیط تولید
16
00:00:32,399 –> 00:00:34,320
اینگونه نیست. فایلهای استاتیک را
17
00:00:34,320 –> 00:00:35,360
تنظیم
18
00:00:35,360 –> 00:00:38,000
کنید، نکته دیگر این است که وقتی من در محلی هستم
19
00:00:38,000 –> 00:00:40,800
و اشکال زدایی را به صفر تغییر
20
00:00:40,800 –> 00:00:43,200
میدهم و سپس سرورم را دوباره راهاندازی میکنم
21
00:00:43,200 –> 00:00:45,920
، فایلهای استاتیک نیز باید از بین بروند،
22
00:00:45,920 –> 00:00:47,600
اما متأسفانه وقتی در
23
00:00:47,600 –> 00:00:49,920
این صفحه رفرش میکنم، این مشکل وجود ندارد.
24
00:00:49,920 –> 00:00:51,840
به نظر می رسد که هنوز آنجا هستند، بنابراین اگر من به دیدن
25
00:00:51,840 –> 00:00:54,879
کنسول توسعه دهنده و جاوا اسکریپت بروم
26
00:00:54,879 –> 00:00:57,039
و این را کمی باز کنم و
27
00:00:57,039 –> 00:00:58,399
به شبکه بروید
28
00:00:58,399 –> 00:01:00,960
و غیرفعال کردن کش را بزنید، مطمئن شوید که آن را
29
00:01:00,960 –> 00:01:03,199
تغییر دهید و t hen refresh
30
00:01:03,199 –> 00:01:04,879
اکنون درست از بین رفته است،
31
00:01:04,879 –> 00:01:06,880
بنابراین اکنون سبک ها
32
00:01:06,880 –> 00:01:08,240
با آنچه
33
00:01:08,240 –> 00:01:10,799
در محیط تولید می بینیم هماهنگ تر شده اند و
34
00:01:10,799 –> 00:01:12,479
البته دلیل آن این است که وقتی در
35
00:01:12,479 –> 00:01:15,280
حالت اشکال زدایی هستید، جنگو
36
00:01:15,280 –> 00:01:16,240
37
00:01:16,240 –> 00:01:18,479
زمانی که در حالت اشکال
38
00:01:18,479 –> 00:01:21,040
زدایی نباشید فایل های ثابت را ارائه می دهد. سرویس فایلهای استاتیک
39
00:01:21,040 –> 00:01:23,520
منظور من از ارائه فایلهای استاتیک این است
40
00:01:23,520 –> 00:01:26,320
که جنگو روشهای داخلی دارد تا به
41
00:01:26,320 –> 00:01:28,960
جای برگرداندن html در اینجا،
42
00:01:28,960 –> 00:01:31,119
در واقع نوع دیگری از فایل
43
00:01:31,119 –> 00:01:33,920
مانند یک فایل css یا یک فایل تصویری را برمیگرداند و از
44
00:01:33,920 –> 00:01:37,200
نظر فنی میتوانید این کار را انجام دهید.
45
00:01:37,200 –> 00:01:39,600
جنگو اشاره میکند که ارائه
46
00:01:39,600 –> 00:01:42,560
فایلهای استاتیک از طریق جنگو توصیه
47
00:01:42,560 –> 00:01:45,280
نمیشود، اکنون ناکارآمد است و احتمالاً بسیار
48
00:01:45,280 –> 00:01:46,560
ناامن
49
00:01:46,560 –> 00:01:48,720
است که البته در حال تولید است
50
00:01:48,720 –> 00:01:50,240
و زمانی که در نسخه بعدی وارد تولید شویم، در مورد آن با جزئیات بیشتری صحبت خواهیم کرد،
51
00:01:50,240 –> 00:01:52,240
52
00:01:52,240 –> 00:01:54,240
اما فعلا اجازه دهید ادامه دهید و
53
00:01:54,240 –> 00:01:57,680
ببینید چگونه می توانم از فایل های استاتیک خودم استفاده کنم
54
00:01:57,680 –> 00:01:59,200
و یک مثال خوب از
55
00:01:59,200 –> 00:02:01,040
56
00:02:01,040 –> 00:02:04,719
57
00:02:04,719 –> 00:02:07,439
58
00:02:07,439 –> 00:02:11,120
آن در base.html است. n
59
00:02:11,120 –> 00:02:13,520
خود html پس این یک شیوه
60
00:02:13,520 –> 00:02:15,200
نامه داخلی است در اینجا ما می خواهیم آن را
61
00:02:15,200 –> 00:02:17,440
به یک شیوه نامه خارجی تبدیل
62
00:02:17,440 –> 00:02:20,080
کنیم که در بالای آن
63
00:02:20,080 –> 00:02:23,280
فایل خارجی جاوا اسکریپت واقعی htmx است که
64
00:02:23,280 –> 00:02:26,480
روی سرور دیگری میزبانی شده است، بنابراین خود جنگو
65
00:02:26,480 –> 00:02:28,319
ما نمی خواهیم آنها میزبانی کنند. این در
66
00:02:28,319 –> 00:02:30,160
دراز مدت میخواهیم روی یک
67
00:02:30,160 –> 00:02:32,319
سرور خارجی میزبانی شود، اما همچنان میتوانیم آن را
68
00:02:32,319 –> 00:02:33,599
در کوتاهمدت میزبانی کنیم،
69
00:02:33,599 –> 00:02:35,040
بنابراین برای انجام این کار یا حداقل در
70
00:02:35,040 –> 00:02:37,200
محیط توسعه، باید بگویم
71
00:02:37,200 –> 00:02:38,800
که در داخل دستور العملها میخواهیم
72
00:02:38,800 –> 00:02:40,879
جلو برویم. و یک پوشه جدید در اینجا ایجاد کنید
73
00:02:40,879 –> 00:02:42,959
و ما آن را استاتیک می نامیم،
74
00:02:42,959 –> 00:02:45,200
بنابراین دوباره فایل های استاتیک را مدیریت می کنیم که
75
00:02:45,200 –> 00:02:47,200
بسیار شبیه به الگوهای مشابه هستند، این
76
00:02:47,200 –> 00:02:49,519
پوشه باید استاتیک نامیده شود
77
00:02:49,519 –> 00:02:51,920
که برای همه برنامه های شما و جنگو یکسان است.
78
00:02:51,920 –> 00:02:53,920
در برنامههای شما
79
00:02:53,920 –> 00:02:56,400
ابتدا برای این فایلهای استاتیک و بنابراین
80
00:02:56,400 –> 00:02:58,319
در داخل اینجا من میروم و
81
00:02:58,319 –> 00:03:00,959
دستور العملهایی درست میکنم، درست مانند
82
00:03:00,959 –> 00:03:02,400
قالبها، میخواهم یک پوشه بهطور
83
00:03:02,400 –> 00:03:05,040
خاص برای خود این برنامه بسازم، بنابراین
84
00:03:05,040 –> 00:03:06,480
داخل اینجا میروم به جلو بروید
85
00:03:06,480 –> 00:03:08,720
و m y دستور العمل های
86
00:03:08,720 –> 00:03:10,000
htmx
87
00:03:10,000 –> 00:03:11,680
css
88
00:03:11,680 –> 00:03:13,680
خوب است و بنابراین کاری که من می خواهم انجام دهم این است که فقط
89
00:03:13,680 –> 00:03:16,159
این سبک ها را در اینجا کپی و پیست کنید یا
90
00:03:16,159 –> 00:03:17,680
واقعا آنها را برش دهید و در
91
00:03:17,680 –> 00:03:21,519
اینجا بچسبانید و از شر آنها در base.html خلاص شوید
92
00:03:21,519 –> 00:03:22,800
تا این کار کار کند. من
93
00:03:22,800 –> 00:03:24,480
ادامه خواهم داد و همچنین یک
94
00:03:24,480 –> 00:03:27,360
چیز دیگر را تغییر میدهم و میگویم بدن و فقط
95
00:03:27,360 –> 00:03:30,319
رنگ قرمز و مهم
96
00:03:30,319 –> 00:03:32,480
را انجام میدهم، خوب، بنابراین تنها دلیلی که من انجام میدهم این است که
97
00:03:32,480 –> 00:03:35,120
تغییرات را فوراً به صورت بصری ببینم،
98
00:03:35,120 –> 00:03:37,200
نه هر کاری که باید
99
00:03:37,200 –> 00:03:39,519
در دراز مدت انجام دهیم. من آن را
100
00:03:39,519 –> 00:03:41,519
در مرحله ای حذف می کنم بسیار خوب، بنابراین اکنون می خواهم
101
00:03:41,519 –> 00:03:42,319
در واقع
102
00:03:42,319 –> 00:03:44,720
شما بدانید که به آن فایل های css ارجاع
103
00:03:44,720 –> 00:03:46,560
دهید، بنابراین بیایید
104
00:03:46,560 –> 00:03:49,760
در دستور العمل های ثابت و سپس
105
00:03:49,760 –> 00:03:52,760
106
00:03:52,959 –> 00:03:55,360
recipes.htmx.css به این فکر کنیم
107
00:03:55,360 –> 00:03:58,720
که آنها کجا هستند و سپس recipes.htmx.css.
108
00:03:58,720 –> 00:04:01,680
109
00:04:01,680 –> 00:04:03,680
دستور العمل ها و دستور العمل ها ثابت هستند
110
00:04:03,680 –> 00:04:05,200
htmax.css
111
00:04:05,200 –> 00:04:08,080
112
00:04:08,080 –> 00:04:10,400
اکنون اشکالی ندارد اگر شهود شما اینطور نبود،
113
00:04:10,400 –> 00:04:11,280
114
00:04:11,280 –> 00:04:13,519
اما اگر برای مثال از nginx استفاده کرده اید
115
00:04:13,519 –> 00:04:14,560
ممکن است
116
00:04:14,560 –> 00:04:16,560
واقعاً این شهود را تا حدی
117
00:04:16,560 –> 00:04:18,478
نداشته باشید، اما ایده اینجا
118
00:04:18,478 –> 00:04:20,880
این است که این پوشه استاتیک
119
00:04:20,880 –> 00:04:23,360
یک پوشه دیگر را نگه می دارد. پوشه ای به نام دستور العمل ها
120
00:04:23,360 –> 00:04:25,280
که exp این دو و
121
00:04:25,280 –> 00:04:27,040
سپس فایل را همانجا قرار می
122
00:04:27,040 –> 00:04:29,280
دهد، بنابراین ما ادامه می دهیم و آن را ذخیره می
123
00:04:29,280 –> 00:04:31,840
کنیم و سرور خود را مجددا راه اندازی می
124
00:04:31,840 –> 00:04:33,360
کنیم و مطمئن می شویم که هنوز در
125
00:04:33,360 –> 00:04:35,520
حالت اشکال زدایی هستیم یا در واقع در حالت اشکال زدایی هستیم.
126
00:04:35,520 –> 00:04:37,199
127
00:04:37,199 –> 00:04:38,320
128
00:04:38,320 –> 00:04:40,560
بیایید به پروژه خود نگاهی بیندازیم،
129
00:04:40,560 –> 00:04:41,919
بنابراین وارد ریشه
130
00:04:41,919 –> 00:04:43,520
می شویم هی، چه می دانید که در واقع
131
00:04:43,520 –> 00:04:45,600
فایل های ثابت من را بارگیری
132
00:04:45,600 –> 00:04:47,280
می کند، این عالی است، دلیل اینکه می دانم در
133
00:04:47,280 –> 00:04:49,600
حال بارگیری است، زیرا همه اینها قرمز است، اما همچنین
134
00:04:49,600 –> 00:04:51,440
اگر بخواهم به خود این فایل بروید،
135
00:04:51,440 –> 00:04:53,040
که همان چیزی است ما در ادامه این کار
136
00:04:53,040 –> 00:04:55,280
را انجام می دهیم، اکنون می توانیم
137
00:04:55,280 –> 00:04:57,520
محتوای آن فایل را از همان مکان واقعی ببینیم،
138
00:04:57,520 –> 00:04:59,040
139
00:04:59,040 –> 00:05:01,600
اکنون مطمئناً می دانستم که به
140
00:05:01,600 –> 00:05:03,440
دلیل نحوه تنظیم جنگو به طور پیش فرض بارگیری می شود،
141
00:05:03,440 –> 00:05:06,560
اما البته اگر این پوشه در
142
00:05:06,560 –> 00:05:09,440
اینجا چیز دیگری بود، اجازه دهید بگویید
143
00:05:09,440 –> 00:05:11,120
ما آن را
144
00:05:11,120 –> 00:05:14,080
به static abc تغییر میدهیم و من این را به
145
00:05:14,080 –> 00:05:17,120
static abc refresh در اینجا تغییر میدهم، البته
146
00:05:17,120 –> 00:05:18,720
صفحه پیدا نمیشود، در واقع اصلاً آن را پیدا نمیکند
147
00:05:18,720 –> 00:05:20,240
148
00:05:20,240 –> 00:05:22,000
به چند دلیل یکی از آنها این است که
149
00:05:22,000 –> 00:05:24,000
توجه داشته باشید که به من ثابت نمیکند.
150
00:05:24,000 –> 00:05:25,280
در اینجا اصلاً
151
00:05:25,280 –> 00:05:28,479
152
00:05:28,479 –> 00:05:30,240
به این ارجاع نمیدهیم، زیرا
153
00:05:30,240 –> 00:05:32,160
فقط مسیر نسبی را به من میدهد
154
00:05:32,160 –> 00:05:34,080
و سپس دلیل نهایی دلیل واقعی
155
00:05:34,080 –> 00:05:36,720
به پیکربندی ما مربوط میشود،
156
00:05:36,720 –> 00:05:39,919
بنابراین اگر به قسمت خیلی بروید، django و settings.pi را امتحان کنید.
157
00:05:39,919 –> 00:05:42,479
در پایین چیزی
158
00:05:42,479 –> 00:05:43,840
که می
159
00:05:43,840 –> 00:05:45,600
بینید چیزی برای
160
00:05:45,600 –> 00:05:49,600
URL استاتیک است، بنابراین به طور پیش فرض آدرس استاتیک
161
00:05:49,600 –> 00:05:52,160
یا جایی که django
162
00:05:52,160 –> 00:05:54,639
فایل های استاتیک توسعه ما را ارائه می دهد، فقط
163
00:05:54,639 –> 00:05:55,759
ثابت است،
164
00:05:55,759 –> 00:05:58,800
بنابراین اگر
165
00:05:58,800 –> 00:06:01,600
می خواستم abc ثابت باشد، می توانم آن را تغییر دهم
166
00:06:01,600 –> 00:06:04,240
و بسازم. به همین ترتیب کار کنید
167
00:06:04,240 –> 00:06:06,319
و سپس به اینجا برگردید و وارد
168
00:06:06,319 –> 00:06:08,479
abc استاتیک شوید و اینتر را بزنید و چه
169
00:06:08,479 –> 00:06:11,520
میدانید هنوز هم میگوید صفحه من پیدا نشد،
170
00:06:11,520 –> 00:06:13,199
اوه به چندین دلیل که ما مجبور نیستیم
171
00:06:13,199 –> 00:06:15,600
در اینجا به خیلی چیزها وارد شویم،
172
00:06:15,600 –> 00:06:17,759
اما ایده این است که در واقع
173
00:06:17,759 –> 00:06:20,400
محل جستجو را تغییر میدهد،
174
00:06:20,400 –> 00:06:21,600
بنابراین من نمیخواهم در حال حاضر این کار را انجام
175
00:06:21,600 –> 00:06:24,080
دهم، بنابراین بیایید نام آن را به static تغییر دهیم
176
00:06:24,080 –> 00:06:26,160
و در تنظیمات ما اجازه دهید نام آن
177
00:06:26,160 –> 00:06:27,520
را به static تغییر دهیم
178
00:06:27,520 –> 00:06:29,680
و سپس در base.html
179
00:06:29,680 –> 00:06:31,680
خوب باید نام آن را تغییر دهیم. همینطور اما
180
00:06:31,680 –> 00:06:33,280
هست اکنون کمی متفاوت خواهد بود
181
00:06:33,280 –> 00:06:34,560
182
00:06:34,560 –> 00:06:36,639
، دلیل متفاوت بودن آن این است که پایدار نیست،
183
00:06:36,639 –> 00:06:38,639
زیرا اگر تنظیمات را برای آن تغییر دهید
184
00:06:38,639 –> 00:06:39,840
185
00:06:39,840 –> 00:06:42,479
، کدهای سخت
186
00:06:42,479 –> 00:06:45,440
شما را از بین می برد، به
187
00:06:45,440 –> 00:06:47,600
خصوص زمانی که ما وارد مرحله تولید می شویم.
188
00:06:47,600 –> 00:06:49,759
در عوض میخواهیم بارگذاری استاتیک را در اینجا انجام دهیم
189
00:06:49,759 –> 00:06:50,639
190
00:06:50,639 –> 00:06:52,720
و در این مورد اکنون میروم
191
00:06:52,720 –> 00:06:56,400
و از تگ الگوی استاتیک
192
00:06:56,400 –> 00:06:59,840
برای ارجاع به css خود استفاده میکنم،
193
00:06:59,840 –> 00:07:01,440
بنابراین این البته بسیار شبیه است این
194
00:07:01,440 –> 00:07:03,520
مسیر استاتیک در اینجا بسیار شبیه
195
00:07:03,520 –> 00:07:04,800
به آن است.
196
00:07:04,800 –> 00:07:06,000
و بنابراین من میروم و از شر
197
00:07:06,000 –> 00:07:07,919
استاتیک اصلی خلاص میشوم و فقط
198
00:07:07,919 –> 00:07:10,000
یک مسیر نسبی را انجام میدهم مانند زمانی که دیدیم
199
00:07:10,000 –> 00:07:12,400
این صفحه یافت نشد
200
00:07:12,400 –> 00:07:14,960
201
00:07:14,960 –> 00:07:17,120
لازم
202
00:07:17,120 –> 00:07:19,440
نیست آن را در خود یک عنصر داشته باشیم،
203
00:07:19,440 –> 00:07:22,639
بنابراین اگر اکنون به حالت استاتیک برگردم
204
00:07:22,639 –> 00:07:24,800
، در واقع در حال بارگیری است، البته اگر
205
00:07:24,800 –> 00:07:26,800
باید سرور را دوباره راه اندازی کنم، فقط سرور را مجدداً راه اندازی
206
00:07:26,800 –> 00:07:28,880
کنید، اغلب اوقات وقتی
207
00:07:28,880 –> 00:07:31,840
کارهایی را با فایل های استاتیک انجام می دهید، این کار را انجام
208
00:07:31,840 –> 00:07:33,440
می دهید. پیش رو و در
209
00:07:33,440 –> 00:07:35,120
حال حاضر در صفحه اصلی ما بازخوانی کنید و باز هم اکنون هنوز
210
00:07:35,120 –> 00:07:36,080
کار می کند
211
00:07:36,080 –> 00:07:38,319
یکی دیگر از جنبه های زمانی که
212
00:07:38,319 –> 00:07:39,039
با
213
00:07:39,039 –> 00:07:41,120
فایل های استاتیک کار می کنید این است که مطمئناً می
214
00:07:41,120 –> 00:07:44,000
خواهید مطمئن شوید که این حافظه پنهان غیرفعال است
215
00:07:44,000 –> 00:07:46,240
و این را باز کرده
216
00:07:46,240 –> 00:07:48,400
اید در غیر این صورت ممکن است تغییرات را مشاهده نکنید.
217
00:07:48,400 –> 00:07:50,240
بسیار خوب،
218
00:07:50,240 –> 00:07:52,560
پس حالا که میتوانیم ببینیم که
219
00:07:52,560 –> 00:07:55,599
تگ استاتیک دقیقاً در اینجا چه کاری انجام میدهد،
220
00:07:55,599 –> 00:07:57,680
اکنون میتوانیم شما چیزی
221
00:07:57,680 –> 00:07:59,440
مانند static abc را تنظیم
222
00:07:59,440 –> 00:08:02,240
کنید و سپس در این صفحه رفرش کنید
223
00:08:02,240 –> 00:08:04,879
و متوجه شوید که عبارت static abc
224
00:08:04,879 –> 00:08:07,199
و همه فایلهای مرتبط دیگر را نشان میدهد. باید همچنان
225
00:08:07,199 –> 00:08:08,319
226
00:08:08,319 –> 00:08:09,919
به درستی کار کند،
227
00:08:09,919 –> 00:08:10,879
228
00:08:10,879 –> 00:08:13,759
بنابراین بیایید آن را در زیبایی شناسی
229
00:08:13,759 –> 00:08:15,440
رها کنیم، بیایید محیط خود را به
230
00:08:15,440 –> 00:08:17,280
صفر بودن اشکال زدایی تغییر
231
00:08:17,280 –> 00:08:20,000
دهیم و سرور را دوباره اجرا کنیم
232
00:08:20,000 –> 00:08:22,960
و به خود فایل های رندر شده نگاهی بی