در این مطلب، ویدئو نحوه ساخت پاپ آپ مدال در فلاسک (پایتون) با زیرنویس فارسی را برای دانلود قرار داده ام. شما میتوانید با پرداخت 15 هزار تومان ، این ویدیو به علاوه تمامی فیلم های سایت را دانلود کنید.اکثر فیلم های سایت به زبان انگلیسی می باشند. این ویدئو دارای زیرنویس فارسی ترجمه شده توسط هوش مصنوعی می باشد که میتوانید نمونه ای از آن را در قسمت پایانی این مطلب مشاهده کنید.
مدت زمان فیلم: 00:09:56
تصاویر این ویدئو:
قسمتی از زیرنویس این فیلم:
00:00:02,240 –> 00:00:04,960
خوب پس در حال حاضر من اساساً
2
00:00:04,960 –> 00:00:07,040
برنامه فلاسک کلاسیک را دارم که فقط در صفحه اصلی
3
00:00:07,040 –> 00:00:09,200
هستیم و چند پست می بینیم،
4
00:00:09,200 –> 00:00:10,559
بنابراین آنچه که می خواهم به شما بچه ها نشان دهم
5
00:00:10,559 –> 00:00:13,440
چگونه انجام دهید این است که وقتی روی این مدال پاپ کلیک
6
00:00:13,440 –> 00:00:17,039
می کنم به یک مدال هدایت می شویم. url و ما
7
00:00:17,039 –> 00:00:19,199
میتوانیم ببینیم که ما یک url داریم و فقط میتوانیم
8
00:00:19,199 –> 00:00:20,240
9
00:00:20,240 –> 00:00:22,400
بدانید که هر کاری را در داخل این URL انجام دهید و
10
00:00:22,400 –> 00:00:24,320
ما میتوانیم این
11
00:00:24,320 –> 00:00:26,800
را ببندیم هر کاری که میخواهیم با آن دادهها انجام
12
00:00:26,800 –> 00:00:28,640
دهیم و به عقب هدایت میشویم، بنابراین من به
13
00:00:28,640 –> 00:00:31,439
شما بچهها نشان میدهم که چگونه به نوعی این
14
00:00:31,439 –> 00:00:33,280
رفتار و نحوه تنظیم آن را در برنامه فلاسک خود داشته باشید
15
00:00:33,280 –> 00:00:36,079
و واقعاً
16
00:00:36,079 –> 00:00:38,559
برای پروژه ها مفید است و تقریباً به
17
00:00:38,559 –> 00:00:39,920
جاوا اسکریپت نیاز ندارد فقط کمی
18
00:00:39,920 –> 00:00:41,200
جاوا اسکریپت
19
00:00:41,200 –> 00:00:43,280
خوب است بنابراین من فقط می خواهم
20
00:00:43,280 –> 00:00:45,760
سرورم را مجدداً راه اندازی کنم
21
00:00:45,760 –> 00:00:47,760
تا یک سرور داشته باشم در حال اجرا در حال حاضر
22
00:00:47,760 –> 00:00:50,160
با سرور فلش که در حال اجرا است
23
00:00:50,160 –> 00:00:53,120
hello world خوب است، بنابراین کاری که من میخواهم انجام دهم این است
24
00:00:53,120 –> 00:00:56,160
که به جای بازگشت از اینجا، فقط فایلهای html را ایجاد
25
00:00:56,160 –> 00:00:59,359
کنم، بنابراین به یک دوست یا قالب نیاز دارید که
26
00:00:59,359 –> 00:01:01,520
وارد شود، بنابراین بله، من فقط
27
00:01:01,520 –> 00:01:05,440
میخواهم یک فهرست قالبها بسازم
28
00:01:05,680 –> 00:01:08,479
و در داخل آن من index.html خود را می سازم
29
00:01:08,479 –> 00:01:10,640
30
00:01:10,640 –> 00:01:13,360
و فقط
31
00:01:13,360 –> 00:01:15,920
PR می کنم علامت تعجب ess را وارد کنید و
32
00:01:15,920 –> 00:01:16,720
این
33
00:01:16,720 –> 00:01:19,520
آخرین کلاه
34
00:01:19,920 –> 00:01:22,320
را وارد کنید به هر حال واقعاً مهم نیست، بنابراین در اینجا
35
00:01:22,320 –> 00:01:25,040
میخواهم واقعاً بوت استرپ خود را وارد کنم
36
00:01:25,040 –> 00:01:27,200
و بنابراین میخواهم به این
37
00:01:27,200 –> 00:01:29,040
شروع برای bootstrap بروم و
38
00:01:29,040 –> 00:01:30,880
سریع را در زیر شروع سریع کپی کنم.
39
00:01:30,880 –> 00:01:33,759
پیوند css را
40
00:01:33,759 –> 00:01:35,600
41
00:01:35,600 –> 00:01:39,240
اینجا کپی
42
00:01:40,479 –> 00:01:42,880
کنم و سپس باید
43
00:01:42,880 –> 00:01:45,600
جاوا اسکریپت
44
00:01:45,840 –> 00:01:48,880
یا جی کوئری را کپی کنم
45
00:01:49,360 –> 00:01:51,119
و
46
00:01:51,119 –> 00:01:53,600
شاید فقط این را برگه بزنم
47
00:01:53,600 –> 00:01:55,119
و حالا
48
00:01:55,119 –> 00:01:57,119
ببینیم وقتی این الگو را رندر می کنم چه اتفاقی می افتد.
49
00:01:57,119 –> 00:02:02,079
50
00:02:02,320 –> 00:02:03,920
من در واقع فقط می خواهم
51
00:02:03,920 –> 00:02:06,399
از طریق این پست هایی که دارم حلقه بزنم
52
00:02:06,399 –> 00:02:09,119
و اساساً فقط یک آیتم لیست برای
53
00:02:09,119 –> 00:02:11,680
هر پست ایجاد می کنم و پست خود را در داخل یک
54
00:02:11,680 –> 00:02:13,760
تگ p
55
00:02:13,760 –> 00:02:16,319
و در آن حلقه for قرار می دهم و فقط همه
56
00:02:16,319 –> 00:02:20,160
اینها را در یک لیست نامرتب قرار می دهم
57
00:02:20,800 –> 00:02:23,120
و مقداری را اعمال می کنم. استایل بوت استرپ بنابراین من
58
00:02:23,120 –> 00:02:24,879
فقط می خواهم نام کلاس را روی
59
00:02:24,879 –> 00:02:27,360
گروه لیست برای تگ لیست نامرتب و
60
00:02:27,360 –> 00:02:29,920
آیتم خط خط گروه لیست
61
00:02:29,920 –> 00:02:31,760
برای li تنظیم کنم و من فقط می روم که بدانید
62
00:02:31,760 –> 00:02:33,680
63
00:02:33,680 –> 00:02:37,599
این الگو را اصلاح کنید، باید آن پست ها را ببینم
64
00:02:37,599 –> 00:02:40,800
. قصد دارم index.html را رندر
65
00:02:40,800 –> 00:02:43,599
کنم میخواهیم متغیر post را
66
00:02:43,599 –> 00:02:48,560
به ثابتهای پست خود در اینجا منتقل کنیم
67
00:02:48,560 –> 00:02:51,200
و اجازه دهید این را دوباره بارگذاری
68
00:02:51,200 –> 00:02:55,120
کنیم و همه ورودیهایمان را خوب میبینیم، بنابراین
69
00:02:55,120 –> 00:02:56,959
کاری که اکنون میخواهم انجام دهم این
70
00:02:56,959 –> 00:02:59,599
است که میخواهم یک نمای جدید ایجاد کنم و آن را
71
00:02:59,599 –> 00:03:01,200
به نمای مودال تبدیل کنم،
72
00:03:01,200 –> 00:03:02,480
73
00:03:02,480 –> 00:03:04,879
بنابراین میخواهم این را گسترش دهد.
74
00:03:04,879 –> 00:03:07,040
فایل index.html بنابراین من می خواهم آن را جدید
75
00:03:07,040 –> 00:03:10,000
بسازم این modal.html را صدا
76
00:03:10,000 –> 00:03:12,800
می زنم و از بالا می گویم extensions
77
00:03:12,800 –> 00:03:14,400
78
00:03:14,400 –> 00:03:16,080
و سپس نام
79
00:03:16,080 –> 00:03:19,599
فایل html که در حال گسترش است
80
00:03:19,599 –> 00:03:22,879
و در فایل html ما ممکن است یک
81
00:03:22,879 –> 00:03:25,760
بلوک در اینجا ایجاد
82
00:03:25,840 –> 00:03:29,040
کنم بنابراین من بگویید
83
00:03:29,040 –> 00:03:31,920
block modal بنابراین اینجا جایی است که
84
00:03:31,920 –> 00:03:33,360
ما مدال خود را
85
00:03:33,360 –> 00:03:38,239
در فایل های فرزند منتقل می کنیم و مسدود
86
00:03:39,280 –> 00:03:42,239
می کنیم و می توانم بگویم
87
00:03:42,959 –> 00:03:47,000
block modal
88
00:03:47,760 –> 00:03:50,159
و سپس
89
00:03:51,440 –> 00:03:53,280
block
90
00:03:53,280 –> 00:03:55,840
و در داخل این بلوک می خواهم modal را
91
00:03:55,840 –> 00:03:58,799
کپی و جایگذاری
92
00:03:58,799 –> 00:04:00,879
کنم
93
00:04:00,879 –> 00:04:05,120
تا جایی که من این modal را دوست دارم من بیشتر از همه
94
00:04:05,120 –> 00:04:07,200
می خواهم این را کپی کنم، بنابراین
95
00:04:07,200 –> 00:04:09,760
تمام این را
96
00:04:09,760 –> 00:04:11,519
می گیرم، فقط این را در
97
00:04:11,519 –> 00:04:12,640
کلیپ بورد خود
98
00:04:12,640 –> 00:04:14,239
کپی می کنم و این را در داخل
99
00:04:14,239 –> 00:04:17,279
این بلوک قرار
100
00:04:17,279 –> 00:04:18,959
می دهم و فقط می خواهم از شر آنها خلاص شوم
101
00:04:18,959 –> 00:04:21,440
دکمهها
102
00:04:22,800 –> 00:04:27,120
و من میخواهم از شر این محو شدن در کلاس مدال خلاص شوم
103
00:04:27,120 –> 00:04:31,120
104
00:04:31,120 –> 00:04:35,040
و بیایید ببینیم چه اتفاقی میافتد
105
00:04:35,040 –> 00:04:38,800
واقعاً هیچ چیز این اتفاق خواهد افتاد اما
106
00:04:38,800 –> 00:04:39,840
بله،
107
00:04:39,840 –> 00:04:42,240
بنابراین من یک نقطه پایانی جدید برای
108
00:04:42,240 –> 00:04:45,800
این app.route
109
00:04:46,720 –> 00:04:48,240
110
00:04:48,240 –> 00:04:51,360
modal میسازم، میخواهم بگویم modal را تعریف کنید،
111
00:04:51,360 –> 00:04:53,040
ما فقط
112
00:04:53,040 –> 00:04:54,800
الگوهای
113
00:04:54,800 –> 00:04:57,520
رندر را برمیگردانیم و الگوی modal.html خود را ارائه میکنیم
114
00:04:57,520 –> 00:04:59,440
و من دوباره آن
115
00:04:59,440 –> 00:05:00,400
پستها را