در این مطلب، ویدئو استفاده از فایل های استاتیک با فلاسک – پایتون و فلاسک شماره 7 با زیرنویس فارسی را برای دانلود قرار داده ام. شما میتوانید با پرداخت 15 هزار تومان ، این ویدیو به علاوه تمامی فیلم های سایت را دانلود کنید.اکثر فیلم های سایت به زبان انگلیسی می باشند. این ویدئو دارای زیرنویس فارسی ترجمه شده توسط هوش مصنوعی می باشد که میتوانید نمونه ای از آن را در قسمت پایانی این مطلب مشاهده کنید.
مدت زمان فیلم: 00:09:30
تصاویر این ویدئو:
قسمتی از زیرنویس این فیلم:
00:00:00,030 –> 00:00:01,469
بچه ها چه خبره جان الدر اینجا
2
00:00:01,469 –> 00:00:03,330
از کد نویسی من در این ویدیو نظر دهید
3
00:00:03,330 –> 00:00:04,470
من به شما نشان می دهم که چگونه از
4
00:00:04,470 –> 00:00:14,429
فایل های استاتیک با فلاسک و پایتون استفاده کنید بچه ها خوب
5
00:00:14,429 –> 00:00:15,509
همانطور که در این ویدیو گفتم ما به
6
00:00:15,509 –> 00:00:17,760
فایل های استاتیک با فلاسک نگاه می کنیم اما
7
00:00:17,760 –> 00:00:18,960
قبل از آن ما شروع می کنیم اگر این
8
00:00:18,960 –> 00:00:20,100
ویدیو را دوست دارید من می خواهم بیشتر ببینم که آیا
9
00:00:20,100 –> 00:00:21,359
پیراهن شما از دکمه های هش مانند زیر
10
00:00:21,359 –> 00:00:22,650
استفاده می کند در کانال مشترک شوید.
11
00:00:22,650 –> 00:00:24,480
12
00:00:24,480 –> 00:00:26,070
13
00:00:26,070 –> 00:00:27,359
از ویدیوهایی که
14
00:00:27,359 –> 00:00:28,710
به شما یاد می دهند کدنویسی کنید از کد کوپن
15
00:00:28,710 –> 00:00:30,750
یوتیوب یک استفاده کنید تا از عضویت 30 دلار تخفیف بگیرید
16
00:00:30,750 –> 00:00:32,250
که تمام فیلم ها و کتاب های دوره های من
17
00:00:32,250 –> 00:00:34,469
با هزینه یک بار فقط 49 دلار است که
18
00:00:34,469 –> 00:00:36,510
بسیار ارزان است.
19
00:00:36,510 –> 00:00:38,010
20
00:00:38,010 –> 00:00:39,690
در اینجا ما یک صفحه درباره من
21
00:00:39,690 –> 00:00:42,239
داریم، ما یک صفحه اشتراک داریم در
22
00:00:42,239 –> 00:00:43,860
دو ویدیوی آخری که نگاه کردیم، میدانید
23
00:00:43,860 –> 00:00:45,930
که این فرم را در این ویدیو کار میکنید، من
24
00:00:45,930 –> 00:00:47,820
میخواهم در مورد فایلهای ثابت صحبت کنم و
25
00:00:47,820 –> 00:00:50,610
فایلهای استاتیک عبارتند از CSS JavaScript و
26
00:00:50,610 –> 00:00:53,250
تصاویر و هر وب fra به نوعی
27
00:00:53,250 –> 00:00:54,750
mework با آن چیزها کمی متفاوت رفتار می کند
28
00:00:54,750 –> 00:00:57,059
و ما باید نگاه کنیم و
29
00:00:57,059 –> 00:00:59,520
یاد بگیریم که چگونه این کار را در فلاسک انجام دهیم، بنابراین
30
00:00:59,520 –> 00:01:02,910
بیایید به کد خود برگردیم و
31
00:01:02,910 –> 00:01:05,430
فلاسک فایل های استاتیک را با اختصاص دادن
32
00:01:05,430 –> 00:01:07,770
همه آنها به یک پوشه استاتیک به طوری که هر چیزی
33
00:01:07,770 –> 00:01:09,540
را در یک پوشه قرار دهید. پوشه static به یک فایل ثابت تبدیل می شود
34
00:01:09,540 –> 00:01:11,100
و چیزهایی که می خواهید
35
00:01:11,100 –> 00:01:13,530
در آنجا قرار دهید فایل های CSS فایل ها
36
00:01:13,530 –> 00:01:15,689
و تصاویر جاوا اسکریپت هستند، بنابراین ما فقط به
37
00:01:15,689 –> 00:01:18,330
دایرکتوری اصلی خود می رسیم نه دایرکتوری قالب های ما
38
00:01:18,330 –> 00:01:20,159
، بلکه فقط دایرکتوری اصلی فلش من
39
00:01:20,159 –> 00:01:22,170
است که کلیک راست کرده و یک فایل ایجاد می کنیم.
40
00:01:22,170 –> 00:01:24,000
پوشه جدید و سپس در اینجا بیایید
41
00:01:24,000 –> 00:01:25,860
فقط این static را صدا کنیم، اکنون
42
00:01:25,860 –> 00:01:28,020
صفحه تنظیمات مانند جنگو وجود ندارد یا باید
43
00:01:28,020 –> 00:01:31,020
فلش پوشه استاتیک را تعریف کنیم فقط
44
00:01:31,020 –> 00:01:33,090
می داند که آیا پوشه ای در پوشه اصلی خود به نام static ایجاد کرده ایم که این
45
00:01:33,090 –> 00:01:35,729
46
00:01:35,729 –> 00:01:38,130
پوشه استاتیک ما است.
47
00:01:38,130 –> 00:01:40,140
فقط میتوان فایلهایتان را درست در اینجا قرار داد تا
48
00:01:40,140 –> 00:01:42,720
بتوانیم فایل جدید را برویم و اجازه دهید فقط فایل را
49
00:01:42,720 –> 00:01:45,509
ذخیره کنیم و ما میتوانیم آن را بهعنوان هر چیزی در
50
00:01:45,509 –> 00:01:48,329
حال حاضر ذخیره کنیم و شما فقط میتوانید بدانید که
51
00:01:48,329 –> 00:01:50,640
اینطوری دارید که من دوست دارم آنها را از هم جدا کنم. rt
52
00:01:50,640 –> 00:01:52,950
را به نوع فایل ایستا وارد کنید، بنابراین
53
00:01:52,950 –> 00:01:55,619
میخواهیم یک دایرکتوری بر
54
00:01:55,619 –> 00:01:57,030
اساس نوع فایل ایجاد کنیم، بنابراین یک
55
00:01:57,030 –> 00:01:59,189
دایرکتوری تصاویر میخواهیم، یک دایرکتوری CSS می
56
00:01:59,189 –> 00:02:01,710
خواهیم و یک دایرکتوری جاوا اسکریپت میخواهیم، لا
57
00:02:01,710 –> 00:02:03,600
ست این کار را انجام دهید. می دا
58
00:02:03,600 –> 00:02:05,070
که ردیابی همه چیز منطقی است،
59
00:02:05,070 –> 00:02:07,200
بنابراین بیایید روی static کلیک
60
00:02:07,200 –> 00:02:09,270
کنیم و یک پوشه جدید ایجاد کنیم و فقط
61
00:02:09,270 –> 00:02:12,420
این جاوا اسکریپت js4 را صدا کنیم، بیایید دوباره این کار را
62
00:02:12,420 –> 00:02:14,500
برای تصاویر
63
00:02:14,500 –> 00:02:19,750
انجام دهیم و بیایید دوباره این کار را برای CSS انجام دهیم، بنابراین
64
00:02:19,750 –> 00:02:21,490
در داخل پوشه CSS خود، بیایید فقط
65
00:02:21,490 –> 00:02:23,560
ایجاد کنیم. یک فایل CSS واقعا سریع برویم
66
00:02:23,560 –> 00:02:26,440
فایل جدید و برویم فایل ذخیره به عنوان و
67
00:02:26,440 –> 00:02:29,590
بیایید فقط این نقطه سبک را CSS بنامیم
68
00:02:29,590 –> 00:02:30,940
و البته شما می توانید نام آن را هر چیزی نامگذاری کنید،
69
00:02:30,940 –> 00:02:32,410
اما همیشه این قرارداد نامگذاری
70
00:02:32,410 –> 00:02:33,610
فایل های CSS
71
00:02:33,610 –> 00:02:36,220
شما است که می دانید سبک CSS و من فقط
72
00:02:36,220 –> 00:02:39,010
یک CSS بسیار ساده در اینجا
73
00:02:39,010 –> 00:02:41,530
ایجاد می کنیم تا بتوانیم به این موضوع نگاهی
74
00:02:41,530 –> 00:02:44,910
بیندازیم و بیایید رنگی یا سفید
75
00:02:44,910 –> 00:02:49,959
و اندازه فونت را انتخاب کنیم، شاید من نمی دانم که من
76
00:02:49,959 –> 00:02:54,310
فقط در حال بازی کردن هستم.
77
00:02:54,310 –> 00:02:58,540
شاید پس از آن
78
00:02:58,540 –> 00:03:02,080
ما یک برچسب بدن در اینجا بازی می خواهیم در اطراف
79
00:03:02,080 –> 00:03:03,220
با بدن و بیایید فقط
80
00:03:03,220 –> 00:03:07,239
پس زمینه را به رنگ آبی تیره تغییر دهیم،
81
00:03:07,239 –> 00:03:09,580
واقعاً مهم نیست، پس بیایید
82
00:03:09,580 –> 00:03:11,709
ادامه دهیم و این را ذخیره کنیم حالا چگونه
83
00:03:11,709 –> 00:03:14,200
به این چیز دسترسی داشته باشیم، اجازه دهید
84
00:03:14,200 –> 00:03:17,530
به HTML پایه خود برگردیم و چون این یک CSS است
85
00:03:17,530 –> 00:03:19,480
فایلی که میخواهیم آن را در HTML نقطهای پایه خود
86
00:03:19,480 –> 00:03:21,280
قرار دهیم تا در هر صفحه
87
00:03:21,280 –> 00:03:23,650
از سایت ما منعکس شود و من فقط میتوانم آن را جایگذاری کنم،
88
00:03:23,650 –> 00:03:25,120
میبینید احتمالاً به یاد دارید که ما از
89
00:03:25,120 –> 00:03:27,970
بوت استرپ در او و وبسایت خود استفاده میکنیم، بنابراین
90
00:03:27,970 –> 00:03:30,130
بوت استرپ فایل CSS خودش را دارد اما ما
91
00:03:30,130 –> 00:03:31,239
میتوانم یک مورد دیگر اضافه کنم، بنابراین من فقط میخواهم
92
00:03:31,239 –> 00:03:33,880
این یکی را کپی کنم و در آن جایگذاری کنم، و ما
93
00:03:33,880 –> 00:03:35,500
به این یکپارچگی نیاز نداریم و به این چیز
94
00:03:35,500 –> 00:03:39,100
متقاطع نیاز نداریم، تنها چیزی
95
00:03:39,100 –> 00:03:43,540
که واقعاً به آن نیاز داریم مکان است، بنابراین میتوانیم
96
00:03:43,540 –> 00:03:45,340
فقط به آن اشاره کنیم
97
00:03:45,340 –> 00:03:50,739
98
00:03:50,739 –> 00:03:52,480
اگر این را ذخیره کنیم و
99
00:03:52,480 –> 00:03:55,090
به برنامه خود که هنوز در ترمینال در حال اجراست
100
00:03:55,090 –> 00:03:57,700
و بارگذاری مجدد بوم را بارگذاری کنیم، برگردیم، این
101
00:03:57,700 –> 00:04:00,370
سلام دنیا واقعا بزرگ است،
102
00:04:00,370 –> 00:04:02,560
اکنون سفید رنگ است و پسزمینه این
103
00:04:02,560 –> 00:04:05,410
چیز این است. آبی تیره درست است، بنابراین استفاده از آن به همین
104
00:04:05,410 –> 00:04:08,140
راحتی است فایلهای CSS، بنابراین ما میتوانیم
105
00:04:08,140 –> 00:04:09,310
بدانیم اگر
106
00:04:09,310 –> 00:04:12,870
میخواهیم به جای 146، 46 باشد،
107
00:04:12,870 –> 00:04:16,600
هر چه خوب است، و اینطوری
108
00:04:16,600 –> 00:04:19,709
کار میکند، بنابراین این یکی از راههای انجام آن است،
109
00:04:19,709 –> 00:04:22,650
ما فقط این را در اینجا بهصورت سخت کدگذاری
110
00:04:22,650 –> 00:04:25,500
کردیم، اما البته ما قبلاً
111
00:04:25,500 –> 00:04:28,050
یاد گرفتیم که میتوانیم از این URL برای برچسبها استفاده کنیم،
112
00:04:28,050 –> 00:04:30,539
بنابراین اجازه دهید من فقط این URL را کپی کنم و
113
00:04:30,539 –> 00:04:32,490
آن را در آن جایگذاری کنم، اکنون کمی متفاوت
114
00:04:32,490 –> 00: