در این مطلب، ویدئو ارائه فایل های استاتیک با Flask – Python در وب – Learning Flask Series Pt. 4 با زیرنویس فارسی را برای دانلود قرار داده ام. شما میتوانید با پرداخت 15 هزار تومان ، این ویدیو به علاوه تمامی فیلم های سایت را دانلود کنید.اکثر فیلم های سایت به زبان انگلیسی می باشند. این ویدئو دارای زیرنویس فارسی ترجمه شده توسط هوش مصنوعی می باشد که میتوانید نمونه ای از آن را در قسمت پایانی این مطلب مشاهده کنید.
مدت زمان فیلم: 00:13:50
تصاویر این ویدئو:
قسمتی از زیرنویس این فیلم:
00:00:00,030 –> 00:00:02,159
همه جولیان اینجاست، امیدوارم که خوب کار کرده باشید
2
00:00:02,159 –> 00:00:04,230
و به مجموعه Learning flask خوش آمدید،
3
00:00:04,230 –> 00:00:07,680
این قسمت 4 است و ما در
4
00:00:07,680 –> 00:00:09,389
حال کار با فایلهای استاتیک هستیم که
5
00:00:09,389 –> 00:00:11,160
در زیر این فایلهای ثابت هستند،
6
00:00:11,160 –> 00:00:15,030
منظورم CSS و تصاویر جاوا اسکریپت است، پس
7
00:00:15,030 –> 00:00:17,940
بیایید مستقیماً به آن بپردازیم. مثل
8
00:00:17,940 –> 00:00:20,070
همیشه من یک نسخه مبتنی بر متن از این
9
00:00:20,070 –> 00:00:21,720
راهنما را در وب سایت در دسترس دارم
10
00:00:21,720 –> 00:00:23,970
، پیوندی را که در توضیحات زیر درج شده است را برش دادم،
11
00:00:23,970 –> 00:00:26,250
ما یک برگه دیگر
12
00:00:26,250 –> 00:00:28,830
با سرور توسعه فلش خود در
13
00:00:28,830 –> 00:00:32,780
لوکال هاست باز داریم که 1 تا 700 پورت 0.1
14
00:00:32,780 –> 00:00:35,850
5000 ما است. یک ترمینال داریم و
15
00:00:35,850 –> 00:00:39,180
اکنون کد مقابل را داریم، بیایید مستقیماً وارد
16
00:00:39,180 –> 00:00:41,579
شویم، بیایید مطمئن شویم که فعال است و
17
00:00:41,579 –> 00:00:45,289
فلاسکها را به
18
00:00:45,289 –> 00:00:47,579
سربرگ مرورگر
19
00:00:47,579 –> 00:00:48,960
20
00:00:48,960 –> 00:00:51,989
خود میزنیم. درست همانطور
21
00:00:51,989 –> 00:00:54,449
که در قسمت آخر متوقف شدیم، بنابراین
22
00:00:54,449 –> 00:00:56,340
فایل های ثابت چگونه با آنها خوب کار می کنیم،
23
00:00:56,340 –> 00:00:58,590
کاری که می خواهیم انجام دهیم این است که یک دایرکتوری جدید در
24
00:00:58,590 –> 00:01:00,989
کنار فهرست قالب های خود
25
00:01:00,989 –> 00:01:03,600
به نام static ایجاد کنیم، اما اول از همه
26
00:01:03,600 –> 00:01:04,949
می خواهم خلاص شوم. از این کش PI
27
00:01:04,949 –> 00:01:08,430
di من را آزار می دهد، بنابراین شما می توانید
28
00:01:08,430 –> 00:01:10,380
این کار را در مقابل کد انجام دهید، فقط با زدن
29
00:01:10,380 –> 00:01:10,950
تنظیمات
30
00:01:10,950 –> 00:01:14,939
جستجو برای مخفی کردن، یک الگوی اضافه کنید / بدون
31
00:01:14,939 –> 00:01:20,630
ستاره / پی حافظه پنهان،
32
00:01:20,630 –> 00:01:23,340
روی OK کلیک کنید و باید آنجا ناپدید شود،
33
00:01:23,340 –> 00:01:23,790
ما به سمت راست می رویم،
34
00:01:23,790 –> 00:01:28,470
بنابراین نوارهای ایستا را منحرف می کنیم تا نوارهای ثابت
35
00:01:28,470 –> 00:01:31,439
را ایجاد کنیم. دایرکتوری static و به
36
00:01:31,439 –> 00:01:33,600
طور پیشفرض که باید در کنار
37
00:01:33,600 –> 00:01:35,490
پوشه قالبهای ما قرار داشته باشد، بنابراین
38
00:01:35,490 –> 00:01:37,829
من اینها را میبندم و
39
00:01:37,829 –> 00:01:41,759
یک دایرکتوری
40
00:01:41,759 –> 00:01:44,399
جدید در پوشه جدید ماژول برنامه ایجاد میکنم و آن را ثابت مینامم
41
00:01:44,399 –> 00:01:46,920
و این به نوعی است یک چیز پیشفرض که
42
00:01:46,920 –> 00:01:49,740
فلاسک قرار است به دنبال آن باشد، درست مانند آنچه
43
00:01:49,740 –> 00:01:52,079
که ما با قالبها در حال حاضر در داخل static انجام دادیم، من
44
00:01:52,079 –> 00:01:54,590
میخواهم سه دایرکتوری جدید
45
00:01:54,590 –> 00:02:03,360
CSS jeaious و IMG ایجاد کنم، اکنون این فقط یک
46
00:02:03,360 –> 00:02:04,740
الگوی است که من از آن استفاده میکنم.
47
00:02:04,740 –> 00:02:06,630
این فقط
48
00:02:06,630 –> 00:02:09,030
تمرین خوبی است که به نوعی یکی را انتخاب کنید و به
49
00:02:09,030 –> 00:02:10,949
نوعی به آن پایبند باشید، فقط زندگی شما
50
00:02:10,949 –> 00:02:11,550
51
00:02:11,550 –> 00:02:13,830
را در داخل CSS که
52
00:02:13,830 –> 00:02:19,710
ویرایش شده است و AE style.css ایجاد می کند، آسان تر می کند و در داخل
53
00:02:19,710 –> 00:02:23,870
jeaious بیایید ادامه دهیم و
54
00:02:23,870 –> 00:02:27,360
فایل جاوا اسکریپت به نام app dot Jes را اکنون ایجاد کنیم.
55
00:02:27,360 –> 00:02:29,280
را این
56
00:02:29,280 –> 00:02:30,780
فایلهای سراسری ما هستند که ما استفاده میکنیم، اما شما میتوانید هر
57
00:02:30,780 –> 00:02:33,210
تعداد که میخواهید بسازید، میدانید تمام
58
00:02:33,210 –> 00:02:34,410
چیزی که میخواهم به شما یاد بدهم این
59
00:02:34,410 –> 00:02:37,350
است که فلاسک میتواند زیبا و مدولار باشد
60
00:02:37,350 –> 00:02:38,970
و میتوانید چیزها را از هم جدا کنید. در
61
00:02:38,970 –> 00:02:41,790
فایل های مختلف دایرکتوری های مختلف برای
62
00:02:41,790 –> 00:02:44,040
نگه داشتن همه چیز خوب و سازماندهی شده اکنون
63
00:02:44,040 –> 00:02:46,680
در دایرکتوری تصویر ما بیایید به
64
00:02:46,680 –> 00:02:48,360
جلو برویم و یک تصویر را در
65
00:02:48,360 –> 00:02:50,280
آن قرار دهیم.
66
00:02:50,280 –> 00:02:52,920
67
00:02:52,920 –> 00:02:55,170
لوگوی Floss بنابراین ما به اینجا می رویم
68
00:02:55,170 –> 00:02:58,140
ما دایرکتوری استاتیک خود را ایجاد کرده ایم سه دایرکتوری نرم افزار
69
00:02:58,140 –> 00:03:00,990
CSS image و j/s و ما
70
00:03:00,990 –> 00:03:04,350
برنامه CSS را به سبک نقطه نقطه ایجاد کرده ایم و
71
00:03:04,350 –> 00:03:09,060
من می خواهم این تصویر را در اینجا تغییر نام بدهم فقط یک
72
00:03:09,060 –> 00:03:10,500
فلاسک را در آنجا تغییر می
73
00:03:10,500 –> 00:03:13,860
دهم. آیا ما با این فایلها کار
74
00:03:13,860 –> 00:03:15,570
میکنیم، ابتدا متوقف میشویم، بیایید در واقع
75
00:03:15,570 –> 00:03:20,160
چیزی به نقطه ستاره CSS اضافه کنیم، بیایید فقط یک
76
00:03:20,160 –> 00:03:22,200
کار زیبا و ساده مانند
77
00:03:22,200 –> 00:03:25,080
تغییر رنگ پسزمینه انجام دهیم و ما
78
00:03:25,080 –> 00:03:27,750
آن را به یک چیز ظریف خوب تبدیل میکنیم، حالا یک
79
00:03:27,750 –> 00:03:29,340
چیز خوب با Visual کد استودیو
80
00:03:29,340 –> 00:03:31,470
را فقط می توانید bc انجام دهید و goi است برای
81
00:03:31,470 –> 00:03:33,060
اینکه تقریباً آنچه را که به دنبال آن هستید
82
00:03:33,060 –> 00:03:35,459
در مورد ما مشخص کنید رنگ پسزمینه آن ادامه دهید
83
00:03:35,459 –> 00:03:37,410
و سریع روی Save کلیک کنید و این
84
00:03:37,410 –> 00:03:39,959
یک f1f1f1 در رنگ پسزمینه است و
85
00:03:39,959 –> 00:03:42,870
با یک تقوایی که فقط چیزی را
86
00:03:42,870 –> 00:03:47,010
به گزارش کنسول توسعهدهنده وارد کنید
87
00:03:47,010 –> 00:03:52,080
سلام از Jes و البته ما باید
88
00:03:52,080 –> 00:03:55,650
نقطه ویرگول خود را در پایان اضافه کنیم، خوب است، بنابراین
89
00:03:55,650 –> 00:03:57,570
این کاسه j/s بالای برنامه ما است.
90
00:03:57,570 –> 00:03:59,730
91
00:03:59,730 –> 00:04:02,940
92
00:04:02,940 –> 00:04:05,280
وارد کردن یک
93
00:04:05,280 –> 00:04:07,140
stylesheet به عنوان مثال برای وارد کردن مقداری
94
00:04:07,140 –> 00:04:11,760
CSS، ادامه دهید و یک برچسب پیوند
95
00:04:11,760 –> 00:04:14,220
با ویژگی rel از stylesheet و
96
00:04:14,220 –> 00:04:15,900
یک چیز خوب دیگر با کد ویژوال استودیو قرار دهید،
97
00:04:15,900 –> 00:04:18,709
شما فقط میتوانید سربرگ ضربه پیوند را قرار دهید و
98
00:04:18,709 –> 00:04:21,089
آن چیزی است که
99
00:04:21,089 –> 00:04:22,710
میخواهید انجام دهید. انجام دهید و متداول ترین مورد
100
00:04:22,710 –> 00:04:26,640
استفاده، برگه سبک است، به طوری که برچسب
101
00:04:26,640 –> 00:04:27,480
پیوند از بین می رود،
102
00:04:27,480 –> 00:04:28,980
حالا چگونه می توانیم به خوبی جلو برویم و
103
00:04:28,980 –> 00:04:32,340
فایل را وارد
104
00:04:32,340 –> 00:04:36,330
105
00:04:36,330 –> 00:04:39,860
106
00:04:39,860 –> 00:04:42,090
کنیم. دوباره رفتن به پاس
107
00:04:42,090 –> 00:04:45,510
تابع و این URL برای تابع است
108
00:04:45,510 –> 00:04:48,180
که یک تابع فلاسک است و در
109
00:04:48,180 –> 00:04:49,830
دو قسمت بعدی ما قرار
110
00:04:49,830 –> 00:04:52,380
است زنجبیل و
111
00:04:52,380 –> 00:04:55,730
موتور قالب زنجبیل را بررسی کنیم و آن زنجبیل
112
00:04:55,730 –> 00:04:58,080
الگوی پیش فرض در موتور است که فلاسک
113
00:04:58,080 –> 00:05:01,950
از فلاسک استفاده می کند و بسیار
114
00:05:01,950 –> 00:05:04,290
قدرتمند است. فوقالعاده است، من کاملاً
115
00:05:04,290 –> 00:05:06,300
آن را دوست دارم و شما میتوانید کارهای زیادی با آن انجام دهید، بنابراین
116
00:05:06,300 –> 00:05:08,190
برای آن دو قسمت بعدی منتظر بمانید،
117
00:05:08,190 –> 00:05:11,960
بنابراین آنچه در URL برای
118
00:05:11,960 –> 00:05:15,150
یورو 4 انجام میدهیم دو آرگومان نیاز دارد، بنابراین
119
00:05:15,150 –> 00:05:18,350
ما میخواهیم به آن یک نام دایرکتوری
120
00:05:18,350 –> 00:05:20,400
بدهیم و سپس ما میخواهم به آن یک نام فایل
121
00:05:20,400 –> 00:05:22,800
بدهم و من میخواهم چنین چیزی را
122
00:05:22,800 –> 00:05:25,680
در اینجا به صراحت ارائه دهم و نام فایلی
123
00:05:25,680 –> 00:05:28,500
که میخواهید به آن بدهید، CSS
124
00:05:28,500 –> 00:05:33,480
style.css است و شاید
125
00:05:33,480 –> 00:05:36,390
ترمینال خود را تبدیل به یک کمی کوچکتر کنید و آن
126
00:05:36,390 –> 00:05:38,160
را کمی بزرگتر کنید تا بتوانید
127
00:05:38,160 –> 00:05:40,290
دقیقاً ببینید اینجا چه خبر است، بنابراین بیایید
128
00:05:40,290 –> 00:05:42,810
کاری را که انجام دادهایم خلاصه کنیم،
129
00:05:42,810 –> 00:05:44,910
از الگوی ginger در نحو استفاده کردهایم که
130
00:05:44,910 –> 00:05:48,210
این دو بریس فرفری است و سپس داخل
131
00:05:48,210 –> 00:05:51,570
آن نوشتیم URL برای تابع و
132
00:05:51,570 –> 00:05:54,600
سپس داخل th e URL برای آن
133
00:05:54,600 –> 00:05:57,270
دو آرگومان یک دایرکتوری ثابت ارائه کرده
134
00:05:57,270 –> 00:05:59,340
ایم و همچنین به صراحت به آن یک نام فایل داده ایم،
135
00:05:59,340 –> 00:06:01,650
بنابراین آنچه که در اینجا اتفاق می افتد
136
00:06:01,650 –> 00:06:05,760
این است که تابع الگوی رندر
137
00:06:05,760 –> 00:06:08,910
در view های ما فراخوانی شود.
138
00:06:08,910 –> 00:06:12,780
مسیر کامل به یک
139
00:06:12,780 –> 00:06:16,110
نام فایل، به این فایل نگاه می کند
140
00:06:16,110 –> 00:06:18,270
و سپس وقتی این فلاسک دو پرانتز فرفری را می بیند،
141
00:06:18,270 –> 00:06:22,320
می داند که این را به
142
00:06:22,320 –> 00:06:24,960
ginger منتقل کند تا هر آنچه را که در
143
00:06:24,960 –> 00:06:27,120
بین این دو بریس فرفری است در
144
00:06:27,120 –> 00:06:30,560
مورد ما اجرا کند، ما یورو را برای عملکرد داریم.
145
00:06:30,560 –> 00:06:33,000
با نام دایرکتوری ایستا و ما
146
00:06:33,000 –> 00:06:35,670
به آن یک نام فایل CSS برای
147
00:06:35,670 –> 00:06:38,520
نقطه اسلش نقطه CSS به آن می دهیم، اکنون آنچه در واقع قرار
148
00:06:38,520 –> 00:06:40,410
است اتفاق بیفتد این است که URL برای اینکه
149
00:06:40,410 –> 00:06:40,990
150
00:06:40,990 –> 00:06:43,720
یک URL را تعریف می کند، می دانید که عملکرد
151
00:06:43,720 –> 00:06:45,819
آن همان کاری است که انجام می دهد و به
152
00:06:45,819 –> 00:06:47,620
نوعی پچ می شود. این آرگومان ها با هم
153
00:06:47,620 –> 00:06:50,380
و یک مسیر فایل کامل به
154
00:06:50,380 –> 00:06:52,630
شما نشان می دهد که نام دامنه ما را می دانید
155
00:06:5