در این مطلب، ویدئو آموزش Python Flask: برنامه وب با ویژگی های کامل قسمت 2 – قالب ها با زیرنویس فارسی را برای دانلود قرار داده ام. شما میتوانید با پرداخت 15 هزار تومان ، این ویدیو به علاوه تمامی فیلم های سایت را دانلود کنید.اکثر فیلم های سایت به زبان انگلیسی می باشند. این ویدئو دارای زیرنویس فارسی ترجمه شده توسط هوش مصنوعی می باشد که میتوانید نمونه ای از آن را در قسمت پایانی این مطلب مشاهده کنید.
تصاویر این ویدئو:
قسمتی از زیرنویس این فیلم:
00:00:00,060 –> 00:00:01,350
سلام، همه چیز در این آموزش flats چگونه پیش می رود،
2
00:00:01,350 –> 00:00:02,879
ما یاد خواهیم گرفت
3
00:00:02,879 –> 00:00:04,470
که چگونه از الگوها برای بازگرداندن
4
00:00:04,470 –> 00:00:06,390
کدهای HTML پیچیده تر از ویدیوی قبلی خود استفاده کنیم
5
00:00:06,390 –> 00:00:08,069
و همچنین چگونه
6
00:00:08,069 –> 00:00:09,960
متغیرها را به صفحه وب خود منتقل کنیم، پس بیایید
7
00:00:09,960 –> 00:00:11,790
ادامه دهیم و شروع کنیم. من
8
00:00:11,790 –> 00:00:13,139
با همان اسکریپتی شروع می کنم
9
00:00:13,139 –> 00:00:14,790
که در آخرین ویدیوی خود با این دو
10
00:00:14,790 –> 00:00:16,770
مسیر برای صفحه اصلی و صفحه درباره ما متوقف
11
00:00:16,770 –> 00:00:18,690
کردیم، بنابراین می توانیم در توابع مسیریابی خود
12
00:00:18,690 –> 00:00:20,820
ببینیم که این دو
13
00:00:20,820 –> 00:00:24,330
عنوان HTML را برمی گردانیم اما اکثر HTML فایلها
14
00:00:24,330 –> 00:00:26,550
کد HTML بسیار بیشتری از این دارند، آن شامل
15
00:00:26,550 –> 00:00:28,980
ساختار بعدی تایر با تگ بدنه تگ سر
16
00:00:28,980 –> 00:00:31,679
است و همه اینها در حال حاضر
17
00:00:31,679 –> 00:00:33,360
هیچ چیز مانع ما نمیشود که
18
00:00:33,360 –> 00:00:35,940
همه آن HTML را در اینجا برگردانیم، به عنوان مثال
19
00:00:35,940 –> 00:00:37,890
به جای اینکه فقط این
20
00:00:37,890 –> 00:00:41,280
تگ عنوان را برگردانیم. میتوانم 3 نقل قول برای
21
00:00:41,280 –> 00:00:44,309
یک رشته چند خطی بگذارم و من فقط میتوانم
22
00:00:44,309 –> 00:00:46,520
همه اینها را اینجا برگردانم و بگویم که شما
23
00:00:46,520 –> 00:00:51,300
HTML را میشناسید، سپس تگ HTML را باز کنید
24
00:00:51,300 –> 00:00:53,760
و به نوعی به آنجا ادامه دهید، اما
25
00:00:53,760 –> 00:00:55,230
میتوانید تصور کنید که با تعداد زیادی صفحات
26
00:00:55,230 –> 00:00:57,090
و مسیرهایی که این
27
00:00:57,090 –> 00:00:59,370
واقعاً خیلی سریع زشت میشود و اینکه ما یک
28
00:00:59,370 –> 00:01:01,469
هزار HTML تکراری مانند این را برای
29
00:01:01,469 –> 00:01:03,539
هر مسیر ایجاد میکنیم، بنابراین بهترین راه برای انجام این
30
00:01:03,539 –> 00:01:06,119
کار استفاده از الگوها خواهد بود، بنابراین برای
31
00:01:06,119 –> 00:01:08,130
استفاده از قالبها ابتدا باید یک
32
00:01:08,130 –> 00:01:09,960
دایرکتوری قالب در خود ایجاد کنیم. پوشه
33
00:01:09,960 –> 00:01:12,299
در پروژه ما منظورم این است و من این کار
34
00:01:12,299 –> 00:01:14,280
را در اینجا در متن عالی انجام خواهم داد، بنابراین
35
00:01:14,280 –> 00:01:15,930
من فقط روی پروژه خود کلیک راست می کنم
36
00:01:15,930 –> 00:01:19,110
و می گویم پوشه جدید و می خواهم
37
00:01:19,110 –> 00:01:21,720
این الگوها را صدا کنم و همه حروف کوچک هستند
38
00:01:21,720 –> 00:01:23,610
و اکنون در قالب های ما هستند. دایرکتوری
39
00:01:23,610 –> 00:01:26,430
من قصد دارم برای هر دو
40
00:01:26,430 –> 00:01:28,320
مسیرمان که در حال حاضر داریم الگوهایی
41
00:01:28,320 –> 00:01:29,939
ایجاد کنم، بنابراین یکی برای
42
00:01:29,939 –> 00:01:32,310
مسیر اصلی و دیگری برای مسیر درباره ما ایجاد می کنم، بنابراین
43
00:01:32,310 –> 00:01:33,930
روی صفحه الگوهای ما در اینجا کلیک راست می کنم
44
00:01:33,930 –> 00:01:36,210
و می گویم جدید فایل و من
45
00:01:36,210 –> 00:01:39,720
یکی از این HTML های خانگی را صدا می زنم و
46
00:01:39,720 –> 00:01:41,970
یک فایل جدید دیگر ایجاد می کنم و آن را در مورد
47
00:01:41,970 –> 00:01:45,030
نقطه HTML صدا می زنم و اجازه دهید ابتدا مسیر خانه خود را انجام دهیم
48
00:01:45,030 –> 00:01:47,850
تا من تمام HTML هایی را
49
00:01:47,850 –> 00:01:49,380
که می خواهیم در خانه خود داشته باشیم قرار می دهم. صفحه
50
00:01:49,380 –> 00:01:52,259
در این الگو در اینجا بنابراین در متن عالی
51
00:01:52,259 –> 00:01:55,200
اگر من شما st HTML را تایپ کنید و سپس
52
00:01:55,200 –> 00:01:57,240
tab را فشار دهید سپس میبینیم که پر میشود،
53
00:01:57,240 –> 00:01:59,610
54
00:01:59,610 –> 00:02:01,740
اگر ویرایشگر شما
55
00:02:01,740 –> 00:02:03,630
ساختاری شبیه به این ایجاد نکرد، میتوانید
56
00:02:03,630 –> 00:02:05,880
این صفحات را در کد github من پیدا کنید و من
57
00:02:05,880 –> 00:02:06,869
58
00:02:06,869 –> 00:02:08,878
اگر میخواهید
59
00:02:08,878 –> 00:02:11,160
آن را از آنجا کپی و جایگذاری کنید، یک پیوند به آن را در قسمت توضیحات زیر بگذارید، بنابراین اکنون که
60
00:02:11,160 –> 00:02:13,530
یک ساختار HTML اولیه داریم، اجازه دهید
61
00:02:13,530 –> 00:02:14,970
تگ عنوانی را که در
62
00:02:14,970 –> 00:02:18,270
اسکریپت پایتون خود داشتیم در این قالب خانه قرار
63
00:02:18,270 –> 00:02:19,860
دهیم. به برنامه خود بازگردیم
64
00:02:19,860 –> 00:02:22,340
و فقط یکی از این تگهای عنوان را بگیرید،
65
00:02:22,340 –> 00:02:26,340
بنابراین این تگ صفحه درباره ما در اینجا است و
66
00:02:26,340 –> 00:02:27,900
من آن را در قالب اصلی خود قرار
67
00:02:27,900 –> 00:02:30,720
میدهم و فقط به این ترتیب به بدنه
68
00:02:30,720 –> 00:02:32,910
اینجا میروم و آن را در آن قرار میدهم و
69
00:02:32,910 –> 00:02:35,430
به صفحه اصلی تغییر دهید تا صفحه اصلی داشته باشیم و
70
00:02:35,430 –> 00:02:37,170
اکنون که این الگوی اصلی را
71
00:02:37,170 –> 00:02:39,180
آماده کرده ایم، اجازه دهید در واقع از این
72
00:02:39,180 –> 00:02:41,370
الگو زمانی که به صفحه اصلی خود
73
00:02:41,370 –> 00:02:43,680
می رویم استفاده کنیم، بنابراین اگر به برنامه خود برگردیم، به
74
00:02:43,680 –> 00:02:46,709
جای اینکه فقط HTML ساده را
75
00:02:46,709 –> 00:02:49,470
در اینجا برگردانیم، می توانیم قالب را رندر کنید،
76
00:02:49,470 –> 00:02:51,540
بنابراین ابتدا به h برای وارد
77
00:02:51,540 –> 00:02:53,790
کردن تابع الگوی رندر از flask
78
00:02:53,790 –> 00:02:55,980
تا اینجا در دستور import ما
79
00:02:55,980 –> 00:02:59,310
فقط یک کاما قرار می دهم و
80
00:02:59,310 –> 00:03:01,860
تابع الگوی رندر را که می خواهیم وارد کنیم اضافه می کنم
81
00:03:01,860 –> 00:03:04,230
و اکنون برای دستور بازگشت ما
82
00:03:04,230 –> 00:03:07,020
در اینجا می توانیم بگوییم الگوی رندر بازگشتی
83
00:03:07,020 –> 00:03:08,940
و اکنون قالبی که میخواهیم
84
00:03:08,940 –> 00:03:10,890
رندر کنیم و آن الگوی مسیر اصلی ما
85
00:03:10,890 –> 00:03:13,860
HTML خانه است، بنابراین حالا بیایید این را ذخیره
86
00:03:13,860 –> 00:03:15,720
کرده و از خط فرمان خود اجرا کنیم تا
87
00:03:15,720 –> 00:03:17,970
مطمئن شویم که کار میکند، بنابراین اگر این کار را
88
00:03:17,970 –> 00:03:20,100
انجام ندهید اکنون ترمینال خود را در اینجا باز
89
00:03:20,100 –> 00:03:22,620
میگردانم. ترمینال خود را باز ندارید، پس
90
00:03:22,620 –> 00:03:24,660
باید آن را باز کنید و به
91
00:03:24,660 –> 00:03:26,280
دایرکتوری پروژه خود بروید، همانطور که در ویدیوی گذشته انجام دادیم،
92
00:03:26,280 –> 00:03:27,959
و اگر در آن ویدیو به یاد داشته باشید،
93
00:03:27,959 –> 00:03:29,160
می توانیم برنامه خود را
94
00:03:29,160 –> 00:03:33,510
فقط با گفتن Python flask blog blog PI اجرا کنیم،
95
00:03:33,510 –> 00:03:34,620
می توانیم ببینیم که در حال اجرا بر روی
96
00:03:34,620 –> 00:03:37,350
لوکال هاست و حالت اشکال زدایی، بنابراین
97
00:03:37,350 –> 00:03:41,130
مرورگر وب خود را اینجا می کشم و آن صفحه را مجدداً بارگذاری می کنم
98
00:03:41,130 –> 00:03:43,019
و می بینیم که
99
00:03:43,019 –> 00:03:45,329
تقریباً مانند قبل است، اما اگر
100
00:03:45,329 –> 00:03:47,120
راست کلیک کنم و برای مشاهده منبع صفحه بروم،
101
00:03:47,120 –> 00:03:49,410
می توانیم ببینیم که به جای فقط
102
00:03:49,410 –> 00:03:51,720
آن تگ h1 که اکنون ما یک
103
00:03:51,720 –> 00:03:54,120
ساختار کامل HTML را در اینجا داریم، بنابراین
104
00:03:54,120 –> 00:03:56,310
آن ساختار را از آن الگو بیرون می کشد، خوب است،
105
00:03:56,310 –> 00:03:57,570
بنابراین حالا بیایید همین کار را برای
106
00:03:57,570 –> 00:04:00,239
صفحه درباره خود انجام دهیم، بنابراین من
107
00:04:00,239 –> 00:04:02,820
برنامه خود را در اینجا باز می گردانم و من می خواهم
108
00:04:02,820 –> 00:04:04,920
ابتدا به الگوی اصلی خود بروید و این
109
00:04:04,920 –> 00:04:06,780
ساختار را کپی کنید و آن را در HTML ما قرار دهید
110
00:04:06,780 –> 00:04:10,320
و من این را به
111
00:04:10,320 –> 00:04:12,630
صفحه درباره به جای صفحه اصلی تغییر میدهم و سپس
112
00:04:12,630 –> 00:04:14,730
در برنامه ما نمیتوانیم فراموش
113
00:04:14,730 –> 00:04:16,890
کنیم که در واقع باید
114
00:04:16,890 –> 00:04:19,168
آن الگو را رندر کنیم. اکنون این را
115
00:04:19,168 –> 00:04:21,599
از سطح شیب دار خانه خود کپی می کنم و آن
116
00:04:21,599 –> 00:04:23,520
تگ عنوان و قالبی را که می
117
00:04:23,520 –> 00:04:25,830
خواهیم در آنجا رندر کنیم در مورد نقطه HTML جایگزین
118
00:04:25,830 –> 00:04:27,550
می کنم، بنابراین
119
00:04:27,550 –> 00:04:32,259
از سایت خود نسخه پشتیبان تهیه می کنم و به
120
00:04:32,259 –> 00:04:34,599
صفحه اسلش فورد درباره آن می روم و می توانیم ببینیم که به
121
00:04:34,599 –> 00:04:36,789
نظر شبیه کاری است که در
122
00:04:36,789 –> 00:04:38,620
ویدیوی اول انجام داد، اما اگر منبع صفحه خود را مشاهده کنیم،
123
00:04:38,620 –> 00:04:40,930
اکنون کل
124
00:04:40,930 –> 00:04:42,370
ساختار HTML را داریم که از آن
125
00:04:42,370 –> 00:04:44,800
الگو بیرون میآید، به طوری که کار میکند، بنابراین من برنامهام
126
00:04:44,800 –> 00:04:46,810
را در اینجا باز میگردانم، بنابراین اگر
127
00:04:46,810 –> 00:04:48,550
شما فقط بودید با استفاده از فلش اساسا به شما خدمت می
128
00:04:48,550 –> 00:04:50,500
کند p صفحات HTML ایستا، پس
129
00:04:50,500 –> 00:04:52,990
اساساً این چیزی است که ما در اینجا ایجاد کرده ایم، تنها کاری
130
00:04:52,990 –> 00:04:54,520
که باید انجام دهید این است که
131
00:04:54,520 –> 00:04:57,819
HTML و CSS با جزئیات بیشتری اضافه کنید و بهتر است بروید، اما
132
00:04:57,819 –> 00:04:59,319
تقریباً هر برنامه وب این
133
00:04:59,319 –> 00:05:01,300
روزها فقط حاوی اطلاعات ثابت نیست.
134
00:05:01,300 –> 00:05:03,280
معمولاً آیا شما
135
00:05:03,280 –> 00:05:04,930
پست ها و به روز رسانی ها و انواع
136
00:05:04,930 –> 00:05:06,340
اطلاعات مختلف را می شناسید که
137
00:05:06,340 –> 00:05:09,069
به طور مرتب به سایت اضافه می شود،
138
00:05:09,069 –> 00:05:10,599
به عنوان مثال اگر
139
00:05:10,599 –> 00:05:12,069
برنامه ای را که در اولین ویدیو نشان دادم به یاد داشته باشید که گفتم
140
00:05:12,069 –> 00:05:13,900
141
00:05:13,900 –> 00:05:16,090
در پایان برنامه نهایی ما خواهد بود. از این مجموعه
142
00:05:16,090 –> 00:05:17,289
، تعداد زیادی پست مختلف توسط
143
00:05:17,289 –> 00:05:19,240
نویسندگان مختلف داشت و
144
00:05:19,240 –> 00:05:21,159
میتوانست پستهای وبلاگ یا عکس یا هر
145
00:05:21,159 –> 00:05:23,530
چیز دیگری باشد که با
146
00:05:23,530 –> 00:05:25,780
برنامه خود میسازید، بنابراین بیایید بگوییم
147
00:05:25,780 –> 00:05:27,580
که پستهایی مانند این داشتیم که میخواستیم
148
00:05:27,580 –> 00:05:29,710
در آن نمایش دهیم. الگوی ما، پس چگونه این
149
00:05:29,710 –> 00:05:32,110
کار را انجام دهیم، بنابراین بیایید برخی از داده های ساختگی اضافه
150
00:05:32,110 –> 00:05:33,669
کنیم تا بتوانیم ببینیم که چگونه این در واقع
151
00:05:33,669 –> 00:05:36,250
به الگوی ما منتقل می شود، بنابراین من فقط می
152
00:05:36,250 –> 00:05:38,020
خواهم برخی از داده های ساختگی را به
153
00:05:38,020 –> 00:05:39,729
بالای فایل در اینجا اضافه کنم. رفتن به
154
00:05:39,729 –> 00:05:41,680
ج تمام این پست و من آن را
155
00:05:41,680 –> 00:05:45,520
برابر با یک لیست قرار می دهم و این
156
00:05:45,520 –> 00:05:47,860
لیستی از فرهنگ لغت ها خواهد بود و هر
157
00:05:47,860 –> 00:05:49,569
فرهنگ لغت
158
00:05:49,569 –> 00:05:53,080
یک پست وبلاگ را نشان می دهد، بنابراین برای مثال
159
00:05:53,080 –> 00:05:55,840
من یک نویسنده در اینجا خواهم داشت و فقط می خواهم
160
00:05:55,840 –> 00:05:58,240
نمونه ای از اطلاعات را پر کنید تا من
161
00:05:58,240 –> 00:06:01,719
یک عنوان برای نویسنده کوری شفر داشته
162
00:06:01,719 –> 00:06:04,960
باشم و فقط آن را روی یک پست وبلاگ تنظیم کنم
163
00:06:04,960 –> 00:06:08,710
و سپس مقداری محتوا
164
00:06:08,710 –> 00:06:13,199
و محتوایی که می گوییم اولین
165
00:06:13,199 –> 00:06:16,840
محتوای است یا اول چطور است را خواهم داشت. محتوا را ارسال کنید
166
00:06:16,840 –> 00:06:20,020
خوب است و در آخر بیایید تاریخ ارسال را نیز انجام دهیم،
167
00:06:20,020 –> 00:06:23,560
بنابراین برای تاریخ ارسال شده،
168
00:06:23,560 –> 00:06:25,629
فقط یک رشته را در اینجا می نویسم، بنابراین می گوییم
169
00:06:25,629 –> 00:06:30,909
20 آوریل 2018، بنابراین اکنون بیایید یک
170
00:06:30,909 –> 00:06:32,800
فرهنگ لغت دیگر را در اینجا با چند
171
00:06:32,800 –> 00:06:35,620
داده مختلف اضافه کنیم تا نشان دهنده دیگری باشد.
172
00:06:35,620 –> 00:06:38,469
پست وبلاگ ساختگی، بنابراین ما برخی از
173
00:06:38,469 –> 00:06:39,849
این اطلاعات را تغییر می دهیم، بنابراین می گوییم که
174
00:06:39,849 –> 00:06:41,080
این نویسنده
175
00:06:41,080 –> 00:06:43,810
جین دو است، برای عنوان، پست وبلاگ
176
00:06:43,810 –> 00:06:47,440
را به محتوای پست دوم می گوید و می گوید
177
00:06:47,440 –> 00:06:50,620
که این 21 آوریل 2018 است، بسیار خوب، بنابراین
178
00:06:50,620 –> 00:06:51,849
فعلا بیایید وانمود کنیم که ما با
179
00:06:51,849 –> 00:06:54,970
پایگاه داده تماس گرفتیم و این لیست از
180
00:06:54,970 –> 00:06:56,770
پست ها را دریافت کردیم و این همان چیزی است که این متغیر پست
181
00:06:56,770 –> 00:06:59,110
در حال حاضر ما میتوانیم این پستها را
182
00:06:59,110 –> 00:07:01,360
فقط با ارسال یک آرگومان با دادههایمان به قالب خود منتقل
183
00:07:01,360 –> 00:07:03,639
کنیم، بنابراین اگر من به اینجا
184
00:07:03,639 –> 00:07:06,550
به الگوی اصلی خود
185
00:07:06,550 –> 00:07:08,470
رسیدم، در تابع قالب رندر ما به سادگی میتوانم بگویم که
186
00:07:08,470 –> 00:07:12,069
پستها برابر با پست هستند. اکنون از هر
187
00:07:12,069 –> 00:07:14,469
نام متغیری که به عنوان نام آرگومان استفاده
188
00:07:14,469 –> 00:07:17,050
میکنیم،
189
00:07:17,050 –> 00:07:19,780
به آن متغیر در قالب خود دسترسی خواهیم داشت
190
00:07:19,780 –> 00:07:23,169
و با دادههای این پست برابر خواهد بود،
191
00:07:23,169 –> 00:07:25,120
بنابراین اکنون به الگوی اصلی خود تغییر میدهیم
192
00:07:25,120 –> 00:07:26,770
و ببینیم چگونه نگاه میکنیم.
193
00:07:26,770 –> 00:07:29,379
این دادهها را ارسال میکند، بنابراین
194
00:07:29,379 –> 00:07:32,379
موتور قالبی که فلاسک استفاده میکند Jinja نامیده میشود –
195
00:07:32,379 –> 00:07:34,870
و به ما اجازه میدهد تا کدی را در
196
00:07:34,870 –> 00:07:37,240
داخل قالبهای خود بنویسیم، بنابراین برای نوشتن یک حلقه for،
197
00:07:37,240 –> 00:07:39,819
میتوانیم یک بلوک کد را باز کنیم و یک
198
00:07:39,819 –> 00:07:42,550
بلوک کد با این بریسهای فرفری نشان داده میشود
199
00:07:42,550 –> 00:07:45,009
و سپس دو پرانتز در اینجا و
200
00:07:45,009 –> 00:07:48,849
در داخل آنها می توانیم برای پست در پست
201
00:07:48,849 –> 00:07:52,659
بگوییم و همچنین باید به موتور قالب بگوییم
202
00:07:52,659 –> 00:07:55,090
که حلقه for به پایان می رسد و ما
203
00:07:55,090 –> 00:07:57,460
فقط این کار را با یک بلوک کد دیگر انجام می دهیم تا
204
00:07:57,460 –> 00:07:59,620
پرانتزها و پرانتزهای فرفری باشند و
205
00:07:59,620 –> 00:08:02,199
ما فقط میتوانیم بگوییم برای، بنابراین اکنون در
206
00:08:02,199 –> 00:08:04,389
این حلقه for میتوانیم
207
00:08:04,389 –> 00:08:07,659
اطلاعات پست خود را هر بار چاپ کنیم، بنابراین اگر
208
00:08:07,659 –> 00:08:09,099
وارد اینجا شدیم، فرض کنیم میخواستیم
209
00:08:09,099 –> 00:08:11,740
عنوان پست را در یک تگ h1 چاپ کنیم تا
210
00:08:11,740 –> 00:08:14,349
بتوانیم فقط بگوییم h1 و اکنون که میخواهیم
211
00:08:14,349 –> 00:08:17,020
یک متغیر واقعی را چاپ کنیم،
212
00:08:17,020 –> 00:08:19,300
این همان بلوک کد
213
00:08:19,300 –> 00:08:21,219
با پرانتزها و پرانتزهای فرفری نخواهد بود،
214
00:08:21,219 –> 00:08:23,379
این فقط دو
215
00:08:23,379 –> 00:08:25,750
بریس فرفری خواهد بود، زیرا اکنون این فقط
216
00:08:25,750 –> 00:08:27,250
متغیری است که ما در حال
217
00:08:27,250 –> 00:08:29,319
چاپ هستیم، بنابراین میگوییم که میخواهیم
218
00:08:29,319 –> 00:08:32,409
عنوان نقطه پست را چاپ کنیم و
219
00:08:32,409 –> 00:08:34,750
میتوانیم از این دسترسی نقطهای در اینجا در
220
00:08:34,750 –> 00:08:37,719
قالب استفاده کنیم تا دسترسی به نقطه کار کند، بنابراین
221
00:08:37,719 –> 00:08:40,690
حالا بیایید یک تگ پاراگراف
222
00:08:40,690 –> 00:08:43,179
را چاپ کنیم و بیایید آن را چاپ کنیم. نویسنده و تاریخی
223
00:08:43,179 –> 00:08:45,160
که پست شده است، بنابراین من خداحافظی میکنم
224
00:08:45,160 –> 00:08:49,209
و سپس میخواهیم نویسنده پست را
225
00:08:49,209 –> 00:08:51,010
اینجا قرار دهیم، بنابراین در
226
00:08:51,010 –> 00:08:54,190
پرانتزهای دوتایی فرفریمان پست نقطه نویسنده را قرار میدهیم و
227
00:08:54,190 –> 00:08:55,300
در همان پاراگراف
228
00:08:55,300 –> 00:08:56,920
من را چاپ میکنم. تاریخی که در آن
229
00:08:56,920 –> 00:09:00,130
پست شده است، بنابراین من می گویم و سپس می
230
00:09:00,130 –> 00:09:03,730
خواهیم بگوییم post dot و I beli شب من
231
00:09:03,730 –> 00:09:06,040
این را نامیدم خوب این تاریخ ارسال شده است، بنابراین
232
00:09:06,040 –> 00:09:08,080
میخواهیم از این ویژگی تاریخ ارسال شده در
233
00:09:08,080 –> 00:09:11,350
آنجا استفاده کنیم و در آخر بیایید
234
00:09:11,350 –> 00:09:13,870
محتوای واقعی پست را چاپ
235
00:09:13,870 –> 00:09:16,089
کنیم، درست مانند قبل از دو
236
00:09:16,089 –> 00:09:19,930
پرانتز و محتوای نقطه پست،
237
00:09:19,930 –> 00:09:21,220
خیلی سریع. دوباره به این نگاه
238
00:09:21,220 –> 00:09:23,529
کنید، بنابراین ما یک بلوک کد را
239
00:09:23,529 –> 00:09:26,170
در اینجا باز می کنیم و آن بلوک کد برای پست ها
240
00:09:26,170 –> 00:09:29,620
و پست ها می گوید و ما این مقدار پست را
241
00:09:29,620 –> 00:09:32,320
در اینجا این متغیر دریافت کردیم که با
242
00:09:32,320 –> 00:09:34,600
ارسال این آرگومان به
243
00:09:34,600 –> 00:09:36,490
الگوی خود و این آرگومان
244
00:09:36,490 –> 00:09:39,820
برابر با این است. دادههای ساختگی را اینجا
245
00:09:39,820 –> 00:09:42,730
در بالا پست کنید، بنابراین این متغیر پست در
246
00:09:42,730 –> 00:09:44,649
قالب ما برابر با این
247
00:09:44,649 –> 00:09:47,200
داده است، بنابراین از
248
00:09:47,200 –> 00:09:49,630
اینجا آمده است، بنابراین ما روی آن پستها حلقه میزنیم
249
00:09:49,630 –> 00:09:51,610
و برای هر کدام این را چاپ میکنیم.
250
00:09:51,610 –> 00:09:54,490
اطلاعات پست را
251
00:09:54,490 –> 00:09:56,440
ذخیره کنیم، بنابراین اگر آن را ذخیره کنیم، بیایید ببینیم که آیا این
252
00:09:56,440 –> 00:09:59,140
کار می کند تا سرور وب ما هنوز
253
00:09:59,140 –> 00:10:01,360
در حال اجرا باشد، بنابراین من می خواهم به
254
00:10:01,360 –> 00:10:05,320
صفحه اصلی خود برگردم و ببینم آیا آن داده ها را دریافت می
255
00:10:05,320 –> 00:10:07,060
کنیم تا بتوانیم ببینیم که روی ما حلقه زده است یا خیر.
256
00:10:07,060 –> 00:10:08,740
داده های ساختگی و نمایش اطلاعات
257
00:10:08,740 –> 00:10:11,470
چیزی که در HTML مشخص کردهایم و اگر
258
00:10:11,470 –> 00:10:14,230
منبع صفحه را ببینم تا
259
00:10:14,230 –> 00:10:17,140
واقعاً HTMLی را که به ما داده
260
00:10:17,140 –> 00:10:18,880
است ببینم، اینجا کمی کوچک است، اما میتوانیم ببینیم که
261
00:10:18,880 –> 00:10:20,950
هر دو بخش را دارد که
262
00:10:20,950 –> 00:10:24,070
در اینجا در حلقه for ایجاد شدهاند. خوب پس
263
00:10:24,070 –> 00:10:26,829
حالا اجازه دهید قالب خانه خود را
264
00:10:26,829 –> 00:10:29,470
دوباره در اینجا باز کنم تا متن sublime را باز کنم
265
00:10:29,470 –> 00:10:32,200
تا ببینیم چگونه یک حلقه for انجام دهیم، اما
266
00:10:32,200 –> 00:10:34,480
می توانیم شرط های شرطی if else را نیز انجام دهیم،
267
00:10:34,480 –> 00:10:36,130
بنابراین فرض کنید می خواستیم بتوانیم آن
268
00:10:36,130 –> 00:10:39,250
را پاس کنیم. یک عنوان برای صفحات وب ما، اما اگر
269
00:10:39,250 –> 00:10:41,320
عنوانی را ارسال نکردیم، فقط
270
00:10:41,320 –> 00:10:43,870
میخواهیم از یک وبلاگ پیشفرض flask یا
271
00:10:43,870 –> 00:10:46,270
چیزی شبیه به آن استفاده
272
00:10:46,270 –> 00:10:50,770
کنیم تا بتوانیم به عنوان خود به اینجا برسیم و من فقط
273
00:10:50,770 –> 00:10:53,350
عنوان پیشفرض را تایپ میکنم.
274
00:10:53,350 –> 00:10:54,910
ما برای صفحه خود در اینجا می خواهیم و ما آن را وبلاگ فلاسک می نامیم،
275
00:10:54,910 –> 00:10:57,220
اما اکنون اجازه دهید در اینجا یک
276
00:10:57,220 –> 00:10:59,050
شرط شرطی if-else را اضافه کنیم که اگر
277
00:10:59,050 –> 00:11:00,940
در واقع عنوانی را به این
278
00:11:00,940 –> 00:11:03,190
الگو منتقل می کردیم، وبلاگ فلاسک را چاپ می کرد
279
00:11:03,190 –> 00:11:06,130
– عنوان یا چیزی شبیه به آن بنابراین
280
00:11:06,130 –> 00:11:08,390
برای انجام یک دستور if،
281
00:11:08,390 –> 00:11:10,790
کد ما را در اینجا با پرانتزهای فرفری و بلوک می کنیم
282
00:11:10,790 –> 00:11:13,910
پرانتز و به جای
283
00:11:13,910 –> 00:11:18,110
حلقه for می گویند اگر عنوان و سپس من
284
00:11:18,110 –> 00:11:22,010
این را اینجا کپی می کنم و اینجا
285
00:11:22,010 –> 00:11:26,630
و اکنون می توانیم کار دیگری انجام دهیم و حالا می
286
00:11:26,630 –> 00:11:29,720
توانیم این کار را تمام کنیم، من دوباره می چسبانم که می
287
00:11:29,720 –> 00:11:31,670
توانیم این را همانطور که به پایان رساندیم پایان دهیم. حلقه for
288
00:11:31,670 –> 00:11:34,340
با گفتن end if so این عنوانی که
289
00:11:34,340 –> 00:11:36,740
در حال حاضر داریم همان چیزی است که به
290
00:11:36,740 –> 00:11:38,810
عنوان عنوان پیشفرض میخواهیم، بنابراین من آن را در
291
00:11:38,810 –> 00:11:42,710
لوک else خود قرار میدهیم زیرا می
292
00:11:42,710 –> 00:11:44,600
خواهیم اگر عنوانی ار
293
00:11:44,600 –> 00:11:46,850
ئه نشده باشد، پیشفرض باشد. عن
294
00:11:46,850 –> 00:11:48,980
ارائه شده است، سپس میخواهیم آن
295
00:11:48,980 –> 00:11:53,210
وبلاگ فلش شود – و سپس آن عنوانی را
296
00:11:53,210 –> 00:11:54,950
که در آن ارسال میکنیم چاپ کنیم و عمدتاً
297
00:11:54,950 –> 00:11:56,570
در عرض یک ثانیه چگونه به نظر میرسد و اجازه دهید
298
00:11:56,570 –> 00:11:59,270
این بخش عنوان را نیز به الگوی درباره خود اضافه کنیم
299
00:11:59,270 –> 00:12:00,590
تا من m
300
00:12:00,590 –> 00:12:03,350
تمام این شرطی if-else را کپی کرده و
301
00:12:03,350 –> 00:12:05,780
آن را در اینجا در قسمت head قرار می دهیم،
302
00:12:05,780 –> 00:12:07,850
بنابراین اکنون اگر به کد برنامه خود برگردیم،
303
00:12:07,850 –> 00:12:09,340
304
00:12:09,340 –> 00:12:12,470
اجازه دهید عنوانی را برای الگوی اصلی خود ارسال
305
00:12:12,470 –> 00:12:14,570
نکنیم زیرا فقط می خواهیم این عنوان
306
00:12:14,570 –> 00:12:17,390
پیش فرض برای ما باشد. نرم افزار اما برای
307
00:12:17,390 –> 00:12:19,820
صفحه درباره ما اجازه دهید عنوانی را
308
00:12:19,820 –> 00:12:23,120
در مورد آن بگذرانیم من در آنجا یک کاما می گذارم و
309
00:12:23,120 –> 00:12:26,570
فقط می گویم عنوان برابر است با حدود بنابراین برای
310
00:12:26,570 –> 00:12:28,070
قالب صفحه اصلی ما که
311
00:12:28,070 –> 00:12:30,500
در آن عنوانی را رد نکردیم، باید
312
00:12:30,500 –> 00:12:33,620
اینجا بیاید و بگوید اگر عنوان ندارد و ببینید که یک عنوان
313
00:12:33,620 –> 00:12:35,600
ندارد. آن پایین می آید و
314
00:12:35,600 –> 00:12:38,330
فقط از این وبلاگ فلش به عنوان عنوان در
315
00:12:38,330 –> 00:12:40,760
قالب درباره ما استفاده کنید، خواهید دید که
316
00:12:40,760 –> 00:12:42,920
ما عنوانی داریم که از آن عبور کرده ایم و به جای
317
00:12:42,920 –> 00:12:46,220
آن از این عنوان در اینجا استفاده می کند، بنابراین اکنون
318
00:12:46,220 –> 00:12:47,750
می خواهم این عنوان را پشتیبان بگیرم. در
319
00:12:47,750 –> 00:12:50,780
مرورگر ما و این صفحات را مجددا بارگذاری کنید، بنابراین من این را
320
00:12:50,780 –> 00:12:53,750
مجددا بارگذاری می کنم و می توانیم در اینجا در برگه خود ببینیم
321
00:12:53,750 –> 00:12:56,060
که عنوان این صفحه اکنون
322
00:12:56,060 –> 00:12:59,240
فلاسک بلاگ نامیده می شود و اگر
323
00:12:59,240 –> 00:13:01,550
منبع صفحه را مشاهده کنیم، می توانیم آن را به خوبی ببینیم که
324
00:13:01,550 –> 00:13:02,720
می توانیم آن را نیز ببینیم. و من می دانم که این
325
00:13:02,720 –> 00:13:05,510
متن در اینجا کمی کوچک است، اما اگر اکنون
326
00:13:05,510 –> 00:13:08,750
به صفحه درباره خود برویم، بنابراین
327
00:13:08,750 –> 00:13:10,970
اکنون می توانیم ببینیم که عنوان این
328
00:13:10,970 –> 00:13:14,030
صفحه و برگه ما فلش بلاگ است – در مورد،
329
00:13:14,030 –> 00:13:16,760
بنابراین آن مقادیر را به درستی
330
00:13:16,760 –> 00:13:18,650
با استفاده از ما تنظیم می کند. مشروط خوب است، بنابراین ما
331
00:13:18,650 –> 00:13:20,030
تقریباً با این آموزش به پایان رسیده ایم،
332
00:13:20,030 –> 00:13:21,800
اما یک چیز در مورد
333
00:13:21,800 –> 00:13:22,310
الگوهای ما وجود دارد
334
00:13:22,310 –> 00:13:24,980
که من طراحی خیلی خوبی نیست، بنابراین اگر
335
00:13:24,980 –> 00:13:27,020
متوجه شدید الگوی صفحه اصلی ما و
336
00:13:27,020 –> 00:13:29,450
الگوی درباره ما کدهای تکراری مشابه زیادی دارند،
337
00:13:29,450 –> 00:13:31,460
بنابراین اگر آنها را بکشم و آنها را
338
00:13:31,460 –> 00:13:34,040
با هم مقایسه کنم، می بینیم که بسیاری از
339
00:13:34,040 –> 00:13:35,720
اینها مشابه هستند و فقط این
340
00:13:35,720 –> 00:13:38,120
یکی وجود دارد. بخش اینجا در بدنه
341
00:13:38,120 –> 00:13:39,890
که متفاوت است و این هرگز
342
00:13:39,890 –> 00:13:41,900
در برنامه نویسی چیز خوبی نیست، زیرا به این معنی است
343
00:13:41,900 –> 00:13:43,820
که اگر می خواهیم یکی از
344
00:13:43,820 –> 00:13:46,279
آن بخش ها را به روز کنیم، باید آن را در
345
00:13:46,279 –> 00:13:48,950
هر مکان جداگانه به روز کنیم، برای مثال اگر
346
00:13:48,950 –> 00:13:50,900
می خواهیم پیش فرض خود را تغییر دهیم. عنوان
347
00:13:50,900 –> 00:13:52,850
برای وب سایت ما، پس
348
00:13:52,850 –> 00:13:54,950
باید این تغییر را هم در خانه و
349
00:13:54,950 –> 00:13:56,930
هم در الگوی about ایجاد کنیم، بنابراین تقریباً همیشه
350
00:13:56,930 –> 00:13:58,400
بهتر است همه چیزهایی که
351
00:13:58,400 –> 00:14:00,710
تکرار می شود در یک مکان واحد داشته باشیم تا
352
00:14:00,710 –> 00:14:02,720
فقط یک مکان برای ایجاد تغییرات وجود داشته باشد و
353
00:14:02,720 –> 00:14:04,970
الگوی خانه ما و الگوی about
354
00:14:04,970 –> 00:14:07,040
فقط حاوی اطلاعاتی است که
355
00:14:07,040 –> 00:14:09,710
مختص آن صفحات است، بنابراین برای انجام
356
00:14:09,710 –> 00:14:10,880
این کار میتوانیم از چیزی به نام وراثت الگو استفاده کنیم،
357
00:14:10,880 –> 00:14:13,760
بنابراین بیایید ببینیم
358
00:14:13,760 –> 00:14:15,500
این چگونه به نظر میرسد، بنابراین من میخواهم یک
359
00:14:15,500 –> 00:14:17,120
الگوی جدید در دمای خود ایجاد کنم. دایرکتوری lates
360
00:14:17,120 –> 00:14:20,000
و من این طرح بندی را HTML می نامم،
361
00:14:20,000 –> 00:14:21,380
بنابراین در قالب های ما
362
00:14:21,380 –> 00:14:23,120
یک فایل جدید را در اینجا ایجاد می کنم و
363
00:14:23,120 –> 00:14:26,360
این طرح بندی را نقطه HTML می نامم و روی enter کلیک می
364
00:14:26,360 –> 00:14:28,220
کنم تا آن فایل ایجاد شود و در
365
00:14:28,220 –> 00:14:30,770
طرح بندی آن HTML ما میخواهیم
366
00:14:30,770 –> 00:14:32,810
تمام بخشهای تکرار شده بین
367
00:14:32,810 –> 00:14:35,720
خانهمان و الگوهای درباره ما را انتخاب کنیم، بنابراین اگر
368
00:14:35,720 –> 00:14:38,150
اینها را همانطور
369
00:14:38,150 –> 00:14:39,680
که قبلاً گفتیم مقایسه کنیم، تنها چیزی که
370
00:14:39,680 –> 00:14:41,930
متفاوت است این بخش بدنه است، بنابراین من
371
00:14:41,930 –> 00:14:43,460
کد را از یکی از آنها کپی میکنم.
372
00:14:43,460 –> 00:14:44,930
الگوهای ما در اینجا من از الگوی about استفاده میکنم و آن را در
373
00:14:44,930 –> 00:14:48,110
374
00:14:48,110 –> 00:14:50,300
قالب HTML نقطهبندی ما قرار میدهم و سپس فقط
375
00:14:50,300 –> 00:14:52,700
بخشی را که در اینجا منحصربهفرد است به
376
00:14:52,700 –> 00:14:54,260
صفحه درباره حذف میکنم، فقط
377
00:14:54,260 –> 00:14:56,510
همه موارد داخل تگ بدنه را در آنجا حذف میکنم، بنابراین
378
00:14:56,510 –> 00:14:58,370
اکنون ما فقط HTML را داریم که بین هر دو مسیر ما به اشتراک گذاشته شده است،
379
00:14:58,370 –> 00:15:01,220
بنابراین اکنون میخواهم
380
00:15:01,220 –> 00:15:03,680
یک بلوک ایجاد کنم و یک بلوک
381
00:15:03,680 –> 00:15:05,810
بخشی است که الگوهای فرزند میتوانند آن را
382
00:15:05,810 –> 00:15:08,060
لغو کنند، بنابراین ما
383
00:15:08,060 –> 00:15:10,070
فقط در یک ثانیه آن را در عمل خواهیم دید. یک بلوک
384
00:15:10,070 –> 00:15:12,589
در تگ بدن خود ایجاد کنید و من فقط
385
00:15:12,589 –> 00:15:15,890
آن را bl می نامم ock content بنابراین برای انجام این کار میتوانیم
386
00:15:15,890 –> 00:15:18,650
از بلوکهای کدی که
387
00:15:18,650 –> 00:15:20,420
قبلاً دیدهایم استفاده کنیم و در عوض از
388
00:15:20,420 –> 00:15:22,550
این کلمه کلیدی بلوک استفاده میکنیم، بنابراین میگویم
389
00:15:22,550 –> 00:15:24,860
محتوا را مسدود میکنیم و این همان چیزی است که آن را
390
00:15:24,860 –> 00:15:27,560
این بلوک مینامیم و سپس دیگری انجام میدهیم.
391
00:15:27,560 –> 00:15:30,290
بلوک کد درست بعد از این و سپس میخواهیم
392
00:15:30,290 –> 00:15:33,140
آن بلوک را پایان دهیم، بنابراین من میگویم پایان بلوک،
393
00:15:33,140 –> 00:15:35,000
بنابراین اکنون در خانه خود و در مورد
394
00:15:35,000 –> 00:15:36,220
الگوها،
395
00:15:36,220 –> 00:15:38,740
این الگوی طرحبندی را به ارث میبریم و
396
00:15:38,740 –> 00:15:40,630
همه این اطلاعات را دریافت میکنیم، اما پس از آن فقط
397
00:15:40,630 –> 00:15:43,150
محتوا را لغو میکنیم. بخش با
398
00:15:43,150 –> 00:15:45,400
مواردی که برای هر صفحه منحصر به فرد است، بنابراین
399
00:15:45,400 –> 00:15:47,680
من اینجا را به قالب اصلی تغییر میدهم
400
00:15:47,680 –> 00:15:49,570
و در این الگو میخواهیم
401
00:15:49,570 –> 00:15:51,790
از آن ا