در این مطلب، ویدئو اجرای اسکریپت پایتون با کلیک بر روی دکمه Html | آخرین 2021 با زیرنویس فارسی را برای دانلود قرار داده ام. شما میتوانید با پرداخت 15 هزار تومان ، این ویدیو به علاوه تمامی فیلم های سایت را دانلود کنید.اکثر فیلم های سایت به زبان انگلیسی می باشند. این ویدئو دارای زیرنویس فارسی ترجمه شده توسط هوش مصنوعی می باشد که میتوانید نمونه ای از آن را در قسمت پایانی این مطلب مشاهده کنید.
مدت زمان فیلم: 00:17:21
تصاویر این ویدئو:
قسمتی از زیرنویس این فیلم:
00:00:01,870 –> 00:00:10,000
[Music]
2
00:00:10,000 –> 00:00:12,559
سلام بچه ها و به کانال یوتیوب hackanones خوش آمدید
3
00:00:12,559 –> 00:00:14,160
4
00:00:14,160 –> 00:00:15,599
در این ویدیو
5
00:00:15,599 –> 00:00:18,640
ما یاد می گیریم که چگونه اسکریپت پایتون را
6
00:00:18,640 –> 00:00:22,000
با کلیک کردن بر روی دکمه html اجرا
7
00:00:22,000 –> 00:00:23,039
کنیم، فرض
8
00:00:23,039 –> 00:00:25,359
کنید علاقه ای به دانستن هیچ
9
00:00:25,359 –> 00:00:29,119
چارچوب وب مانند جاوا اسکریپت
10
00:00:29,119 –> 00:00:30,400
یا واکنش
11
00:00:30,400 –> 00:00:32,238
زاویه ای و غیره
12
00:00:32,238 –> 00:00:35,360
ندارید، اما شما فقط می خواهید پایتون و
13
00:00:35,360 –> 00:00:39,120
html اصلی را با کد یا تابع خود ترکیب کنید که
14
00:00:39,120 –> 00:00:42,320
هنگام کلیک کردن روی دکمه html اجرا می شود،
15
00:00:42,320 –> 00:00:44,480
بنابراین به جای درست آمده اید،
16
00:00:44,480 –> 00:00:46,719
در این ویدیو به شما نشان می دهیم که چگونه این
17
00:00:46,719 –> 00:00:47,920
18
00:00:47,920 –> 00:00:49,440
کار را انجام دهید، بنابراین اجازه دهید به سرعت
19
00:00:49,440 –> 00:00:50,800
کار این پروژه را نشان دهم که من
20
00:00:50,800 –> 00:00:52,000
ایجاد کردهام،
21
00:00:52,000 –> 00:00:54,960
بنابراین یک وبسایت ساده است که میگوید
22
00:00:54,960 –> 00:00:56,320
نام خود را وارد کنید
23
00:00:56,320 –> 00:00:58,879
، بیایید بگوییم من نام خود را وارد میکنم
24
00:00:58,879 –> 00:01:02,719
karl maskrinis و اگر ارسال را فشار
25
00:01:02,719 –> 00:01:05,600
دهم صفحه دیگری دریافت میکنید که میگوید سلام
26
00:01:05,600 –> 00:01:08,479
کارل مردانه روزتان چطور بود، بنابراین
27
00:01:08,479 –> 00:01:10,720
دادهها اساساً
28
00:01:10,720 –> 00:01:12,479
از این برچسب گرفته شدهاند.
29
00:01:12,479 –> 00:01:15,840
برچسب ورودی و به عنوان یک تگ نمایش داده می شود،
30
00:01:15,840 –> 00:01:16,720
31
00:01:16,720 –> 00:01:20,159
بنابراین خواهیم دید که چگونه این کار را با استفاده از
32
00:01:20,159 –> 00:01:23,759
چارچوب وب فلش شده موجود در پایتون انجام دهیم،
33
00:01:23,759 –> 00:01:25,119
بنابراین اکنون
34
00:01:25,119 –> 00:01:27,040
ابتدا ماژول را وارد کنیم
35
00:01:27,040 –> 00:01:29,360
که فلاسک است. من
36
00:01:29,360 –> 00:01:30,960
برای این پروژه استفاده
37
00:01:30,960 –> 00:01:35,040
می کنم بنابراین به سادگی می گویم pip install
38
00:01:35,040 –> 00:01:38,320
flask و اگر enter را فشار دهم می گوید که
39
00:01:38,320 –> 00:01:40,560
نیاز قبلاً برآورده شده است
40
00:01:40,560 –> 00:01:43,759
زیرا فلاسک را قبلاً در دستگاه خود نصب کرده ام
41
00:01:43,759 –> 00:01:46,640
بنابراین اجازه دهید خط فرمان را ببندم
42
00:01:46,640 –> 00:01:47,920
و سپس
43
00:01:47,920 –> 00:01:50,079
روی دسکتاپ i فقط کلیک راست
44
00:01:50,079 –> 00:01:53,280
میکنم و به پوشه جدید میروم و
45
00:01:53,280 –> 00:01:54,720
آن را بهعنوان برنامه
46
00:01:54,720 –> 00:01:56,399
flask نام میگذارم،
47
00:01:56,399 –> 00:01:57,520
48
00:01:57,520 –> 00:02:00,079
بنابراین پوشه برنامه flask را باز کردهام و
49
00:02:00,079 –> 00:02:02,640
در حال حاضر خالی است، بنابراین بیایید فایلهایمان را اضافه کنیم
50
00:02:02,640 –> 00:02:03,600
51
00:02:03,600 –> 00:02:06,960
تا اولین فایل app.py باشد.
52
00:02:06,960 –> 00:02:09,280
که دارای برنامه flask و تمام
53
00:02:09,280 –> 00:02:11,599
اجرای آن از اسکریپت پایتون است،
54
00:02:11,599 –> 00:02:14,000
بنابراین اجازه دهید من آن را ایجاد کنم و اجازه دهید آن را
55
00:02:14,000 –> 00:02:16,000
به عنوان app dot py
56
00:02:16,000 –> 00:02:18,640
ذخیره کنم و آن را در داخل درپوش فلش ذخیره می کنم،
57
00:02:18,640 –> 00:02:22,879
بنابراین ابتدا اجازه دهید فلش را از فلاسک واردات فلاش
58
00:02:22,879 –> 00:02:24,400
وارد
59
00:02:24,400 –> 00:02:27,920
کنم. کلاس فلش
60
00:02:27,920 –> 00:02:29,040
و سپس
61
00:02:29,040 –> 00:02:32,239
بیایید برنامه خود را بسازیم تا بگوییم
62
00:02:32,239 –> 00:02:33,840
برنامه برابر با
63
00:02:33,840 –> 00:02:35,200
فلاسک است،
64
00:02:35,200 –> 00:02:37,680
بنابراین اساساً ما کلاس را فراخوانی می کنیم
65
00:02:37,680 –> 00:02:41,920
و نام تابع را
66
00:02:43,280 –> 00:02:45,360
انجام می دهیم، بنابراین لازم نیست نگران این
67
00:02:45,360 –> 00:02:47,840
موضوع باشید، فقط می گوید که ما برنامه را از ابتدا مقداردهی اولیه می
68
00:02:47,840 –> 00:02:50,640
کنیم. کلاس فلش
69
00:02:50,640 –> 00:02:53,680
و آن شیء برنامه است، پس اکنون اجازه دهید
70
00:02:53,680 –> 00:02:56,720
ایجاد مجموعهای از مسیرها را ببینید، بنابراین مسیرها
71
00:02:56,720 –> 00:02:59,599
اساساً نقاط پایانی در وبسایت شما
72
00:02:59,599 –> 00:03:02,159
هستند که برای مثال زمانی که میخواهید
73
00:03:02,159 –> 00:03:04,480
به حساب اینستاگرام خود وارد شوید،
74
00:03:04,480 –> 00:03:07,760
وارد مسیر ورود اسلش
75
00:03:07,760 –> 00:03:09,920
میشوید، بنابراین میتوانید لاگینهای خود را ایجاد کنید
76
00:03:09,920 –> 00:03:12,400
. app.route را ایجاد خواهد کرد
77
00:03:12,400 –> 00:03:15,280
78
00:03:15,280 –> 00:03:19,040
و به سادگی یک دکوراتور است و
79
00:03:19,040 –> 00:03:21,760
من اولین اسلش
80
00:03:21,760 –> 00:03:24,080
را مسیر پیش فرض ایجاد می کنم و در زیر آن
81
00:03:24,080 –> 00:03:27,920
نیز app.route home را ایجاد می کنم،
82
00:03:27,920 –> 00:03:29,680
83
00:03:29,680 –> 00:03:32,239
بنابراین هر زمان که آدرس خانه
84
00:03:32,239 –> 00:03:34,640
یا پیش فرض را که مسیر اسلش است
85
00:03:34,640 –> 00:03:37,680
را تایپ کنیم به همان مجموعه ای از
86
00:03:37,680 –> 00:03:39,840
صفحه html
87
00:03:39,840 –> 00:03:41,840
زیر بروید که باید تعریف تابع خود را ایجاد کنم
88
00:03:41,840 –> 00:03:44,480
89
00:03:44,480 –> 00:03:46,400
و می گویم home را تعریف کنید
90
00:03:46,400 –> 00:03:47,280
91
00:03:47,280 –> 00:03:49,680
بنابراین اساساً در صفحه
92
00:03:49,680 –> 00:03:50,879
اصلی برنامه هستیم
93
00:03:50,879 –> 00:03:54,319
و اکنون باید مقداری فایل html را
94
00:03:54,319 –> 00:03:55,200
درست برگردانم
95
00:03:55,200 –> 00:03:58,640
بنابراین به عنوان مثال اجازه دهید من فقط
96
00:03:58,640 –> 00:04:00,879
یک تگ ساده h1 را
97
00:04:00,879 –> 00:04:04,000
برای x یک درک برگردانید و اجازه دهید
98
00:04:04,000 –> 00:04:07,040
سلام دنیا را بگویم
99
00:04:07,040 –> 00:04:10,080
و اجازه دهید سریع این تگ h1 را ببندم
100
00:04:10,080 –> 00:04:11,120
و
101
00:04:11,120 –> 00:04:14,319
اکنون از if نام برابر با main استفاده می کنیم،
102
00:04:14,319 –> 00:04:16,639
بنابراین می گویم که آیا main برابر است با main
103
00:04:16,639 –> 00:04:17,600
app
104
00:04:17,600 –> 00:04:19,040
dot run
105
00:04:19,040 –> 00:04:21,680
و در داخل پرانتز run ما s خواهیم کرد
106
00:04:21,680 –> 00:04:25,360
ay debug برابر با true است،
107
00:04:25,360 –> 00:04:27,199
این به سادگی به ما در اشکال زدایی
108
00:04:27,199 –> 00:04:29,520
برنامه و یافتن خطاها کمک می کند
109
00:04:29,520 –> 00:04:33,919
و اجازه دهید پورت را به عنوان 5001 تعریف کنم،
110
00:04:33,919 –> 00:04:36,400
بنابراین اجازه دهید فقط این را اجرا کنم و یک خطا به من می دهد
111
00:04:36,400 –> 00:04:38,800
،
112
00:04:39,840 –> 00:04:42,479
بنابراین من فقط می گویم سلام
113
00:04:42,479 –> 00:04:44,720
بیایید همه اینها را رها کنیم و اکنون بیایید برنامه را
114
00:04:44,720 –> 00:04:46,240
اجرا کنیم
115
00:04:46,240 –> 00:04:48,639
و همانطور که می بینید
116
00:04:48,639 –> 00:04:50,800
در حال
117
00:04:50,800 –> 00:04:54,479
اجرا است، سرور روی لوکال هاست اجرا می شود،
118
00:04:54,479 –> 00:04:57,360
بنابراین اجازه دهید من فقط این آدرس را کپی کنم و اجازه دهید من این آدرس را
119
00:04:57,360 –> 00:04:59,440
کپی کنم و آن را دقیقاً در اینجا پیست کنم
120
00:04:59,440 –> 00:05:01,520
و همانطور که
121
00:05:01,520 –> 00:05:05,199
می بینید یک متن با سلام دریافت می کنیم زیرا من
122
00:05:05,199 –> 00:05:08,479
hello را به عنوان نقطه بازگشت ایجاد
123
00:05:08,479 –> 00:05:11,360
کردیم اما اکنون نمی خواهیم یک عبارت ساده را برگردانیم،
124
00:05:11,360 –> 00:05:14,479
می خواهیم فرمی را برگردانیم
125
00:05:14,479 –> 00:05:15,840
126
00:05:15,840 –> 00:05:18,400
که از ما می خواهد نامی
127
00:05:18,400 –> 00:05:21,360
برای آن قرار دهیم که باید یک الگوی html را رندر
128
00:05:21,360 –> 00:05:24,400
کنیم تا از تابعی
129
00:05:24,400 –> 00:05:27,360
به نام الگوی رندر استفاده کنیم. که
130
00:05:27,360 –> 00:05:30,240
از مدل flask نیز وارد شده است
131
00:05:30,240 –> 00:05:32,880
و فقط آن را به درستی املا کنید و به جای
132
00:05:32,880 –> 00:05:35,759
نوشتن hello فقط آن را حذف کنید
133
00:05:35,759 –> 00:05:38,720
و فقط قالب رندر را قرار دهید و اجازه
134
00:05:38,720 –> 00:05:40,240
دهید این
135
00:05:40,240 –> 00:05:42,039
فایل html را به عنوان
136
00:05:42,039 –> 00:05:43,759
index.html نامگذاری کنم
137
00:05:43,759 –> 00:05:45,680
اما همانطور که می بینید در حال حاضر هیچ فایل html وجود ندارد.
138
00:05:45,680 –> 00:05:48,560
بنابراین اگر شما این برنامه را اجرا کنید ram
139
00:05:48,560 –> 00:05:50,080
به ما خطا می دهد،
140
00:05:50,080 –> 00:05:52,479
بنابراین بیایید در اسرع وقت یک فایل html ایجاد
141
00:05:52,479 –> 00:05:55,919
کنیم، بنابراین در داخل پوشه برنامه flask
142
00:05:55,919 –> 00:05:58,479
شما فقط باید کلیک راست کنید و
143
00:05:58,479 –> 00:06:01,680
سپس باید پوشه جدید را بگویید
144
00:06:01,680 –> 00:06:05,199
و نام پوشه باید قالب باشد
145
00:06:05,199 –> 00:06:07,680
فایل های html همیشه در قالب ها قرار می گیرند.
146
00:06:07,680 –> 00:06:08,720
بنابراین
147
00:06:08,720 –> 00:06:11,120
خوب است که یک نام استاندارد برای
148
00:06:11,120 –> 00:06:12,960
همه پوشه های خود نگه دارید، بنابراین من آن را به عنوان الگو می نویسم
149
00:06:12,960 –> 00:06:15,600
و اینتر را فشار می دهم و ا
150
00:06:15,600 –> 00:06:17,039
151
00:06:17,039 –> 00:06:19,280
ون یک پوشه به نام قالب دارم و ا
152
00:06:19,280 –> 00:06:21,440
ازه دهید روی پوشه templates کلیک کنم و ی
153
00:06:21,440 –> 00:06:23,360
فایل جدید ایجاد کنم و آ
154
00:06:23,360 –> 00:06:25,759
را ذخیره کنم. به عنوان
155
00:06:25,759 –> 00:06:27,840
index
156
00:06:27,840 –> 00:06:30,960
dot html
157
00:06:30,960 –> 00:06:32,160
enter را فشار دهید
158
00:06:32,160 –> 00:06:34,880
و حالا یک ایندکس داریم،
159
00:06:34,880 –> 00:06:37,440
بنابراین ابتدا اجازه دهید من یک
160
00:06:37,440 –> 00:06:40,639
لینک از html ایجاد کنم
161
00:06:41,600 –> 00:06:44,639
و اجازه دهید آن تگ را هم ببندم
162
00:06:44,639 –> 00:06:47,120
و داخل تگ html یک تگ head ایجاد می کنم
163
00:06:47,120 –> 00:06:49,680
و سپس می خواهم بدنه اصلی را بسازیم
164
00:06:49,680 –> 00:06:51,440
165
00:06:51,440 –> 00:06:53,759
و حالا بیایید فرم را ایجاد کنیم،
166
00:06:53,759 –> 00:06:57,520
بنابراین آنچه می گویم فرم است
167
00:07:00,720 –> 00:07:03,280
و در داخل فرمی که ایجاد خواهم کرد،
168
00:07:03,280 –> 00:07:05,199
169
00:07:05,199 –> 00:07:07,120
کلاس برابر با grid است،
170
00:07:07,120 –> 00:07:09,360
بنابراین در حال حاضر من از یک کلاس grid
171
00:07:09,360 –> 00:07:11,759
استفاده می کنم که از فایل css من تعریف می شود،
172
00:07:11,759 –> 00:07:14,479
بنابراین اجازه ندهیم در حال حاضر به همه اینها فکر کنید
173
00:07:14,479 –> 00:07:17,199
و من می گویم اقدام n برابر
174
00:07:17,199 –> 00:07:18,160
با
175
00:07:18,160 –> 00:07:19,599
176
00:07:19,599 –> 00:07:21,039
نتیجه اسلش است،
177
00:07:21,039 –> 00:07:23,520
بنابراین اساساً ما یک نقطه نتیجه ایجاد می کنیم
178
00:07:23,520 –> 00:07:24,560
179
00:07:24,560 –> 00:07:27,039
که به محض اینکه این فرم
180
00:07:27,039 –> 00:07:28,880
به عنوان ورودی داده شود
181
00:07:28,880 –> 00:07:30,720
کار می کند، بنابراین باید نقطه پایانی
182
00:07:30,720 –> 00:07:32,960
را ایجاد کنیم که هنوز آن را ایجاد نکرده ایم، بنابراین اجازه
183
00:07:32,960 –> 00:07:34,720
دهید فقط آن را بنویسم. در اینجا
184
00:07:34,720 –> 00:07:37,759
و ما از متد پست استفاده می کنیم زیرا
185
00:07:37,759 –> 00:07:40,160
معمولاً هر زمان که داده ای را وارد می کنید
186
00:07:40,160 –> 00:07:43,120
باید آن را ارسال کنید تا خروجی
187
00:07:43,120 –> 00:07:46,160
در داخل کد پایتون قابل مشاهده باشد
188
00:07:46,160 –> 00:07:50,000
بنابراین من روش را به عنوان پست
189
00:07:50,800 –> 00:07:51,840
190
00:07:51,840 –> 00:07:54,479
ایجاد می کنم و اکنون یک تگ مرکزی ایجاد می کنیم و اکنون من
191
00:07:54,479 –> 00:07:58,280
یک برچسب ساده ایجاد می کنم
192
00:08:01,759 –> 00:08:03,199
و آن برچسب
193
00:08:03,199 –> 00:08:04,800
برای
194
00:08:04,800 –> 00:08:07,199
نام متن
195
00:08:07,199 –> 00:08:09,120
خواهد بود و در اینجا می نویسم
196
00:08:09,120 –> 00:08:11,680
نام خود را وارد کنید،
197
00:08:11,680 –> 00:08:13,680
198
00:08:13,680 –> 00:08:16,319
بگذارید این بسیار ساده باشد
199
00:08:16,319 –> 00:08:18,400
و بدیهی است که من فیلد ورودی را ایجاد می کنم
200
00:08:18,400 –> 00:08:19,840
201
00:08:19,840 –> 00:08:21,840
تا نوع ورودی
202
00:08:21,840 –> 00:08:25,319
ارسال شود
203
00:08:26,000 –> 00:08:27,759
و ما نیز ایجاد خواهیم کرد یک کلاس به
204
00:08:27,759 –> 00:08:28,800
عنوان
205
00:08:28,800 –> 00:08:31,599
فایل ارسال نامیده می شود
206
00:08:31,840 –> 00:08:33,039
و اکنون
207
00:08:33,039 –> 00:08:35,919
یک فیلد ورودی برای
208
00:08:35,919 –> 00:08:38,399
تایپ ورودی از دست داده ایم، بنابراین آن را نیز اضافه می کنم و
209
00:08:38,399 –> 00:08:41,440
می گویم ورودی
210
00:08:41,440 –> 00:08:45,200
و نوع یک متن
211
00:08:46,640 –> 00:08:49,839
خواهد بود و نام نامگذاری می شود و بیایید
212
00:08:49,839 –> 00:08:51,040
213
0