در این مطلب، ویدئو با Python Backend و React Native اپلیکیشن های موبایل بسازید با زیرنویس فارسی را برای دانلود قرار داده ام. شما میتوانید با پرداخت 15 هزار تومان ، این ویدیو به علاوه تمامی فیلم های سایت را دانلود کنید.اکثر فیلم های سایت به زبان انگلیسی می باشند. این ویدئو دارای زیرنویس فارسی ترجمه شده توسط هوش مصنوعی می باشد که میتوانید نمونه ای از آن را در قسمت پایانی این مطلب مشاهده کنید.
مدت زمان فیلم: 2:17:29
تصاویر این ویدئو:
قسمتی از زیرنویس این فیلم:
00:00:04,400 –> 00:00:06,240
سلام دوستان.
2
00:00:06,240 –> 00:00:09,599
3
00:00:09,599 –> 00:00:13,599
4
00:00:13,599 –> 00:00:15,040
5
00:00:15,040 –> 00:00:17,119
6
00:00:17,119 –> 00:00:19,279
7
00:00:19,279 –> 00:00:20,640
شما می توانید آن را
8
00:00:20,640 –> 00:00:23,279
با صفحه اصلی react بومی موبایل ادغام کنید،
9
00:00:23,279 –> 00:00:24,880
بنابراین این برنامه
10
00:00:24,880 –> 00:00:28,160
ساده ای
11
00:00:28,160 –> 00:00:30,080
است که می خواهیم بسازیم، بنابراین می
12
00:00:30,080 –> 00:00:32,399
توانید ببینید که می توانیم روی آن کلیک
13
00:00:32,399 –> 00:00:34,640
کنیم و می توانیم داده ها را وارد کنیم، بنابراین اجازه دهید فقط
14
00:00:34,640 –> 00:00:35,440
بگویم این
15
00:00:35,440 –> 00:00:39,040
دادههای جدید من است
16
00:00:39,040 –> 00:00:42,079
و میتوانم بگویم
17
00:00:42,079 –> 00:00:45,760
این رمزگذاری جدید من است و اگر روی مقاله درج کلیک کنم
18
00:00:45,760 –> 00:00:46,239
،
19
00:00:46,239 –> 00:00:49,280
پس اکنون اگر بکشم
20
00:00:49,280 –> 00:00:50,640
تا رفرش کنم، بنابراین میتوانید ببینید که ما یک
21
00:00:50,640 –> 00:00:52,480
عملکرد pull to refresh داریم
22
00:00:52,480 –> 00:00:54,239
و میتوانید ببینید که این داده ها اضافه شده
23
00:00:54,239 –> 00:00:55,760
است این داده های جدید من است
24
00:00:55,760 –> 00:00:57,360
و همچنین ما داریم این توضیحات جدید من است
25
00:00:57,360 –> 00:00:59,039
و این
26
00:00:59,039 –> 00:01:02,239
تاریخ و ساعت است که اکنون می توانیم این را ویرایش کنیم بنابراین
27
00:01:02,239 –> 00:01:04,000
من فقط روی ویرایش کلیک
28
00:01:04,000 –> 00:01:06,960
می کنم و به عنوان مثال می توانم بگویم به روز شده
29
00:01:06,960 –> 00:01:08,560
و من فقط می توانم بگویم
30
00:01:08,560 –> 00:01:13,040
آن را به روز کنید و اگر روی به روز رسانی کلیک کنم،
31
00:01:13,040 –> 00:01:16,240
حالا اگر دوباره بکشم تازه می توانید ببینید
32
00:01:16,240 –> 00:01:17,600
که این به روز شده است
33
00:01:17,600 –> 00:01:20,000
و همچنین اگر می بینم می توانید ببینید که
34
00:01:20,000 –> 00:01:21,600
توضیحات نیز به روز شده است
35
00:01:21,600 –> 00:01:23,520
اکنون می توانیم این داده ها را حذف کنیم من فقط می توانم
36
00:01:23,520 –> 00:01:24,799
روی حذف کلیک
37
00:01:24,799 –> 00:01:27,200
کنم من اکنون به صفحه اصلی هدایت می شوم اگر
38
00:01:27,200 –> 00:01:28,320
بکشم برای تازه کردن
39
00:01:28,320 –> 00:01:30,880
می توانید ببینید اکنون که داده ها حذف شده اند،
40
00:01:30,880 –> 00:01:31,600
بیایید
41
00:01:31,600 –> 00:01:34,240
دوره خود را شروع کنیم،
42
00:01:36,159 –> 00:01:38,000
بیایید api پشتیبان خود را ایجاد کنیم، برای
43
00:01:38,000 –> 00:01:39,759
این کار باید چند کتابخانه نصب کنیم،
44
00:01:39,759 –> 00:01:42,720
بنابراین اولین مورد flask است،
45
00:01:42,720 –> 00:01:43,920
همانطور که می دانید یک
46
00:01:43,920 –> 00:01:45,680
چارچوب ساده برای ساختن برنامه های پیچیده وب
47
00:01:45,680 –> 00:01:48,000
است و یک
48
00:01:48,000 –> 00:01:50,560
flask یک wsgi سبک وزن است.
49
00:01:50,560 –> 00:01:52,399
فریمورک وب اپلیکیشن برای شروع سریع و آسان طراحی شده است،
50
00:01:52,399 –> 00:01:55,280
51
00:01:55,280 –> 00:01:58,159
بنابراین اکنون flask یک فریم ورک مایکروویو است
52
00:01:58,159 –> 00:01:59,920
و
53
00:01:59,920 –> 00:02:02,000
بعد از جنگو قدرتمند است، فردا
54
00:02:02,000 –> 00:02:03,360
دومین فریمورک محبوب وب
55
00:02:03,360 –> 00:02:04,719
برای زبان برنامه نویسی پایتون
56
00:02:04,719 –> 00:02:06,960
است، اکنون اول از همه شما باید
57
00:02:06,960 –> 00:02:08,639
فلاسک را نصب کنید، فقط می توانید انتخاب کنید. pip
58
00:02:08,639 –> 00:02:09,199
install
59
00:02:09,199 –> 00:02:11,920
flask و ear بنابراین من قبلاً
60
00:02:11,920 –> 00:02:13,280
یک محیط مجازی ایجاد کرده ام و شما فقط می توانید
61
00:02:13,280 –> 00:02:15,360
بگویید pip install flask
62
00:02:15,360 –> 00:02:17,120
و بعد از نصب فلاسک
63
00:02:17,120 –> 00:02:19,680
به یک افزونه دیگر نیاز داریم. کتابخانه r که
64
00:02:19,680 –> 00:02:20,560
flask sql alchemy نامیده می شود
65
00:02:20,560 –> 00:02:23,760
و یک برنامه افزودنی برای
66
00:02:23,760 –> 00:02:25,840
flask است که پشتیبانی از تکرار جامعه sql را اضافه می کند
67
00:02:25,840 –> 00:02:29,120
و
68
00:02:29,120 –> 00:02:31,519
هدف آن ساده کردن استفاده از جامعه sql
69
00:02:31,519 –> 00:02:33,599
با flask با ارائه
70
00:02:33,599 –> 00:02:36,400
پیش فرض های مفید و کمک کننده های اضافی است، بنابراین ما
71
00:02:36,400 –> 00:02:38,239
باید این را نصب
72
00:02:38,239 –> 00:02:40,560
کنیم و فقط می توانیم آن را کپی کنیم و آماده سازی
73
00:02:40,560 –> 00:02:41,519
نصب flask
74
00:02:41,519 –> 00:02:45,040
sql alchemy بنابراین پس از نصب
75
00:02:45,040 –> 00:02:47,280
sql alchemy چون ما از
76
00:02:47,280 –> 00:02:50,080
پایگاه داده mysql استفاده می کنیم پس باید
77
00:02:50,080 –> 00:02:51,519
کلاینت mysql را نصب کنیم اکنون
78
00:02:51,519 –> 00:02:54,000
می توانید یک flask sql alchemy با
79
00:02:54,000 –> 00:02:55,360
پایگاه داده های مختلف مانند پایگاه داده
80
00:02:55,360 –> 00:02:59,680
postgres sqlite mysql راه اندازی کنید
81
00:02:59,680 –> 00:03:02,879
و به ویژه ما می خواهیم از پایگاه داده mysql استفاده کنیم.
82
00:03:02,879 –> 00:03:03,599
83
00:03:03,599 –> 00:03:06,400
اکنون برای آن باید کلاینت mysql data mysql را نصب کنید،
84
00:03:06,400 –> 00:03:07,120
85
00:03:07,120 –> 00:03:10,319
بنابراین میتوانیم بگوییم
86
00:03:10,319 –> 00:03:10,959
87
00:03:10,959 –> 00:03:16,400
کلاینت را نصب کنید mysql و اکنون منتظر
88
00:03:16,840 –> 00:03:19,840
این
89
00:03:22,280 –> 00:03:25,550
[موسیقی]
90
00:03:25,680 –> 00:03:27,440
91
00:03:27,440 –> 00:03:28,959
92
00:03:28,959 –> 00:03:33,120
93
00:03:33,120 –> 00:03:36,239
هستیم.
94
00:03:36,239 –> 00:03:39,840
اکنون این یک فلاسک مارشمالو است یک
95
00:03:39,840 –> 00:03:42,879
لایه ادغام قلع برای فلاسک
96
00:03:42,879 –> 00:03:45,400
و مارشملو یک
97
00:03:45,400 –> 00:03:46,799
سریال سازی شی
98
00:03:46,799 –> 00:03:49,360
یا سریال زدایی است. کتابخانه ای که
99
00:03:49,360 –> 00:03:51,680
ویژگی های اضافی را به مارشمالو اضافه می کند
100
00:03:51,680 –> 00:03:55,040
از جمله فیلدهای url و hyperlinks،
101
00:03:55,040 –> 00:03:58,080
بنابراین به دلیل اینکه قبل از ارسال داده ها به
102
00:03:58,080 –> 00:04:00,080
قسمت جلویی، باید
103
00:04:00,080 –> 00:04:02,239
داده ها را سریالی کنیم، می خواهیم از
104
00:04:02,239 –> 00:04:05,120
flask marshmallow استفاده کنیم تا بتوانیم فقط از pep
105
00:04:05,120 –> 00:04:05,920
در یک
106
00:04:05,920 –> 00:04:10,000
flask marshmallow سبک برای نصب
107
00:04:10,000 –> 00:04:13,439
همچنین به این دلیل که ما از uh sql alchemy استفاده
108
00:04:13,439 –> 00:04:15,599
می کنیم، همچنین خوب است که marshmallow sql alchemy را نصب کنیم
109
00:04:15,599 –> 00:04:28,880
110
00:04:28,880 –> 00:04:31,280
و بسیار
111
00:04:33,120 –> 00:04:36,800
خوب، اکنون نصب کامل شده است،
112
00:04:40,840 –> 00:04:43,360
113
00:04:43,360 –> 00:04:45,360
بیایید اولین برنامه فلاسک خود را ایجاد کنیم،
114
00:04:45,360 –> 00:04:46,639
بنابراین
115
00:04:46,639 –> 00:04:50,000
من یک نام پوشه از بسته ایجاد کرده ام و
116
00:04:50,000 –> 00:04:51,840
در اینجا می خواهم فقط یک فایل جدید
117
00:04:51,840 –> 00:04:56,320
بسازید و من فقط آن را app.pi می نامم،
118
00:04:56,320 –> 00:04:58,720
بنابراین اولین چیزی که باید
119
00:04:58,720 –> 00:04:59,840
120
00:04:59,840 –> 00:05:03,199
فلاسک را وارد کنیم، بنابراین می توانیم از
121
00:05:03,199 –> 00:05:07,520
flask بگوییم که فلاسک را وارد می کنیم،
122
00:05:08,840 –> 00:05:11,840
123
00:05:12,240 –> 00:05:14,080
اکنون پس از انجام این کار، باید شی را ایجاد کنیم.
124
00:05:14,080 –> 00:05:16,160
از فلاسک، بنابراین ما فقط می توانیم
125
00:05:16,160 –> 00:05:16,720
بگوییم
126
00:05:16,720 –> 00:05:19,440
flask و می توانیم
127
00:05:19,440 –> 00:05:20,240
128
00:05:20,240 –> 00:05:23,360
نام زیرخط را مانند این عبور دهیم، خوب حالا بیایید مسیر خود را ایجاد کنیم
129
00:05:23,360 –> 00:05:24,960
تا
130
00:05:24,960 –> 00:05:27,520
اگر در مورد فلاسک نمی دانید
131
00:05:27,520 –> 00:05:29,280
من یک کامل دارم، فقط می توانیم در app.trout بگوییم.
132
00:05:29,280 –> 00:05:31,280
چهار ساعت آموزش در مورد توسعه وب فلاسک
133
00:05:31,280 –> 00:05:32,880
من لینک را به توضیحات ویدیو اضافه کرده ام،
134
00:05:32,880 –> 00:05:35,360
شما فقط می توانید آن را بررسی کنید،
135
00:05:35,360 –> 00:05:37,919
بنابراین ما فقط از ایندکس استفاده
136
00:05:37,919 –> 00:05:40,160
می کنیم و اگر هیچ روشی را ارائه ندهید، اکنون می توانیم به
137
00:05:40,160 –> 00:05:42,080
طور پیش فرض
138
00:05:42,080 –> 00:05:44,800
روش هایی ارائه دهیم. get so
139
00:05:44,800 –> 00:05:47,840
اما ما می خواهیم آن را به صراحت بدهیم
140
00:05:47,840 –> 00:05:50,160
و بعد از آن فقط می گوییم f
141
00:05:50,160 –> 00:05:52,320
get یا برای مثال می توانیم فقط بگوییم def
142
00:05:52,320 –> 00:05:54,080
get
143
00:05:54,080 –> 00:05:56,639
articles
144
00:05:57,520 –> 00:06:00,080
اکنون می توانیم فقط ابتدا باید
145
00:06:00,080 –> 00:06:02,639
jsonify را وارد کنیم بنابراین
146
00:06:02,639 –> 00:06:06,000
jsonify و در اینجا
147
00:06:06,000 –> 00:06:09,039
می توانیم برگردیم
148
00:06:09,039 –> 00:06:12,560
jsonify و ما فقط میتوانیم به
149
00:06:12,560 –> 00:06:15,919
دنیا سلام بگوییم اگر از flask به عنوان
150
00:06:15,919 –> 00:06:17,759
یک پشته کامل استفاده میکنید، در اینجا میتوانید
151
00:06:17,759 –> 00:06:19,039
الگوی خود را رندر کنید،
152
00:06:19,039 –> 00:06:21,120
اما چون ما از flask استفاده نمیکنیم،
153
00:06:21,120 –> 00:06:22,880
از flask فقط
154
00:06:22,880 –> 00:06:24,720
به عنوان باطن خود استفاده میکنیم، بنابراین در حال حاضر
155
00:06:24,720 –> 00:06:25,919
میخواهیم فقط بگویید
156
00:06:25,919 –> 00:06:29,680
uh این hello world را برگردانید، اکنون پس از
157
00:06:29,680 –> 00:06:31,840
انجام این کار، اکنون باید برنامه flask خود را اجرا کنیم،
158
00:06:31,840 –> 00:06:33,840
بنابراین در اینجا می توانیم فقط
159
00:06:33,840 –> 00:06:34,720
160
00:06:34,720 –> 00:06:37,759
نام زیر خط را بگوییم
161
00:06:37,759 –> 00:06:39,840
و هسته اصلی وجود دارد و می توانیم فقط
162
00:06:39,840 –> 00:06:42,560
بگوییم app.run
163
00:06:42,560 –> 00:06:47,680
و می خواهیم اشکال زدایی را انجام دهیم
164
00:06:47,680 –> 00:06:49,919
اگر در سطح تولید هستید، اکنون درست است
165
00:06:49,919 –> 00:06:52,960
نیازی به اضافه کردن این
166
00:06:52,960 –> 00:06:55,039
نیست زیرا ما در حالت
167
00:06:55,039 –> 00:06:56,720
توسعه هستیم، فقط میتوانیم اشکال زدایی را
168
00:06:56,720 –> 00:06:58,639
درست کنیم اکنون راههای مختلفی وجود دارد که
169
00:06:58,639 –> 00:07:00,479
میتوانید برنامه فلاسک خود را در
170
00:07:00,479 –> 00:07:02,800
کد ویژوال استودیو اجرا کنید، بنابراین
171
00:07:02,800 –> 00:07:04,720
سادهترین راه این است که ما نیز میتوانیم آن را انجام دهیم
172
00:07:04,720 –> 00:07:06,960
. در اینجا ما فقط می توانیم
173
00:07:06,960 –> 00:07:10,080
f5 را فشار دهیم و از اینجا می توانیم flask را انتخاب کنیم
174
00:07:10,080 –> 00:07:14,800
و شما فقط می توانید
175
00:07:14,800 –> 00:07:16,880
مسیر backend را کپی کنید و اینجا جایی است که app.pi شما
176
00:07:16,880 –> 00:07:18,080
قرار دارد
177
00:07:18,080 –> 00:07:20,720
و شما فقط می توانید آن را در اینجا قرار دهید و
178
00:07:20,720 –> 00:07:23,039
بعد از آن enter را بزنید و
179
00:07:23,039 –> 00:07:25,280
اکنون منتظر اجرا هستیم. از
180
00:07:25,280 –> 00:07:27,599
برنامه flask یا flask و می
181
00:07:27,599 –> 00:07:28,639
توانید ببینید
182
00:07:28,639 –> 00:07:30,639
که در کنسول اشکال زدایی اجرا می
183
00:07:30,639 –> 00:07:33,919
شود، برنامه flask را اجرا می کند
184
00:07:34,639 –> 00:07:39,759
و ما فقط می توانیم منتظر این باشیم،
185
00:07:41,199 –> 00:07:43,759
بنابراین اکنون می توانید آن را روی این
186
00:07:43,759 –> 00:07:46,319
میزبان محلی مشاهده کنید، حالا اجازه دهید این را بررسی کنیم و
187
00:07:46,319 –> 00:07:48,160
می توانیم فقط بگویید
188
00:07:48,160 –> 00:07:52,479
localhost port 5000
189
00:07:53,039 –> 00:07:54,879
و اکنون می توانید ببینید که ما اکنون hello
190
00:07:54,879 –> 00:07:56,319
world در اینجا
191
00:07:56,319 –> 00:08:00,319
داریم اگر این را تغییر دهم تا دریافت کنم، می بینید
192
00:08:00,319 –> 00:08:02,400
که من یک خطا دریافت می کنم زیرا
193
00:08:02,400 –> 00:08:04,479
در حال حاضر مسیر تغییر کرده و
194
00:08:04,479 –> 00:08:06,400
ایندکس نشده است مثلاً
195
00:08:06,400 –> 00:08:08,319
git است. بنابراین می توانید هر آنچه را که دارید به آن بدهید می خواهم
196
00:08:08,319 –> 00:08:10,160
اما به عنوان مثال در اینجا من می خواهم آن را
197
00:08:10,160 –> 00:08:10,960
198
00:08:10,960 –> 00:08:16,000
دریافت کنید اگر من این را بررسی
199
00:08:22,000 –> 00:08:24,160
کنم اکنون می توانید ببینید که یافت نشد و
200
00:08:24,160 –> 00:08:25,199
اگر به سمت
201
00:08:25,199 –> 00:08:27,199
دریافت بروم می توانید ببینید که ما hello world را دریافت می کنیم
202
00:08:27,199 –> 00:08:28,240
203
00:08:28,240 –> 00:08:31,360
اکنون بیایید این را با پستچی تست کنیم
204
00:08:31,360 –> 00:08:34,559
و من فقط
205
00:08:34,559 –> 00:08:36,559
آن را در اینجا کپی و پیست می کنم تا روش
206
00:08:36,559 –> 00:08:41,838
get است و ما می توانیم ارسال کنیم،
207
00:08:43,679 –> 00:08:46,480
بنابراین اکنون می توانید ببینید که ما
208
00:08:46,480 –> 00:08:55,839
hello world را در اینجا دریافت می کنیم
209
00:08:56,480 –> 00:08:58,640
و اکنون می خواهیم پایگاه داده
210
00:08:58,640 –> 00:09:00,720
و جدول خود را ایجاد کنیم. قبلاً گفته شد
211
00:09:00,720 –> 00:09:03,680
که ما از پایگاه داده mysql استفاده می کنیم،
212
00:09:03,680 –> 00:09:04,640
بنابراین من از
213
00:09:04,640 –> 00:09:06,839
سرور wamp استفاده می کنم و phpmyadmin خود را باز کرده ام
214
00:09:06,839 –> 00:09:08,320
215
00:09:08,320 –> 00:09:10,959
و در اینجا می خواهم یک پایگاه داده uh جدید ایجاد کنم،
216
00:09:10,959 –> 00:09:12,320
217
00:09:12,320 –> 00:09:14,160
بنابراین شما می توانید آن را هر طور
218
00:09:14,160 –> 00:09:15,839
که می خواهید بنامید، به عنوان مثال من می روم فقط آن را به
219
00:09:15,839 –> 00:09:16,320
عنوان مثال
220
00:09:16,320 –> 00:09:18,480
flask صدا کنیم یا فقط می توانیم flaskback داشته باشیم و
221
00:09:18,480 –> 00:09:20,000
فقط می توانیم بگوییم flask
222
00:09:20,000 –> 00:09:23,279
پس از آن روی ایجاد کلیک کنید بنابراین اکنون
223
00:09:23,279 –> 00:09:25,040
می توانیم ببینیم که پایگاه داده در
224
00:09:25,040 –> 00:09:26,240
حال حاضر ایجاد شده است، هیچ
225
00:09:26,240 –> 00:09:27,839
جدولی در این پایگاه داده وجود ندارد زیرا می
226
00:09:27,839 –> 00:09:29,360
خواهیم ایجاد کنیم جداول
227
00:09:29,360 –> 00:09:32,959
با استفاده از کیمیاگری sql بنابراین حالا بیایید فقط
228
00:09:32,959 –> 00:09:36,000
جدول خود را ایجاد کنیم تا اولین بار نازک شود g
229
00:09:36,000 –> 00:09:39,360
این است که ما باید کیمیاگری sql را وارد
230
00:09:39,360 –> 00:09:40,320
231
00:09:40,320 –> 00:09:44,080
کنیم، بنابراین می توانیم فقط بگوییم از flask
232
00:09:44,080 –> 00:09:50,080
sql alchemy import sql alchemy
233
00:09:50,080 –> 00:09:55,360
و حالا بیایید این را در اینجا ایجاد
234
00:09:56,080 –> 00:09:58,240
کنیم، اوه باید پیکربندی خود را اضافه کنیم
235
00:09:58,240 –> 00:10:01,399
تا اولین مورد این باشد که فقط می توانیم بگوییم
236
00:10:01,399 –> 00:10:04,560
app.config و سپس در اینجا
237
00:10:04,560 –> 00:10:08,880
ما فقط می توانیم بگوییم
238
00:10:08,880 –> 00:10:12,800
پایگاه داده کیمیاگری sql
239
00:10:12,800 –> 00:10:16,560
uri بسیار خوب، اکنون در اینجا شما باید
240
00:10:16,560 –> 00:10:19,680
انتخاب کنید چه پایگاه داده ای را می خواهید،
241
00:10:19,680 –> 00:10:21,839
بنابراین اگر این مستندات کیمیاگری sql را مشاهده کردید،
242
00:10:21,839 –> 00:10:23,440
243
00:10:23,440 –> 00:10:24,880
اوه پایگاه داده های مختلفی وجود دارد، می توانید
244
00:10:24,880 –> 00:10:27,600
ببینید که این پایگاه داده uri است
245
00:10:27,600 –> 00:10:29,600
که باید اضافه کنید پس اجازه دهید من فقط
246
00:10:29,600 –> 00:10:31,600
آن را به این
247
00:10:31,600 –> 00:10:34,800
صورت بسازم بنابراین پایگاه داده کیمیاگری sql uri و بعد از
248
00:10:34,800 –> 00:10:35,920
آن اگر
249
00:10:35,920 –> 00:10:38,320
پایین بیایید می توانید ببینید که
250
00:10:38,320 –> 00:10:38,959
251
00:10:38,959 –> 00:10:42,079
پایگاه های داده مختلف postgres mysql وجود دارد و آنها
252
00:10:42,079 –> 00:10:43,600
پیکربندی متفاوتی دارند
253
00:10:43,600 –> 00:10:47,680
بنابراین ما فقط می توانیم این را کپی کنیم و می توانیم
254
00:10:47,680 –> 00:10:51,279
این را در اینجا اضافه کنیم
255
00:10:51,279 –> 00:10:53,279
این mysql است، برای مثال
256
00:10:53,279 –> 00:10:54,880
اگر از sqlite استفاده می کنید، می توانید آن را
257
00:10:54,880 –> 00:10:56,880
به c collide یا postgres تغییر دهید، می توانید
258
00:10:56,880 –> 00:10:58,240
آن را به postgres تغییر دهید،
259
00:10:58,240 –> 00:11:00,880
بنابراین در مورد من mysql است، من mysql را انتخاب می کنم
260
00:11:00,880 –> 00:11:01,839
261
00:11:01,839 –> 00:11:03,519
پس از آن باید نام کاربری
262
00:11:03,519 –> 00:11:05,519
را بدهید. این روت است و من هیچ
263
00:11:05,519 –> 00:11:07,200
رمز عبوری برای آن ندارم،
264
00:11:07,200 –> 00:11:11,200
بنابراین می توانم آن را خالی بگذارم،
265
00:11:11,200 –> 00:11:14,240
این لوکال هاست است و این
266
00:11:14,240 –> 00:11:15,519
نام پایگاه داده است
267
00:11:15,519 –> 00:11:19,120
که flask است، همچنین باید
268
00:11:19,120 –> 00:11:20,640
پیکربندی دیگری را اضافه کنیم، حتی اگر
269
00:11:20,640 –> 00:11:22,000
مهم نیست، اما
270
00:11:22,000 –> 00:11:23,680
اگر این کار را نکنید. این را اضافه کنید شما یک اخطار دریافت خواهید کرد
271
00:11:23,680 –> 00:11:25,279
272
00:11:25,279 –> 00:11:29,040
و در اینجا ما فقط می توانیم بگوییم track
273
00:11:29,040 –> 00:11:33,880
so track و ما فقط می توانیم
274
00:11:33,880 –> 00:11:36,480
تغییرات را بگوییم بنابراین sql
275
00:11:36,480 –> 00:11:39,600
می توانیم تغییرات را ردیابی
276
00:11:39,600 –> 00:11:44,800
کنیم و می خواهیم این را به false تبدیل کنیم
277
00:11:45,600 –> 00:11:47,600
بنابراین اکنون پیکربندی uh خود را ایجاد کرده ایم
278
00:11:47,600 –> 00:11:48,800
279
00:11:48,800 –> 00:11:51,440
و بعد از انجام این کار اینجا و اینجا فقط می توانیم
280
00:11:51,440 –> 00:11:53,839
بگوییم db
281
00:11:53,839 –> 00:11:56,959
sql alchemy و باید برنامه را
282
00:11:56,959 –> 00:11:59,120
به اینجا منتقل کنیم،
283
00:11:59,120 –> 00:12:01,760
اکنون زمان ایجاد جدول
284
00:12:01,760 –> 00:12:03,519
ما است، ما پایگاه داده یا پایگاه داده فلاسک خود را داریم
285
00:12:03,519 –> 00:12:05,839
اما جدولی وجود ندارد
286
00:12:05,839 –> 00:12:08,320
تا بتوانیم کلاس خود را ایجاد کنیم و من
287
00:12:08,320 –> 00:12:10,639
فقط می توانید آن را به عنوان مثال مقاله صدا کنید
288
00:12:10,639 –> 00:12:12,720
یا فقط می توانید مقاله را بگویید بنابراین هر چیزی که
289
00:12:12,720 –> 00:12:14,079
می خواهید
290
00:12:14,079 –> 00:12:18,560
و از db.model گسترش می یابد
291
00:12:18,560 –> 00:12:20,160
پس از این باید
292
00:12:20,160 –> 00:12:22,160
فیلدهایی را که می خواهید مشخص کنید بنابراین من می
293
00:12:22,160 –> 00:12:22,639
خواهم یک
294
00:12:22,639 –> 00:12:26,720
فیلد شناسه db.column باشد
295
00:12:26,720 –> 00:12:31,360
و آن را مشخص کنید. db.integer است
296
00:12:31,360 –> 00:12:34,480
و من اولیه را می خواهم کلید
297
00:12:34,480 –> 00:12:39,440
باید درست باشد حالا بیایید یکی دیگر ایجاد کنیم
298
00:12:39,440 –> 00:12:40,079
299
00:12:40,079 –> 00:12:44,320
که عنوان و ستون db نقطه ای
300
00:12:44,320 –> 00:12:48,079
است و این db.tech است
301
00:12:48,079 –> 00:12:51,360
نه متن برای این ما می خواهیم از یک رشته استفاده
302
00:12:51,360 –> 00:12:52,160
303
00:12:52,160 –> 00:12:54,560
کنیم و می خواهیم برای مثال
304
00:12:54,560 –> 00:12:56,639
صدمین کاراکتر را مشخص کنیم
305
00:12:56,639 –> 00:13:00,240
اوه بیایید فقط این را کپی کنیم.
306
00:13:04,240 –> 00:13:07,760
یکی این است که این
307
00:13:07,760 –> 00:13:11,040
متن است و من به این
308
00:13:11,040 –> 00:13:15,440
صد در اینجا نیازی ندارم همچنین میتوانیم یک تاریخ اضافه کنیم، بنابراین میتوانیم یک تاریخ را اضافه کنیم،
309
00:13:15,440 –> 00:13:20,240
بنابراین
310
00:13:20,240 –> 00:13:24,240
311
00:13:24,240 –> 00:13:27,440
میتوانیم یک پیشفرض برای این اضافه کنیم و
312
00:13:27,440 –> 00:13:29,680
ابتدا باید زمان تاریخ را وارد کنیم.
313
00:13:29,680 –> 00:13:31,920
بگویید وارد کردن
314
00:13:31,920 –> 00:13:35,839
تاریخ زمان
315
00:13:36,060 –> 00:13:39,230
[موسیقی]
316
00:13:40,839 –> 00:13:43,360
datetime.datetime.now
317
00:13:43,360 –> 00:13:46,959
پس حالا بیایید uh خود را بسازیم و آن را
318
00:13:46,959 –> 00:13:49,199
در اینجا بپذیریم، بنابراین init
319
00:13:49,199 –> 00:13:52,240
و ما میخواهیم
320
00:13:52,240 –> 00:13:54,639
عنوان و توضیحات خود را در اینجا اضافه کنیم، زیرا
321
00:13:54,639 –> 00:13:57,199
این نیز
322
00:13:57,199 –> 00:14:00,399
عنوانی نیست، اما این توضیحات خوب است
323
00:14:00,399 –> 00:14:02,560
یا ما فقط میتوانیم بگوییم بدن، بنابراین شما میتوانید
324
00:14:02,560 –> 00:14:04,000
به عنوان مثال، من فقط به
325
00:14:04,000 –> 00:14:06,560
آن بدنه میدهم،
326
00:14:07,519 –> 00:14:10,240
بنابراین میخواهیم عنوان
327
00:14:10,240 –> 00:14:11,279
و بدنه خود را در اینجا اضافه کنیم
328
00:14:11,279 –> 00:14:13,440
و ایده در حال ایجاد آن است و
329
00:14:13,440 –> 00:14:15,519
همچنین ما این کار را نمیکنیم. باید تاریخ را اضافه
330
00:14:15,519 –> 00:14:16,160
331
00:14:16,160 –> 00:14:18,880
کنید زیرا زمانی
332
00:14:18,880 –> 00:14:19,920
که برای exa خود را ایجاد می کنیم، این تاریخ به طور خودکار اضافه می شود
333
00:14:19,920 –> 00:14:23,839
مقالههای ما را کامل کنید،
334
00:14:23,839 –> 00:14:26,880
حالا بیایید بگوییم عنوان را حل کنید،
335
00:14:26,880 –> 00:14:29,120
میخواهیم این را مقداردهی اولیه کنیم،
336
00:14:29,120 –> 00:14:31,680
بنابراین عنوان به عنوان
337
00:14:31,680 –> 00:14:36,880
و بدنه سلول به بدنه،
338
00:14:38,639 –> 00:14:41,680
بنابراین اکنون جدول خود را ایجاد کردهایم،
339
00:14:41,680 –> 00:14:44,720
اما در حال حاضر این جدول به
340
00:14:44,720 –> 00:14:45,920
341
00:14:45,920 –> 00:14:47,839
پایگاه داده ما اضافه نشده است. اکنون به پایگاه داده فلاسک ما ایجاد شده است،
342
00:14:47,839 –> 00:14:49,760
343
00:14:49,760 –> 00:14:53,199
ما باید این را اضافه کنیم تا
344
00:14:53,199 –> 00:14:55,360
بتوانیم فقط به دایرکتوری تغییر back end
345
00:14:55,360 –> 00:14:56,959
به باطن تغییر دهیم و
346
00:14:56,959 –> 00:14:58,959
فقط می توانیم ترمینال پایتون خود را باز کنیم
347
00:14:58,959 –> 00:15:01,199
و در اینجا اولین
348
00:15:01,199 –> 00:15:02,560
چیز این است که شما باید
349
00:15:02,560 –> 00:15:07,680
از برنامه ما
350
00:15:08,560 –> 00:15:11,279
پس از وارد کردن db پس از وارد کردن db و آن می
351
00:15:11,279 –> 00:15:13,360
توانید به راحتی بگویید db
352
00:15:13,360 –> 00:15:17,760
dot create all
353
00:15:18,320 –> 00:15:21,519
و اکنون بیایید پایگاه داده این فلاسک خود را بررسی کنیم،
354
00:15:21,519 –> 00:15:24,000
می بینید که ما
355
00:15:24,000 –> 00:15:26,880
جدولی از مقالات
356
00:15:26,880 –> 00:15:29,920
با فیلدهای بدنه عنوان شناسه داریم و
357
00:15:29,920 –> 00:15:30,720
همچنین
358
00:15:30,720 –> 00:15:33,040
359
00:15:35,040 –> 00:15:37,600
تاریخ درستی داریم. بچه ها اکنون ما
360
00:15:37,600 –> 00:15:38,839
پایگاه داده و همچنین
361
00:15:38,839 –> 00:15:42,000
جداول خود را ایجاد کرده ایم اکنون زمان سریال سازی داده هایمان است،
362
00:15:42,000 –> 00:15:43,759
بنابراین برای این کار قبلاً گفته
363
00:15:43,759 –> 00:15:45,839
ایم که از flask marshmallow استفاده می کنیم و
364
00:15:45,839 –> 00:15:46,959
این یک
365
00:15:46,959 –> 00:15:48,959
کتابخانه یا افزونه است که برای
366
00:15:48,959 –> 00:15:51,519
سریال سازی یا سریال سازی
367
00:15:51,519 –> 00:15:52,560
da استفاده می شود. اکنون
368
00:15:52,560 –> 00:15:54,399
قبل از ارسال داده ها به قسمت جلو،
369
00:15:54,399 –> 00:15:56,320
باید آن را سریال سازی کنیم،
370
00:15:56,320 –> 00:15:59,199
بنابراین ابتدا باید فلاسک مارشمالو را وارد کنیم،
371
00:15:59,199 –> 00:16:01,440
بنابراین از
372
00:16:01,440 –> 00:16:04,560
flask marshmallow می خواهیم مارشمالو را وارد کنیم
373
00:16:04,560 –> 00:16:07,360
و در اینجا باید
374
00:16:07,360 –> 00:16:08,160
375
00:16:08,160 –> 00:16:11,440
شی marshmallow را ایجاد
376
00:16:11,440 –> 00:16:14,320
کنیم و می توانیم برنامه را پاس کنیم. در اینجا پس پس از
377
00:16:14,320 –> 00:16:15,920
انجام این کار باید
378
00:16:15,920 –> 00:16:19,440
طرح خود را ایجاد کنیم و در اینجا می توانم
379
00:16:19,440 –> 00:16:22,720
380
00:16:22,720 –> 00:16:26,680
طرح کلی مقاله ایجاد کنم و فقط می توانیم m a
381
00:16:26,680 –> 00:16:29,440
marshmallow.schema را بگوییم و پس از
382
00:16:29,440 –> 00:16:32,720
انجام این کار می توانیم متای کلاس خود را ایجاد کنیم
383
00:16:32,720 –> 00:16:35,360
اکنون می توانیم فیلدهایی را که می خواهیم مشخص کنیم.
384
00:16:35,360 –> 00:16:37,600
سریالی کنید تا بتوانیم فقط شناسه اضافه کنیم
385
00:16:37,600 –> 00:16:41,759
تا عنوان
386
00:16:41,759 –> 00:16:45,680
بدنه و تاریخ داریم
387
00:16:45,680 –> 00:16:49,279
و پس از انجام این کار حالا بیایید
388
00:16:49,279 –> 00:16:52,720
شی طرح uh خود را در اینجا ایجاد کنیم تا بتوانیم
389
00:16:52,720 –> 00:16:55,279
از
390
00:16:55,839 –> 00:16:59,440
طرح مقاله استفاده کنیم و این طرحواره
391
00:16:59,440 –> 00:17:02,839
مقاله است
392
00:17:02,839 –> 00:17:06,319
اکنون این برای یک مقاله است برای
393
00:17:06,319 –> 00:17:07,760
مثال اگر شما میخواهید یک
394
00:17:07,760 –> 00:17:09,280
مقاله را سریالی کنید، اکنون میتوانیم از این طرح مقاله استفاده کنیم،
395
00:17:09,280 –> 00:17:11,520
برای مثال اگر میخواهید
396
00:17:11,520 –> 00:17:15,039
یک مجموعه کوری را سریالسازی کنید،
397
00:17:15,039 –> 00:17:16,079
باید از
398
00:17:16,079 –> 00:17:18,799
پول درست استفاده کنیم، بنابراین میتوانیم آن را کپی کرده
399
00:17:18,799 –> 00:17:20,959
و آن را در اینجا جایگذاری کنیم
400
00:17:20,959 –> 00:17:24,319
و به شما نیاز داریم. برای اضافه کردن پول به آموزش
401
00:17:24,319 –> 00:17:25,679
در اینجا
402
00:17:25,679 –> 00:17:28,000
و بیایید این را به طرح مقاله تغییر دهیم،
403
00:17:28,000 –> 00:17:29,280
404
00:17:29,280 –> 00:17:31,679
بنابراین پس از انجام این کار اکنون مسیر خود را ایجاد می کنیم،
405
00:17:31,679 –> 00:17:33,360
بنابراین در حال حاضر فقط مسیر مقاله را دریافت کرده
406
00:17:33,360 –> 00:17:34,880
407
00:17:34,880 –> 00:17:36,559
ایم و می خواهیم مسیر دیگری ایجاد کنیم که
408
00:17:36,559 –> 00:17:38,480
برای افزودن مقاله است، بنابراین همین الان در
409
00:17:38,480 –> 00:17:38,960
اینجا است
410
00:17:38,960 –> 00:17:44,240
اوه فقط یک gcp را برمی گرداند اوکی اکنون
411
00:17:44,320 –> 00:17:48,000
و اینجا می توانیم فقط بگوییم اجازه دهید
412
00:17:48,000 –> 00:17:48,880
این را
413
00:17:48,880 –> 00:17:52,160
از اینجا کپی کنم و می توانیم آن را در این بخش جایگذاری کنیم
414
00:17:52,160 –> 00:17:53,120
415
00:17:53,120 –> 00:17:56,400
این در اینجا است و روش
416
00:17:56,400 –> 00:18:00,000
آن پست است و اجازه دهید
417
00:18:00,000 –> 00:18:03,200
فقط بگوییم تفاوت
418
00:18:03,200 –> 00:18:07,440
در مقاله
419
00:18:08,480 –> 00:18:11,840
بنابراین ما باید درخواست را در اینجا وارد کنیم بنابراین
420
00:18:11,840 –> 00:18:12,640
ما فقط میتوانیم
421
00:18:12,640 –> 00:18:16,559
درخواست را وارد کنیم
422
00:18:19,840 –> 00:18:22,320
و
423
00:18:24,080 –> 00:18:26,559
بنابراین بیایید عنوان را ایجاد کنیم و شما
424
00:18:26,559 –> 00:18:27,960
فقط میتوانید بگویید
425
00:18:27,960 –> 00:18:32,080
request.json باید عنوان را پاس
426
00:18:32,080 –> 00:18:34,720
کنیم و فقط میتوانیم این یکی را برای بدنه کپی کنیم،
427
00:18:34,720 –> 00:18:36,880
428
00:18:36,880 –> 00:18:40,840
بنابراین body و این باید
429
00:18:40,840 –> 00:18:44,080
بدنه باشد، پس پس از انجام این کار باید
430
00:18:44,080 –> 00:18:45,760
431
00:18:45,760 –> 00:18:51,039
شی جدول کلاس جدول خود را ایجاد کنید که مقالات کلاس باشد،
432
00:18:51,039 –> 00:18:54,480
بنابراین در اینجا فقط می توانیم
433
00:18:54,480 –> 00:18:58,960
به عنوان مثال مقالات
434
00:19:00,240 –> 00:19:03,360
مقالات را بگوییم و می توانیم عنوان و
435
00:19:03,360 –> 00:19:06,640
همچنین بدنه را در اینجا منتقل کنیم
436
00:19:06,799 –> 00:19:09,440
پس از انجام این کار، باید این را
437
00:19:09,440 –> 00:19:11,400
به پایگاه داده اضافه کنیم تا بتوانیم فقط بگو
438
00:19:11,400 –> 00:19:12,880
db session.ad
439
00:19:12,880 –> 00:19:17,120
و ما می خواهیم مقالات را اضافه کنیم
440
00:19:17,120 –> 00:19:20,559
و همچنین باید پایگاه داده را commit کنیم
441
00:19:20,559 –> 00:19:24,320
تا db dot session dot
442
00:19:24,320 –> 00:19:26,720
commit
443
00:19:28,240 –> 00:19:30,960
و در پایان فقط می توانیم طرحواره
444
00:19:30,960 –> 00:19:31,360
پست
445
00:19:31,360 –> 00:19:35,760
را برگردانیم، زیرا این فقط یک مقاله است،
446
00:19:35,760 –> 00:19:38,320
بنابراین برای آن باید فقط برگردیم نه
447
00:19:38,320 –> 00:19:39,440
طرحواره مقاله متأسفم را پست
448
00:19:39,440 –> 00:19:43,679
کنید
449
00:19:44,559 –> 00:19:47,559
تا بتوانیم فقط مقاله
450
00:19:47,559 –> 00:19:49,600
schema.jsonify را بگوییم
451
00:19:49,600 –> 00:19:54,880
و بتوانیم این مقالات خود را ارسال کنیم،
452
00:19:56,559 –> 00:20:00,240
بنابراین اکنون مقاله تبلیغاتی
453
00:20:00,240 –> 00:20:03,360
آماده است تا اوه خوب،
454
00:20:03,360 –> 00:20:06,400
اکنون پستچی خود را باز می کنم
455
00:20:06,400 –> 00:20:10,720
و در اینجا بیایید فقط این را کپی کنیم.
456
00:20:10,720 –> 00:20:14,080
بیایید یک برگه دیگر ایجاد کنیم و می خواهیم
457
00:20:14,080 –> 00:20:14,400
458
00:20:14,400 –> 00:20:17,440
بررسی کنیم که می توانیم
459
00:20:17,440 –> 00:20:21,039
چیزی را در اینجا اضافه کنیم یا نه، اجازه دهید فقط
460
00:20:21,039 –> 00:20:21,919
این را به پست تغییر دهیم
461
00:20:21,919 –> 00:20:26,400
و می توانیم آن را بگیریم،
462
00:20:26,400 –> 00:20:28,720
463
00:20:31,760 –> 00:20:34,960
بنابراین به بدنه بروید
464
00:20:34,960 –> 00:20:37,679
و بعد از بدنه می خواهیم ردیف را انتخاب کنیم
465
00:20:37,679 –> 00:20:38,320
466
00:20:38,320 –> 00:20:43,039
و از اینجا آن را انتخاب کنیم. باید json باشد
467
00:20:43,440 –> 00:20:46,799
و این عنوان است،
468
00:20:46,799 –> 00:20:50,080
بنابراین این عنوان است
469
00:20:50,080 –> 00:20:55,360
و ما می توانیم آن را کپی
470
00:20:58,320 –> 00:21:00,720
کنیم، باید یک بدنه یا توضیحات اضافه کنیم،
471
00:21:00,720 –> 00:21:01,600
می توانیم بگوییم که
472
00:21:01,600 –> 00:21:05,280
این همان بدنه است، بنابراین حالا بیایید OK را
473
00:21:05,280 –> 00:21:07,679
ارسال کنیم،
474
00:21:09,679 –> 00:21:11,360
اکنون می توانید ببینید که ما
475
00:21:11,360 –> 00:21:13,120
200 ok را دریافت می کنیم
476
00:21:13,120 –> 00:21:15,360
و ما داریم این جسد است که
477
00:21:15,360 –> 00:21:16,960
تاریخ این است تاریخ
478
00:21:16,960 –> 00:21:19,919
این شناسه است و این عنوان است و
479
00:21:19,919 –> 00:21:20,480
حالا
480
00:21:20,480 –> 00:21:24,640
اگر ما این را درست دریافت کنیم در حال حاضر
481
00:21:24,640 –> 00:21:26,720
نمیتوانیم دریافت کنیم زیرا
482
00:21:26,720 –> 00:21:27,760
مسیر git را
483
00:21:27,760 –> 00:21:30,799
تا به حال ایجاد نکردهایم، بنابراین اگر اکنون مقالات جدول پایگاه داده خود را میبینید
484
00:21:30,799 –> 00:21:33,840
485
00:21:33,840 –> 00:21:37,919
، یک مقاله جدید داریم. داده ای با
486
00:21:37,919 –> 00:21:41,919
id1 در اینجا اکنون می توانیم یکی دیگر اضافه کنیم،
487
00:21:41,919 –> 00:21:47,360
پس بیایید یک عنوان دیگر اضافه
488
00:21:47,360 –> 00:21:52,400
کنیم، این عنوان دوم
489
00:21:52,400 –> 00:21:55,600
است، این دومین بدنه است
490
00:21:55,600 –> 00:21:59,679
و شما فقط می توانید ارسال
491
00:21:59,679 –> 00:22:02,640
کنید، می توانید ببینید که id2 اضافه شده است و
492
00:22:02,640 –> 00:22:03,520
حالا اگر
493
00:22:03,520 –> 00:22:06,640
flask را بررسی کنیم
494
00:22:06,640 –> 00:22:12,080
، اجازه دهید من فقط مقالات را بررسی کنید،
495
00:22:12,080 –> 00:22:14,559
می بینید که ما داده دیگری از
496
00:22:14,559 –> 00:22:18,159
شناسه دوم را در این بخش داریم،
497
00:22:18,159 –> 00:22:20,400
بنابراین این مورد افزوده بود حالا بیایید
498
00:22:20,400 –> 00:22:23,039
مقاله های دریافت را تغییر دهیم زیرا
499
00:22:23,039 –> 00:22:26,320
در اینجا می خواهیم فقط
500
00:22:26,320 –> 00:22:29,520
مقاله را به جای
501
00:22:29,520 –> 00:22:32,480
jsonify دریافت کنیم،
502
00:22:34,080 –> 00:22:37,520
بنابراین اکنون می توانیم همه مقالات را بگوییم.
503
00:22:37,520 –> 00:22:41,840
و ما فقط میتوانیم بگوییم مقالهها
504
00:22:42,240 –> 00:22:46,559
نقطه پرسوجو نقطه همهچیزی را که میخواهیم qe
505
00:22:46,559 –> 00:22:50,720
بر روی همه مقالهها بگوییم و پس از انجام
506
00:22:50,720 –> 00:22:52,799
این کار، فقط نتایج ایجاد
507
00:22:52,799 –> 00:22:55,600
میکنیم و میتوانیم فقط طرح خود را در اینجا اضافه کنیم،
508
00:22:55,600 –> 00:22:56,799
509
00:22:56,799 –> 00:22:59,120
بنابراین طرح مقالهها، زیرا این بار میخواهیم
510
00:22:59,120 –> 00:23:01,600
از آن استفاده کنیم. مجموعه ای کنجکاو
511
00:23:01,600 –> 00:23:05,120
بنابراین برای آن ما نیاز داریم d برای اینکه فقط از
512
00:23:05,120 –> 00:23:08,000
طرح مقالات استفاده کنیم و فقط می توانیم بگوییم
513
00:23:08,000 –> 00:23:08,559
dut
514
00:23:08,559 –> 00:23:12,480
dump و می خواهیم تمام مقالات خود را در اینجا اضافه کنیم
515
00:23:12,480 –> 00:23:14,880
516
00:23:15,280 –> 00:23:19,240
و بعد از آن فقط می توانیم بگوییم
517
00:23:19,240 –> 00:23:24,159
نتایج jsonify را برگردانید،
518
00:23:24,159 –> 00:23:26,559
بنابراین اکنون فقط این را بررسی کنیم که
519
00:23:26,559 –> 00:23:30,480
بتوانیم دو مقاله خود را دریافت کنیم یا
520
00:23:30,640 –> 00:23:35,039
نه این بار فقط میتوانیم به get برویم،
521
00:23:35,120 –> 00:23:38,559
بنابراین اکنون اگر من ارسال
522
00:23:38,559 –> 00:23:40,799
کنم اگر درخواست دریافت کردم، میتوانید ببینید که
523
00:23:40,799 –> 00:23:43,200
من دو
524
00:23:43,200 –> 00:23:45,200
مقاله را در اینجا دریافت میکنم، بنابراین این
525
00:23:45,200 –> 00:23:47,200
اولین مقاله است، سپس این دومین است
526
00:23:47,200 –> 00:23:50,720
و همچنین اگر شما اکنون به لوکال هاست
527
00:23:50,720 –> 00:23:52,640
بروید، می بینید که ما این دو
528
00:23:52,640 –> 00:23:53,840
مقاله را
529
00:23:53,840 –> 00:23:57,520
در اینجا داریم اکنون بیایید مسیر دیگری ایجاد کنیم
530
00:23:57,520 –> 00:23:59,520
و آن هم برای دریافت
531
00:23:59,520 –> 00:24:01,679
جزئیات خاص مقاله مطابق با id4
532
00:24:01,679 –> 00:24:04,159
در حال حاضر اگر من
533
00:24:04,159 –> 00:24:07,200
برای مثال مقاله اول را دریافت کنم و اگر ارسال کنم.
534
00:24:07,200 –> 00:24:09,840
خواهید دید که من خطا را دریافت می کنم و
535
00:24:09,840 –> 00:24:11,760
می توانید ببینید که من خطا دریافت می کنم،
536
00:24:11,760 –> 00:24:13,360
بنابراین برای این کار باید
537
00:24:13,360 –> 00:24:15,600
مسیر دیگری را در اینجا ایجاد کنیم و من فقط
538
00:24:15,600 –> 00:24:17,039
این
539
00:24:17,039 –> 00:24:20,159
را کپی کرده و آن را در اینجا قرار می دهم و
540
00:24:20,159 –> 00:24:24,480
اوه بنابراین باید اینطور باشد get و می خواهیم با
541
00:24:24,480 –> 00:24:27,840
توجه به id و روش بدست آوریم
542
00:24:27,840 –> 00:24:29,120
دریافت
543
00:24:29,120 –> 00:24:31,360
کنید، حالا بیایید بگوییم که آنها به عنوان مثال
544
00:24:31,360 –> 00:24:34,240
جزئیات پست یا هر چیزی که شما می خواهید
545
00:24:34,240 –> 00:24:37,919
و ما می توانیم شناسه را در اینجا ارسال کنیم و
546
00:24:37,919 –> 00:24:40,799
اکنون فقط بگوییم پست یا می توانیم فقط
547
00:24:40,799 –> 00:24:41,120
548
00:24:41,120 –> 00:24:45,200
مقاله یک مقاله بگوییم بنابراین برای یک مقاله
549
00:24:45,200 –> 00:24:51,120
و می توانیم فقط بگوییم مقالات
550
00:24:52,080 –> 00:24:55,039
نقطه پرس و جو
551
00:24:56,159 –> 00:24:58,240
نقطه دریافت ما قرار است از get استفاده کنیم و
552
00:24:58,240 –> 00:25:00,240
میخواهیم آن را مطابق شناسه خاص دریافت کنیم
553
00:25:00,240 –> 00:25:03,760
و اکنون فقط میتوانیم آن را برگردانیم
554
00:25:03,760 –> 00:25:06,720
زیرا این یکی است بنابراین برای آن
555
00:25:06,720 –> 00:25:08,000
فقط میتوانیم از
556
00:25:08,000 –> 00:25:11,039
طرح مقاله
557
00:25:11,279 –> 00:25:14,880
نقطه json استفاده کنیم اگر و اکنون میتوانیم
558
00:25:14,880 –> 00:25:17,760
مقاله را در اینجا ارسال کنیم
559
00:25:19,279 –> 00:25:23,039
تا اکنون این بار اگر این url
560
00:25:23,039 –> 00:25:25,200
و پستچی را بزنم، میبینید که
561
00:25:25,200 –> 00:25:26,880
هیچ خطایی
562
00:25:26,880 –> 00:25:30,080
دریافت نمیکنم و اولین
563
00:25:30,080 –> 00:25:34,720
مقاله شناسه را دریافت میکنم، پس حالا بیایید فقط این را بررسی کنیم
564
00:25:34,880 –> 00:25:38,320
، حالا بیایید فقط ارسال کنیم،
565
00:25:39,360 –> 00:25:41,039
میتوانید ببینید که من اولین مقاله را دریافت میکنم.
566
00:25:41,039 –> 00:25:43,200
اگر این را
567
00:25:43,200 –> 00:25:44,159
به
568
00:25:44,159 –> 00:25:48,559
دوم تغییر دهم و اگر بفرستم
569
00:25:48,559 –> 00:25:50,559
می توانید ببینید که من
570
00:25:50,559 –> 00:25:51,919
داده های id2 را
571
00:25:51,919 –> 00:25:54,320
دریافت می کنم،
572
00:25:55,200 –> 00:25:57,039
می توانید ببینید که من
573
00:25:57,039 –> 00:25:59,600
کل داده ها را دریافت می کنم، بنابراین شناسه اول و
574
00:25:59,600 –> 00:26:03,520
شناسه دوم در اینجا
575
00:26:07,440 –> 00:26:10,159
کار کنیم. عملکرد به روز رسانی ما،
576
00:26:10,159 –> 00:26:11,679
بنابراین
577
00:26:11,679 –> 00:26:15,600
اجازه دهید من فقط این مسیر a را کپی کنم و
578
00:26:15,600 –> 00:26:18,159
در پایین می خواهیم به روز رسانی های خود را ایجاد کنیم
579
00:26:18,159 –> 00:26:20,880
تا بتوانیم این را به آپدیت تغییر
580
00:26:20,880 –> 00:26:23,120
دهیم که می خواهیم مطابق شناسه به روز رسانی کنیم
581
00:26:23,120 –> 00:26:24,080
و
582
00:26:24,080 –> 00:26:26,170
روش [Music] قرار داده شده است،
583
00:26:26,170 –> 00:26:27,840
584
00:26:27,840 –> 00:26:31,520
خوب حالا بیایید مقاله به روز رسانی div خود را ایجاد کنیم
585
00:26:31,520 –> 00:26:36,640
و می خواهیم
586
00:26:36,840 –> 00:26:38,320
شناسه
587
00:26:38,320 –> 00:26:40,159
را ارسال کنیم. اولین چیز این است که ما باید
588
00:26:40,159 –> 00:26:43,120
مقاله را دریافت
589
00:26:43,120 –> 00:26:46,480
کنیم و فقط می توانیم بگوییم مقاله ها
590
00:26:46,480 –> 00:26:50,320
dot query dot get و می
591
00:26:50,320 –> 00:26:52,960
خواهیم یک مقاله خاص با توجه به
592
00:26:52,960 –> 00:26:53,520
شناسه دریافت
593
00:26:53,520 –> 00:26:56,480
کنیم تا بتوانیم شناسه خود را در اینجا ارسال کنیم و پس از آن
594
00:26:56,480 –> 00:26:57,120
باید
595
00:26:57,120 –> 00:26:59,840
عنوان را دریافت کنیم و همچنین بدنه، بنابراین ما
596
00:26:59,840 –> 00:27:02,240
میتوانیم از یک درخواست استفاده کنیم
597
00:27:02,240 –> 00:27:06,559
request.json و این
598
00:27:06,559 –> 00:27:10,000
عنوان است و میخواهیم
599
00:27:10,000 –> 00:27:13,360
همین کار را برای بدنه انجام دهیم، بنابراین
600
00:27:13,360 –> 00:27:17,760
dot json را درخواست کنیم و این
601
00:27:17,760 –> 00:27:21,360
بدنه است، اکنون باید عنوان و بدنه خود را تنظیم کنیم
602
00:27:21,360 –> 00:27:24,559
تا بتوانیم فقط
603
00:27:24,559 –> 00:27:27,120
604
00:27:28,559 –> 00:27:32,880
عنوان نقطه مقاله را به عنوان می گوییم
605
00:27:32,880 –> 00:27:36,799
و بدنه نقطه مقاله
606
00:27:36,799 –> 00:27:40,880
این باید بدنه باشد
607
00:27:40,880 –> 00:27:43,919
و در پایان باید فقط
608
00:27:43,919 –> 00:27:47,520
پایگاه داده را commit کنیم و می
609
00:27:47,520 –> 00:27:48,240
610
00:27:48,240 –> 00:27:50,320
خواهیم طرح مقاله خود را برگردانیم زیرا فقط یک
611
00:27:50,320 –> 00:27:53,279
مقاله است بنابراین می خواهیم از طرح طرح مقاله
612
00:27:53,279 –> 00:27:59,120
dot jsonify استفاده کنیم و ما می توانید مقاله را به
613
00:28:00,399 –> 00:28:03,840
این
614
00:28:06,799 –> 00:28:11,039
صورت منتقل کنید، بنابراین اکنون بیایید بررسی کنیم این به روز رسانی
615
00:28:11,039 –> 00:28:15,039
و برای این، اجازه دهید من فقط
616
00:28:15,039 –> 00:28:18,960
این را از اینجا کپی کنم و ما می توانیم یک برگه جدید ایجاد کنیم
617
00:28:18,960 –> 00:28:22,320
و
618
00:28:22,320 –> 00:28:26,080
اجازه دهید فقط این را در این بخش اضافه کنیم
619
00:28:26,080 –> 00:28:29,120
و این باید به روز باشد و من می خواهم
620
00:28:29,120 –> 00:28:30,080
اولین مورد را به روز کنم
621
00:28:30,080 –> 00:28:33,919
و همچنین اجازه دهید
622
00:28:33,919 –> 00:28:37,360
داده ها را از در
623
00:28:39,360 –> 00:28:42,840
اینجا اجازه دهید من فقط این را کپی کنم
624
00:28:42,840 –> 00:28:46,799
یا شناسه را تغییر
625
00:28:46,799 –> 00:28:50,399
می دهیم تا بتوانیم فقط به بدنه برویم و
626
00:28:50,399 –> 00:28:53,039
بعد از آن بتوانیم ردیف را انتخاب کنیم و از
627
00:28:53,039 –> 00:28:56,480
اینجا باید json را انتخاب کنیم
628
00:28:56,840 –> 00:28:59,440
و بنابراین اجازه دهید فقط این شناسه را حذف کنم
629
00:28:59,440 –> 00:29:00,080
زیرا
630
00:29:00,080 –> 00:29:03,120
شناسه و تاریخ
631
00:29:10,399 –> 00:29:13,760
بنابراین ما میخواهید فقط بدنه و
632
00:29:13,760 –> 00:29:15,360
عنوان باشد، بنابراین
633
00:29:15,360 –> 00:29:18,559
بدنه بهروز شده
634
00:29:18,559 –> 00:29:22,480
و عنوان بهروزرسانی شده است،
635
00:29:22,480 –> 00:29:27,279
بیایید فقط ارسال
636
00:29:27,279 –> 00:29:30,399
کنیم و خطا را دریافت میکنیم،
637
00:29:30,399 –> 00:29:34,000
بیایید بررسی کنیم که خطا کجاست
638
00:29:34,960 –> 00:29:37,840
اوه و این وجود دارد که دریافت نمیشود، با عرض
639
00:29:37,840 –> 00:29:38,559
640
00:29:38,559 –> 00:29:41,840
پوزش برای این موضوع قرار داده شده است و حالا بیایید فقط ارسال کنیم
641
00:29:41,840 –> 00:29:43,840
این دوباره
642
00:29:43,840 –> 00:29:45,520
و اکنون می توانید ببینید که این
643
00:29:45,520 –> 00:29:47,760
دومین بدنه به روز شده است
644
00:29:47,760 –> 00:29:52,000
و اوه ما هم این عنوان را داریم که
645
00:29:52,000 –> 00:29:56,320
اکنون این نیز به روز شده است و اکنون اگر
646
00:29:56,320 –> 00:29:59,200
این را دریافت کردید تا بتوانید بدنه و
647
00:29:59,200 –> 00:30:00,559
عنوان به روز شده را مشاهده کنید
648
00:30:00,559 –> 00:30:04,320
و همچنین برای ما نیز همین خواهد بود.
649
00:30:04,320 –> 00:30:07,520
پایگاه داده mysql
650
00:30:07,520 –> 00:30:11,919
و اگر ببینید ما آپدیت جدید را خواهیم دید
651
00:30:11,919 –> 00:30:13,120
652
00:30:13,120 –> 00:30:16,640
داده های داده شده در اینجا اجازه دهید فقط
653
00:30:16,640 –> 00:30:18,640
به فلاسک برویم و می بینید که
654
00:30:18,640 –> 00:30:23,840
این به روز شده است،
655
00:30:24,559 –> 00:30:27,039
می توانید ببینید این به روز شده است و همچنین
656
00:30:27,039 –> 00:30:36,159
این به روز شده است
657
00:30:36,159 –> 00:30:38,320
و آخرین عملکرد حذف
658
00:30:38,320 –> 00:30:40,480
داده ها است، بنابراین اکنون بیایید داده ها را ایجاد
659
00:30:40,480 –> 00:30:44,240
کنیم من فقط این را کپی می کنم و من می توانم
660
00:30:44,240 –> 00:30:44,799
این را
661
00:30:44,799 –> 00:30:48,320
در اینجا اضافه کنم تا حذف شود و ما می خواهیم با
662
00:30:48,320 –> 00:30:50,000
توجه به شناسه حذف کنیم و
663
00:30:50,000 –> 00:30:50,640
روش
664
00:30:50,640 –> 00:30:54,399
به تعویق افتاد
665
00:30:56,000 –> 00:30:59,519
حالا بیایید حذف مقاله را ایجاد کنیم و شما
666
00:30:59,519 –> 00:31:03,200
می خواهید مطابق شناسه حذف
667
00:31:03,360 –> 00:31:06,480
کنید، فقط
668
00:31:06,480 –> 00:31:09,840
مقاله را دریافت کنیم تا بتوانیم از مقالات
669
00:31:09,840 –> 00:31:13,120
dot curie.get
670
00:31:13,120 –> 00:31:16,320
میتوانیم شناسه را پاس کنیم
671
00:31:16,399 –> 00:31:20,720
و اکنون میتوانیم فقط بگوییم db.session
672
00:31:20,720 –> 00:31:23,760
dot delete و میخواهیم مقاله را حذف کنیم
673
00:31:23,760 –> 00:31:26,320
674
00:31:26,880 –> 00:31:30,240
و در پایان نیز میخواهیم commit کنیم تا
675
00:31:30,240 –> 00:31:33,360
dot commit
676
00:31:33,360 –> 00:31:36,799
و فقط میتوانیم طرحواره مقاله پست را
677
00:31:36,799 –> 00:31:39,279
678
00:31:40,720 –> 00:31:43,919
برگردانیم dot jsonify
679
00:31:43,919 –> 00:31:46,559
و ما می توانیم مقاله را ارسال کنیم تا معلم ما
680
00:31:46,559 –> 00:31:47,760
681
00:31:47,760 –> 00:31:51,360
682
00:31:53,600 –> 00:31:58,799
db مقاله باشد حالا بیایید فقط این
683
00:31:58,799 –> 00:32:02,000
نشانی اینترنتی را در پستچی بررسی کنیم
684
00:32:02,000 –> 00:32:04,559
و
685
00:32:06,320 –> 00:32:09,200
بنابراین می توانیم یک برگه جدید ایجاد کنیم و در
686
00:32:09,200 –> 00:32:09,600
687
00:32:09,600 –> 00:32:14,240
برگه جدید فقط می توانیم این را کپی
688
00:32:14,240 –> 00:32:17,840
کنیم که می خواهیم حذف کنیم اولی
689
00:32:18,080 –> 00:32:20,480
حالا شناسه اول عوض کنیم این را
690
00:32:20,480 –> 00:32:22,159
حذف کنید
691
00:32:22,159 –> 00:32:25,440
و این را به حذف تغییر
692
00:32:25,440 –> 00:32:29,840
دهید اکنون فقط بفرستید
693
00:32:31,919 –> 00:32:33,519
و اکنون می توانید ببینید که ما
694
00:32:33,519 –> 00:32:35,440
200 را دریافت می کنیم
695
00:32:35,440 –> 00:32:39,600
اوکی و حالا اگر
696
00:32:39,600 –> 00:32:42,240
دوباره دریافت کنم خواهید دید که من فقط یک داده
697
00:32:42,240 –> 00:32:43,840
دارم می توانید ببینید که من فقط یک داده دارم
698
00:32:43,840 –> 00:32:45,600
با id2
699
00:32:45,600 –> 00:32:48,799
و اگر اینجا
700
00:32:48,799 –> 00:32:51,120
را ببینید می توانید ببینید من یک داده دارم و همان
701
00:32:51,120 –> 00:32:52,960
برای
702
00:32:52,960 –> 00:32:56,000
پایگاه داده mysql خواهد بود و خواهید دید که
703
00:32:56,000 –> 00:33:01,279
اولین داده از بین رفته است و حذف شده است
704
00:33:06,960 –> 00:33:08,640
بچه ها حالا ما فلاسک بک اند خود را ایجاد کرده ایم.
705
00:33:08,640 –> 00:33:10,720
اکنون زمان
706
00:33:10,720 –> 00:33:12,159
آن است که آن را با react
707
00:33:12,159 –> 00:33:15,519
native frontend موبایل ادغام کنیم، بنابراین با استفاده از react
708
00:33:15,519 –> 00:33:17,760
native میتوانید اپلیکیشنهای موبایل
709
00:33:17,760 –> 00:33:20,240
برای اندروید و ios بسازید، بنابراین میتوانید ببینید که
710
00:33:20,240 –> 00:33:22,720
react native بهترین بخشهای
711
00:33:22,720 –> 00:33:24,799
توسعه بومی را با react
712
00:33:24,799 –> 00:33:27,200
یک کتابخانه جاوا اسکریپت بهترین کلاس برای
713
00:33:27,200 –> 00:33:29,279
ساخت ترکیب میکند. رابطهای کاربری
714
00:33:29,279 –> 00:33:32,799
و react native به شما امکان میدهد
715
00:33:32,799 –> 00:33:34,960
برنامههای واقعاً بومی ایجاد کنید و تجارب کاربری شما را به خطر نیندازد.
716
00:33:34,960 –> 00:33:36,159
717
00:33:36,159 –> 00:33:39,039
718
00:33:39,039 –> 00:33:39,919
719
00:33:39,919 –> 00:33:42,159
720
00:33:42,159 –> 00:33:42,960
721
00:33:42,960 –> 00:33:46,000
722
00:33:46,000 –> 00:33:49,440
ng بلوک می کند و
723
00:33:49,440 –> 00:33:51,279
همچنین توسط فیس بوک نگهداری می شود، بنابراین
724
00:33:51,279 –> 00:33:53,519
react native و react
725
00:33:53,519 –> 00:33:56,320
native در هزاران برنامه استفاده می شود، اما
726
00:33:56,320 –> 00:33:57,679
به احتمال زیاد
727
00:33:57,679 –> 00:34:00,080
شما قبلاً از آن در یکی از این
728
00:34:00,080 –> 00:34:01,200
برنامه ها استفاده کرده اید،
729
00:34:01,200 –> 00:34:03,039
بنابراین اکنون اجازه دهید در مورد فرآیند نصب صحبت کنیم
730
00:34:03,039 –> 00:34:04,480
و
731
00:34:04,480 –> 00:34:06,480
دو راه وجود دارد که می توانید نصب کنید
732
00:34:06,480 –> 00:34:08,719
uh react native راه اول
733
00:34:08,719 –> 00:34:10,399
استفاده از expo cli
734
00:34:10,399 –> 00:34:12,879
و راه دوم استفاده از react native
735
00:34:12,879 –> 00:34:13,918
cli است،
736
00:34:13,918 –> 00:34:16,079
بنابراین اگر در توسعه موبایل تازه کار هستید
737
00:34:16,079 –> 00:34:18,480
، ساده ترین راه برای شروع آن
738
00:34:18,480 –> 00:34:22,960
با expo cli است و expo مجموعه ای از ابزارهای
739
00:34:22,960 –> 00:34:25,119
ساخته شده است. react و native و اکنون
740
00:34:25,119 –> 00:34:28,000
از expo cli برای نصب استفاده خواهید کرد،
741
00:34:28,000 –> 00:34:30,800
راه دوم این است که اوه، اگر شما اوه هستید،
742
00:34:30,800 –> 00:34:31,119
743
00:34:31,119 –> 00:34:33,040
این یک react native cli است و نشان دهنده این است
744
00:34:33,040 –> 00:34:34,960
که اگر قبلاً
745
00:34:34,960 –> 00:34:36,800
با توسعه موبایل آشنا
746
00:34:36,800 –> 00:34:38,719
هستید، ممکن است بخواهید از react native
747
00:34:38,719 –> 00:34:40,079
cli استفاده کنید. اکنون
748
00:34:40,079 –> 00:34:44,800
برای شروع به استودیو xcode یا اندروید نیاز دارد
749
00:34:45,280 –> 00:34:46,800
بزرگترین تفاوت بین
750
00:34:46,800 –> 00:34:49,199
expo cli و react native cli این است
751
00:34:49,199 –> 00:34:50,639
که وقتی از
752
00:34:50,639 –> 00:34:53,520
react native cli استفاده می کنید به تمام
753
00:34:53,520 –> 00:34:55,839
کدهای بومی اندروید دسترسی دارید و ios
754
00:34:55,839 –> 00:34:57,520
بنابراین دو پوشه برای
755
00:34:57,520 –> 00:34:59,520
اندروید و یکی برای ios
756
00:34:59,520 –> 00:35:01,599
خواهید داشت که کدهای بومی این پلتفرم ها وجود خواهد داشت
757
00:35:01,599 –> 00:35:02,800
758
00:35:02,800 –> 00:35:05,839
اما وقتی از expo cli استفاده می کنید
759
00:35:05,839 –> 00:35:06,560
760
00:35:06,560 –> 00:35:09,440
به کدهای بومی این
761
00:35:09,440 –> 00:35:10,240
پلتفرم
762
00:35:10,240 –> 00:35:12,640
ها دسترسی نخواهید داشت و هیچ کدام را نخواهید دید. پوشههای ios یا اندروید
763
00:35:12,640 –> 00:35:13,359
764
00:35:13,359 –> 00:35:16,079
وقتی از expo cli استفاده میکنید، حالا
765
00:35:16,079 –> 00:35:17,119
برای نصب
766
00:35:17,119 –> 00:35:19,599
ابتدا باید یک node.js و
767
00:35:19,599 –> 00:35:21,280
بزرگتر از این نسخه داشته باشید
768
00:35:21,280 –> 00:35:23,440
و بعد از آن باید
769
00:35:23,440 –> 00:35:25,040
xposed light را به صورت سراسری نصب کنید
770
00:35:25,040 –> 00:35:27,119
و فقط میتوانید از dash g استفاده کنید و میتوانید
771
00:35:27,119 –> 00:35:29,200
فقط از آن استفاده کنید
772
00:35:29,200 –> 00:35:32,720
و ما فقط می توانیم این و اینگونه نصب
773
00:35:32,720 –> 00:35:35,760
کنیم و حالا باید منتظر
774
00:35:35,760 –> 00:35:38,960
نصب expo cli باشیم
775
00:35:38,960 –> 00:35:41,200
حالا xposed cli نصب شده است بیایید
776
00:35:41,200 –> 00:35:42,839
پروژه خود را ایجاد کنیم
777
00:35:42,839 –> 00:35:46,320
و ما فقط می توانیم بگوییم expo init
778
00:35:46,320 –> 00:35:48,400
و شما می توانید برنامه خود را بدهید نام
779
00:35:48,400 –> 00:35:51,359
پروژه ای که می خواهید،
780
00:35:51,359 –> 00:35:54,640
بنابراین بیایید آن را به عنوان مثال یک
781
00:35:54,640 –> 00:35:56,880
پروژه تغییر دهیم تا بتوانید هر
782
00:35:56,880 –> 00:35:58,000
نامی را که می خواهید
783
00:35:58,000 –> 00:36:01,040
به آن بدهید، به عنوان مثال پروژه برنامه اکسپوننت و
784
00:36:01,040 –> 00:36:01,440
اکنون
785
00:36:01,440 –> 00:36:04,640
فقط می توانیم اینتر را بزنید و
786
00:36:04,640 –> 00:36:07,280
سه قالب برای شما وجود خواهد داشت که شما n eed
787
00:36:07,280 –> 00:36:09,040
را از بین آن الگوها انتخاب
788
00:36:09,040 –> 00:36:10,800
کنیم و میخواهیم اولین مورد را انتخاب کنیم و
789
00:36:10,800 –> 00:36:14,160
آن یک الگوی خالی است،
790
00:36:14,160 –> 00:36:16,320
بنابراین اکنون میخواهیم یک الگوی خالی را انتخاب کنیم،
791
00:36:16,320 –> 00:36:18,880
یک برنامه حداقلی به تمیزی یک خالی و
792
00:36:18,880 –> 00:36:20,400
فقط میتوانیم Enter را فشار دهیم،
793
00:36:20,400 –> 00:36:22,720
بنابراین اکنون باید منتظر این باشیم.
794
00:36:22,720 –> 00:36:24,560
چند بار طول می کشد
795
00:36:24,560 –> 00:36:27,920
اوه این برنامه react بومی
796
00:36:27,920 –> 00:36:30,960
ما است که می توانیم نصب کنیم اکنون منتظر
797
00:36:30,960 –> 00:36:33,200
این هستیم
798
00:36:34,000 –> 00:36:35,760
و اکنون می توانید ببینید که پروژه ما
799
00:36:35,760 –> 00:36:37,760
نصب شده است و ما لباس
800
00:36:37,760 –> 00:36:40,560
نمایشگاهی خود را داریم و ماژول های یادداشت
801
00:36:40,560 –> 00:36:43,119
app.js package.json
802
00:36:43,119 –> 00:36:44,640
و سپس میتوانیم ببینیم که با
803
00:36:44,640 –> 00:36:46,640
expo cli، پوشههای اندروید و
804
00:36:46,640 –> 00:36:48,800
ios را در اینجا نداریم، ما فقط
805
00:36:48,800 –> 00:36:50,400
در اینجا به اشتراک گذاشته شدهایم
806
00:36:50,400 –> 00:36:52,400
و میتوانید ببینید که میتوانید از npm
807
00:36:52,400 –> 00:36:55,760
start یا npm run android یا ios برای
808
00:36:55,760 –> 00:37:01,520
اجرای react خود استفاده کنید. برنامه native
809
00:37:05,200 –> 00:37:07,920
خوب حالا بیایید برنامه react native خود را اجرا کنیم،
810
00:37:07,920 –> 00:37:09,200
811
00:37:09,200 –> 00:37:11,520
بنابراین همانطور که قبلاً گفتم می
812
00:37:11,520 –> 00:37:13,920
توانید از npm start یا expose start استفاده کنید و
813
00:37:13,920 –> 00:37:16,320
بعد از آن باندلر metro را اجرا می کند
814
00:37:16,320 –> 00:37:19,440
و از آنجا می توانید برنامه اصلی uh react خود را اجرا کنید
815
00:37:19,440 –> 00:37:20,640
816
00:37:20,640 –> 00:37:23,760
بنابراین ابتدا من فقط می تواند دایرکتوری من را تغییر دهید
817
00:37:23,760 –> 00:37:26,320
، بنابراین پروژه برنامه را ببینید و
818
00:37:26,320 –> 00:37:27,839
از اینجا می توانم بگویم
819
00:37:27,839 –> 00:37:31,440
npm start over expo start، بنابراین اجازه دهید
820
00:37:31,440 –> 00:37:34,400
بگویم npm start
821
00:37:35,599 –> 00:37:38,480
تا اکنون می توانید ببینید که این برنامه بومی uh react ما است که
822
00:37:38,480 –> 00:37:39,040
823
00:37:39,040 –> 00:37:42,079
اکنون در حال اجرا است و
824
00:37:42,079 –> 00:37:43,839
اگر اینجا را ببینید ما اینجا هستیم باندلر مترو ما را داشته باشید
825
00:37:43,839 –> 00:37:45,760
و میتوانید ببینید که ما روی
826
00:37:45,760 –> 00:37:47,119
827
00:37:47,119 –> 00:37:50,720
اندروید روی شبیهسازهای ios و مرورگرهای وب اجرا میکنیم
828
00:37:50,720 –> 00:37:52,000
و مانند این
829
00:37:52,000 –> 00:37:53,440
اکنون گزینههای مختلفی وجود دارد که
830
00:37:53,440 –> 00:37:55,760
میتوانید برنامه react native خود را اجرا کنید
831
00:37:55,760 –> 00:37:57,920
اکنون سادهترین آن، ما سادهترین
832
00:37:57,920 –> 00:38:00,240
گزینهها و همچنین سختترین گزینهها را داریم.
833
00:38:00,240 –> 00:38:02,720
سخت ترین گزینه این است که
834
00:38:02,720 –> 00:38:04,720
باید یک شبیه ساز مجازی نصب کنید به
835
00:38:04,720 –> 00:38:06,320
عنوان مثال اگر
836
00:38:06,320 –> 00:38:07,839
استودیو اندروید دارید می توانید از
837
00:38:07,839 –> 00:38:09,839
شبیه ساز مجازی از آن استفاده کنید
838
00:38:09,839 –> 00:38:13,119
یا اگر مثلا jenny motion
839
00:38:13,119 –> 00:38:15,599
دارید می توانید از یک شبیه ساز برای آن استفاده کنید و
840
00:38:15,599 –> 00:38:16,400
فقط می توانید
841
00:38:16,400 –> 00:38:18,400
ابتدا از آن استفاده کنید. شبیه ساز خود را اجرا کنید و پس از آن
842
00:38:18,400 –> 00:38:20,960
بر روی run android device simulator کلیک کنید
843
00:38:20,960 –> 00:38:24,000
و اکنون به
844
00:38:24,000 –> 00:38:26,560
این روش های شرقی اجرا می شود اوه که می توانید
845
00:38:26,560 –> 00:38:28,079
دانلود کنید به عنوان مثال می توانید برنامه
846
00:38:28,079 –> 00:38:29,359
847
00:38:29,359 –> 00:38:31,920
expo را از pl دانلود کنید. ay store app store و
848
00:38:31,920 –> 00:38:32,480
شما فقط می توانید
849
00:38:32,480 –> 00:38:34,640
این کد qr را اسکن کنید و می توانید برنامه خود
850
00:38:34,640 –> 00:38:35,760
851
00:38:35,760 –> 00:38:38,320
را به روش دیگری اجرا کنید این است که فقط می توانید
852
00:38:38,320 –> 00:38:39,119
853
00:38:39,119 –> 00:38:42,160
دستگاه تلفن همراه خود را از طریق کابل usb وصل کنید و
854
00:38:42,160 –> 00:38:43,119
این ساده ترین راه است
855
00:38:43,119 –> 00:38:45,119
و فقط می توانید روی یک
856
00:38:45,119 –> 00:38:47,119
اندروید اجرا شده در دستگاه اندرویدی کلیک کنید. یا
857
00:38:47,119 –> 00:38:48,079
شبیه ساز،
858
00:38:48,079 –> 00:38:52,320
پس اکنون بیایید این برنامه uh خود را اجرا کنیم،
859
00:38:52,320 –> 00:38:54,480
بنابراین اگر در
860
00:38:54,480 –> 00:38:56,800
اینجا ببینید، ما فقط
861
00:38:56,800 –> 00:39:01,040
در فایل app.js خود داریم،
862
00:39:01,040 –> 00:39:02,480
می توانید ببینید که در حال حاضر
863
00:39:02,480 –> 00:39:04,800
فقط یک متن ساده داریم و
864
00:39:04,800 –> 00:39:07,520
برای شروع، نقطه js را باز می کنیم. کار می کند و اکنون می
865
00:39:07,520 –> 00:39:08,880
خواهیم فقط آن را اجرا کنیم،
866
00:39:08,880 –> 00:39:11,040
بنابراین اجازه دهید من فقط روی run در
867
00:39:11,040 –> 00:39:13,440
دستگاه یا
868
00:39:13,440 –> 00:39:17,839
شبیه ساز اندروید کلیک کنم، اکنون منتظر این هستم،
869
00:39:17,839 –> 00:39:20,160
بنابراین برای اولین بار کمی طول
870
00:39:20,160 –> 00:39:21,920
می کشد و بعد از آن به سرعت اجرا می شود
871
00:39:21,920 –> 00:39:24,400
872
00:39:24,480 –> 00:39:26,000
و اکنون می توانید ببینید
873
00:39:26,000 –> 00:39:27,920
که برای اولین بار
874
00:39:27,920 –> 00:39:28,320
875
00:39:28,320 –> 00:39:31,440
در حال ساخت بسته جاوا اسکریپت است و بسته جاوا اسکریپت
876
00:39:31,440 –> 00:39:33,359
را میسازد و پس از آن
877
00:39:33,359 –> 00:39:37,440
روی شبیهساز یا دستگاههای تلفن همراه اجرا میشود
878
00:39:37,440 –> 00:39:38,640
و اکنون میبینید که ما دریافت میکنیم،
879
00:39:38,640 –> 00:39:41,200
بنابراین این متن
880
00:39:41,200 –> 00:39:44,320
جاخالیها را برای شروع کار باز میکند.
881
00:39:44,320 –> 00:39:47,119
اکنون برنامه شما اجازه دهید فقط تغییری را در این
882
00:39:47,119 –> 00:39:48,400
مورد ایجاد کنیم، به عنوان مثال،
883
00:39:48,400 –> 00:39:51,440
حالا اجازه دهید من فقط
884
00:39:51,440 –> 00:39:56,800
این را تغییر دهم به uh
885
00:39:56,800 –> 00:39:59,120
Welcome to python
886
00:39:59,120 –> 00:40:00,480
[Music]
887
00:40:00,480 –> 00:40:04,319
flask و react native
888
00:40:04,319 –> 00:40:07,440
react native بسیار خوب، پس
889
00:40:07,440 –> 00:40:10,880
حالا اوه پس حالا اگر این را ذخیره کنم و اگر
890
00:40:10,880 –> 00:40:12,800
این را بررسی کنم، خواهید دید که من
891
00:40:12,800 –> 00:40:14,240
اکنون دریافت میکنم که تازهسازی شده است
892
00:40:14,240 –> 00:40:16,079
و میتوانید خوش آمدید به
893
00:40:16,079 –> 00:40:17,280
فلاسک پایتون و
894
00:40:17,280 –> 00:40:25,839
react native را ببینید،
895
00:40:26,560 –> 00:40:28,079
بچهها هم اکنون در این بخش
896
00:40:28,079 –> 00:40:29,760
در مورد
897
00:40:29,760 –> 00:40:32,960
ساختار اصلی برنامه اصلی uh
898
00:40:32,960 –> 00:40:34,160
899
00:40:34,160 –> 00:40:36,160
react و در مورد app.js صحبت میکنیم. چگونه می توانید
900
00:40:36,160 –> 00:40:38,800
کامپوننت ها را ایجاد کنید و چگونه می توانید از props استفاده کنید،
901
00:40:38,800 –> 00:40:41,200
بنابراین اول از همه اگر فایل app.js خود را می بینیم
902
00:40:41,200 –> 00:40:42,560
و در اینجا می توانید ببینید که ما
903
00:40:42,560 –> 00:40:44,480
مقداری واردات داریم مانند نوار وضعیت اکنون
904
00:40:44,480 –> 00:40:46,880
نوار وضعیت مربوط به نوار وضعیت x بود
905
00:40:46,880 –> 00:40:47,839
906
00:40:47,839 –> 00:40:50,560
و زمانی که شما به عنوان مثال، در حال نصب
907
00:40:50,560 –> 00:40:52,079
برنامه react native خود
908
00:40:52,079 –> 00:40:54,720
از طریق یک react native cli هستید، این را نخواهید
909
00:40:54,720 –> 00:40:55,760
داشت،
910
00:40:55,760 –> 00:40:59,359
این به طور خاص متعلق به uh
911
00:40:59,359 –> 00:41:02,480
expo cli است، اکنون می توانید ببینید که ما
912
00:41:02,480 –> 00:41:04,960
در حال وارد کردن react خود هستیم
913
00:41:04,960 –> 00:41:06,880
و اینها برخی از مؤلفه هایی هستند که ما
914
00:41:06,880 –> 00:41:08,160
داریم uh
915
00:41:08,160 –> 00:41:11,119
متن برگه سبک vi ew از react native
916
00:41:11,119 –> 00:41:12,560
اکنون میتوانید ببینید که
917
00:41:12,560 –> 00:41:14,400
اینها کامپوننتهای داخلی هستند، بنابراین میتوانیم
918
00:41:14,400 –> 00:41:16,000
بگوییم که view text این
919
00:41:16,000 –> 00:41:18,640
کامپوننتهای داخلی هستند و react native
920
00:41:18,640 –> 00:41:21,680
و این اساساً یک
921
00:41:21,680 –> 00:41:25,040
کامپوننت react است که میتوانیم بگوییم که
922
00:41:25,040 –> 00:41:28,319
در حال بازگشت uh j6 است. می بینید که
923
00:41:28,319 –> 00:41:29,119
ما
924
00:41:29,119 –> 00:41:31,680
یک تابع اساسی به نام برنامه داریم و
925
00:41:31,680 –> 00:41:33,599
بعد از آن
926
00:41:33,599 –> 00:41:36,800
با j6 در اینجا برمی گردیم،
927
00:41:37,920 –> 00:41:40,400
بنابراین view in اینجا را داریم به عنوان یک
928
00:41:40,400 –> 00:41:42,720
کامپوننت داخلی مشاهده
929
00:41:42,720 –> 00:41:45,680
می کنیم و react native را داریم و می توانیم بگوییم که view مانند div و
930
00:41:45,680 –> 00:41:47,119
931
00:41:47,119 –> 00:41:50,720
اوه یک دنیای وب و اوه و ما div داریم
932
00:41:50,720 –> 00:41:52,800
اکنون در اینجا view داریم و می بینید
933
00:41:52,800 –> 00:41:54,480
که ما یک سبک
934
00:41:54,480 –> 00:41:56,400
به view اختصاص می دهیم بنابراین می توانیم فقط بگوییم محفظه نقطه استایل ها
935
00:41:56,400 –> 00:41:58,160
936
00:41:58,160 –> 00:42:00,480
و در قسمت بعدی دوره در مورد سبک ها صحبت خواهیم کرد.
937
00:42:00,480 –> 00:42:02,000
938
00:42:02,000 –> 00:42:03,520
در حال حاضر می توانید ببینید که ما view داریم
939
00:42:03,520 –> 00:42:06,319
و view یک محفظه است که می توانید
940
00:42:06,319 –> 00:42:08,640
سبک هایی را به نما اختصاص دهید و می توانید ارتفاع
941
00:42:08,640 –> 00:42:10,560
و همچنین وزن را به view اضافه کنید
942
00:42:10,560 –> 00:42:12,720
بنابراین پس از آن ما یک متن داریم وقتی که
943
00:42:12,720 –> 00:42:13,920
شما در حال رندر کردن هستید
944
00:42:13,920 –> 00:42:16,640
مثلاً مقداری متن از شما باید
945
00:42:16,640 –> 00:42:17,359
946
00:42:17,359 –> 00:42:19,680
جزء متن را در اینجا اضافه کنید، به عنوان مثال در اینجا
947
00:42:19,680 –> 00:42:20,960
i فقط می توانم
948
00:42:20,960 –> 00:42:24,960
متن را بگویم و من فقط می توانم این را
949
00:42:24,960 –> 00:42:28,000
به عنوان
950
00:42:28,000 –> 00:42:31,200
متن دوم خود بزنم و حالا اگر
951
00:42:31,200 –> 00:42:34,400
این را ذخیره کنم، می بینید که من متن را
952
00:42:34,400 –> 00:42:36,800
دارم، بنابراین می توانید ببینید که این دومین
953
00:42:36,800 –> 00:42:38,319
متن من در اینجا است
954
00:42:38,319 –> 00:42:41,359
و بنابراین این نوار وضعیت است و بعد از
955
00:42:41,359 –> 00:42:43,040
آن این ها این استایل ها هستند، بنابراین در حال حاضر
956
00:42:43,040 –> 00:42:44,480
قرار نیست در مورد سبک ها صحبت کنیم،
957
00:42:44,480 –> 00:42:46,079
اما در قسمت بعدی دوره در مورد آن صحبت خواهیم کرد
958
00:42:46,079 –> 00:42:47,920
،
959
00:42:47,920 –> 00:42:50,319
حالا این یک جزء است، اجازه دهید یک کامپوننت جدید ایجاد کنیم،
960
00:42:50,319 –> 00:42:52,480
بنابراین وقتی می خواهید
961
00:42:52,480 –> 00:42:55,040
یک برنامه React ایجاد کنید، اکنون ما نیاز
962
00:42:55,040 –> 00:42:55,680
به ایجاد
963
00:42:55,680 –> 00:42:58,240
کامپوننتها و کامپوننتها
964
00:42:58,240 –> 00:42:59,200
بلوک سازنده
965
00:42:59,200 –> 00:43:01,839
برنامه react هستند، اگر اینجا را دیدهاید، بنابراین
966
00:43:01,839 –> 00:43:03,599
react native مانند
967
00:43:03,599 –> 00:43:05,440
968
00:43:05,440 –> 00:43:06,800
react است، بنابراین اگر با react.js آشنا هستید،
969
00:43:06,800 –> 00:43:09,280
اکنون اینطور است اما از کامپوننتهای بومی
970
00:43:09,280 –> 00:43:10,000
971
00:43:10,000 –> 00:43:12,480
به جای وب استفاده میکند. کامپوننت ها به عنوان بلوک های سازنده
972
00:43:12,480 –> 00:43:13,760
973
00:43:13,760 –> 00:43:16,560
اکنون در react.js ما کامپوننت های وب داریم
974
00:43:16,560 –> 00:43:17,440
اما در react
975
00:43:17,440 –> 00:43:20,560
native ما کامپوننت های بومی داریم، بنابراین برای
976
00:43:20,560 –> 00:43:22,640
درک ساختار اصلی برنامه react
977
00:43:22,640 –> 00:43:23,280
native
978
00:43:23,280 –> 00:43:25,280
باید برخی از
979
00:43:25,280 –> 00:43:28,640
مفاهیم اولیه و react مانند jsx
980
00:43:28,640 –> 00:43:30,319
برای مثال کامپوننت ها را بدانید. چگونه می
981
00:43:30,319 –> 00:43:32,000
توانید کامپوننت ها را ایجاد کنید
982
00:43:32,000 –> 00:43:33,839
تا بتوانید حالت ایجاد کنید تا بتوانید پروپوزال
983
00:43:33,839 –> 00:43:37,280
هایی مانند این ایجاد کنید، بنابراین اکنون بیایید اولین
984
00:43:37,280 –> 00:43:40,240
کامپوننت خود را در اینجا ایجاد کنیم، بنابراین در پروژه برنامه
985
00:43:40,240 –> 00:43:41,680
من فقط یک پوشه جدید ایجاد می
986
00:43:41,680 –> 00:43:46,960
کنم و آن را کامپوننت ها و کامپوننت ها می نامم
987
00:43:46,960 –> 00:43:49,119
کاری که میخواهم انجام دهم
988
00:43:49,119 –> 00:43:50,000
، میخواهم
989
00:43:50,000 –> 00:43:52,800
فقط این دو متن را بگیرم و بنابراین ابتدا
990
00:43:52,800 –> 00:43:55,200
باید یک فایل ایجاد کنم
991
00:43:55,200 –> 00:43:58,560
و در اینجا باید یک فایل جدید ایجاد کنم،
992
00:43:58,560 –> 00:44:00,440
به عنوان مثال، میخواهم آن را
993
00:44:00,440 –> 00:44:01,599
home.js بنامم،
994
00:44:01,599 –> 00:44:04,960
بنابراین یک مؤلفه در حال حاضر com وجود دارد.
995
00:44:04,960 –> 00:44:07,200
دو نوع کامپوننت که می توانید
996
00:44:07,200 –> 00:44:08,560
در
997
00:44:08,560 –> 00:44:11,359
react استفاده کنید یا می توانیم بگوییم react native بنابراین
998
00:44:11,359 –> 00:44:12,800
ما یک کامپوننت تابعی داریم
999
00:44:12,800 –> 00:44:15,280
و همچنین اگر app.js را دیده اید اکنون جزء کلاس
1000
00:44:15,280 –> 00:44:17,599
داریم،
1001
00:44:17,599 –> 00:44:19,760
این یک کامپوننت عملکردی است، اکنون
1002
00:44:19,760 –> 00:44:20,880
کامپوننت تابعی
1003
00:44:20,880 –> 00:44:23,920
اساساً یک جاوا اسکریپت است. کامپوننت تابع و
1004
00:44:23,920 –> 00:44:24,880
کلاس
1005
00:44:24,880 –> 00:44:27,520
به این صورت است که شما می توانید از کلاس برای ایجاد
1006
00:44:27,520 –> 00:44:28,319
1007
00:44:28,319 –> 00:44:30,000
کامپوننت خود استفاده کنید اکنون ما در مورد کامپوننت کلاس صحبت خواهیم کرد،
1008
00:44:30,000 –> 00:44:32,000
بنابراین در
1009
00:44:32,000 –> 00:44:33,040
حال حاضر فقط
1010
00:44:33,040 –> 00:44:36,720
یک کامپوننت کاربردی ایجاد می کنیم، بنابراین در home.js،
1011
00:44:36,720 –> 00:44:39,200
بنابراین شما می توانید به عنوان مثال یک کامپوننت ایجاد کنید.
1012
00:44:39,200 –> 00:44:40,800
تابع پیش فرض ion
1013
00:44:40,800 –> 00:44:44,319
اما همچنین می توانید از یک افزونه
1014
00:44:44,319 –> 00:44:48,480
استفاده کنید که فقط می توانید از آن استفاده کنید که به آن react redux می گویند،
1015
00:44:48,480 –> 00:44:51,839
1016
00:44:52,319 –> 00:44:57,440
بنابراین حالا اگر دیدید اوه فکر می
1017
00:44:59,040 –> 00:45:02,480
کنم بله این است
1018
00:45:02,480 –> 00:45:05,520
e7 react redax و react native بنابراین می
1019
00:45:05,520 –> 00:45:07,280
توانید از این افزونه استفاده کنید
1020
00:45:07,280 –> 00:45:08,960
بنابراین من قبلاً آن را نصب کرده ام و در اینجا
1021
00:45:08,960 –> 00:45:10,480
کاری که می خواهم انجام دهم این است که به عنوان مثال می
1022
00:45:10,480 –> 00:45:11,599
خواهم
1023
00:45:11,599 –> 00:45:14,800
یک کامپوننت کاربردی ایجاد کنم تا برای آن
1024
00:45:14,800 –> 00:45:18,480
بتوانم از rfce مانند این استفاده کنم
1025
00:45:18,480 –> 00:45:20,640
و بعد از آن enter را بزنید تا ببینید
1026
00:45:20,640 –> 00:45:22,000
که ما اساساً
1027
00:45:22,000 –> 00:45:24,079
فقط یک تابع خانه داریم، بنابراین ابتدا
1028
00:45:24,079 –> 00:45:25,200
import را داریم. react from
1029
00:45:25,200 –> 00:45:28,240
react و بعد از آن اساساً
1030
00:45:28,240 –> 00:45:33,040
یک تابع خانه داریم و آن یک j6 را برمی گرداند،
1031
00:45:33,040 –> 00:45:34,640
بنابراین اکنون باید این تفاوت را تغییر
1032
00:45:34,640 –> 00:45:37,200
دهیم زیرا از react استفاده نمی کنیم اما
1033
00:45:37,200 –> 00:45:38,000
یک react
1034
00:45:38,000 –> 00:45:42,240
native است بنابراین برای این کار باید
1035
00:45:42,240 –> 00:45:45,599
مشاهده را در اینجا وارد کنیم و فقط می توانیم اضافه کنیم.
1036
00:45:45,599 –> 00:45:48,800
نمای موجود در این بخش و اکنون ما می
1037
00:45:48,800 –> 00:45:49,440
1038
00:45:49,440 –> 00:45:52,560
خواهیم این دو متن خود را از اینجا بگیریم، بنابراین اجازه دهید من فقط این دو متن را
1039
00:45:52,560 –> 00:45:53,920
کپی کنم
1040
00:45:53,920 –> 00:45:58,160
یا فقط می توانیم این دو متن را کپی کنیم
1041
00:45:58,160 –> 00:46:01,839
و می توانم آن را در اینجا اضافه کنم،
1042
00:46:04,640 –> 00:46:08,079
بنابراین اکنون
1043
00:46:08,079 –> 00:46:10,079
کامپوننت خود را ایجاد کرده ایم و یک
1044
00:46:10,079 –> 00:46:12,000
جزء کاربردی است. و قبلاً
1045
00:46:12,000 –> 00:46:12,560
گفته ایم که
1046
00:46:12,560 –> 00:46:15,680
jav کامپوننت های ascript در اصل
1047
00:46:15,680 –> 00:46:18,000
توابع جاوا اسکریپت آن هستند یا به عنوان مثال
1048
00:46:18,000 –> 00:46:19,040
کلاس هایی که
1049
00:46:19,040 –> 00:46:20,240
اکنون در تابع خانه داریم
1050
00:46:20,240 –> 00:46:22,480
یک j6 را برمی گردانیم و بعد از آن در حال
1051
00:46:22,480 –> 00:46:23,520
صادرات این
1052
00:46:23,520 –> 00:46:25,599
تابع یا کامپوننت هستیم که می توانیم از آن استفاده
1053
00:46:25,599 –> 00:46:26,960
1054
00:46:26,960 –> 00:46:30,160
کنیم اکنون باید این خانه را در app.js خود وارد کنیم.
1055
00:46:30,160 –> 00:46:31,839
1056
00:46:31,839 –> 00:46:35,839
در اینجا فقط می توانیم بگوییم import
1057
00:46:35,839 –> 00:46:38,960
home from
1058
00:46:38,960 –> 00:46:43,839
فقط می توانیم اجزای مؤلفه را بگوییم
1059
00:46:45,599 –> 00:46:48,720
و بعد از آن اوه
1060
00:46:48,720 –> 00:46:50,000
home است
1061
00:46:50,000 –> 00:46:53,359
مثل این خوب است حالا بعد از این می توانیم
1062
00:46:53,359 –> 00:46:55,920
این خانه را در اینجا اضافه کنیم تا فقط بگوییم اینطوری
1063
00:46:55,920 –> 00:46:58,480
1064
00:47:00,240 –> 00:47:01,839
تا بتوانید ببینید که ما ایجاد کرده ایم
1065
00:47:01,839 –> 00:47:03,520
home.js ما و اکنون
1066
00:47:03,520 –> 00:47:06,480
خانه و app.js خود را اضافه کردهایم، اگر ببینید
1067
00:47:06,480 –> 00:47:08,160
1068
00:47:08,160 –> 00:47:11,839
نتیجه یکسان است، بنابراین
1069
00:47:12,240 –> 00:47:14,560
خوب اکنون در اینجا یک خطا دریافت
1070
00:47:14,560 –> 00:47:17,200
میکنیم، فکر میکنم
1071
00:47:17,200 –> 00:47:18,640
اکنون در حال فروش است که متن متغیر را پیدا نمیکند.
1072
00:47:18,640 –> 00:47:20,880
اکنون به این دلیل است که
1073
00:47:20,880 –> 00:47:24,319
در home.js ما متن داریم، بنابراین باید
1074
00:47:24,319 –> 00:47:28,079
متن را در اینجا وارد کنیم،
1075
00:47:29,200 –> 00:47:33,839
بنابراین اکنون اگر می بینیم
1076
00:47:34,079 –> 00:47:39,040
که در حال تازه کردن است، خطا داریم اوه
1077
00:47:39,040 –> 00:47:39,599
متاسفم،
1078
00:47:39,599 –> 00:47:42,319
اوه این به react مربوط نمی شود،
1079
00:47:42,319 –> 00:47:44,319
اما مربوط به react native است،
1080
00:47:44,319 –> 00:47:47,680
پس متاسفم برای این در حال حاضر من فقط می توانم
1081
00:47:47,680 –> 00:47:50,839
بگویم واردات از m react
1082
00:47:50,839 –> 00:47:53,920
native و
1083
00:47:53,920 –> 00:47:57,520
مانند این، بنابراین اکنون اینها
1084
00:47:57,520 –> 00:47:59,440
کامپوننتهای داخلی برای react native هستند،
1085
00:47:59,440 –> 00:48:03,599
بنابراین باید
1086
00:48:03,599 –> 00:48:06,800
اکنون آن را از کتابخانه react native وارد کنیم، اگر میبینید
1087
00:48:06,800 –> 00:48:09,520
خب، اکنون میتوانید ببینید که ما
1088
00:48:09,520 –> 00:48:10,319
1089
00:48:10,319 –> 00:48:13,119
همان نتیجه را دریافت میکنیم، اما این بار
1090
00:48:13,119 –> 00:48:14,720
ما یک مؤلفه جدید یک مؤلفه جداگانه ایجاد
1091
00:48:14,720 –> 00:48:16,079
1092
00:48:16,079 –> 00:48:19,280
کرده ایم و این متن uh خود را در آنجا اضافه کرده ایم
1093
00:48:19,280 –> 00:48:20,480
،
1094
00:48:20,480 –> 00:48:23,680
بنابراین
1095
00:48:23,680 –> 00:48:25,920
اکنون مفهوم دیگری وجود دارد که props نامیده می شود،
1096
00:48:25,920 –> 00:48:27,440
بنابراین اگر
1097
00:48:27,440 –> 00:48:30,480
مستندات
1098
00:48:30,480 –> 00:48:32,480
react native را ببینید، اکنون می توانید ببینید که
1099
00:48:32,480 –> 00:48:33,599
اکثر
1100
00:48:33,599 –> 00:48:35,520
مؤلفه ها می توانند زمانی که آنها
1101
00:48:35,520 –> 00:48:37,359
با پارامترهای مختلف ایجاد می شوند، سفارشی شوند،
1102
00:48:37,359 –> 00:48:38,880
اکنون
1103
00:48:38,880 –> 00:48:40,960
این پارامترهای ایجاد شده props نامیده می شوند
1104
00:48:40,960 –> 00:48:42,720
یا می توانیم
1105
00:48:42,720 –> 00:48:45,280
برای ویژگی ها کوتاه بگوییم، به عنوان مثال
1106
00:48:45,280 –> 00:48:47,599
با استفاده از props می توانیم
1107
00:48:47,599 –> 00:48:50,800
برخی از داده ها را از یک مؤلفه والد
1108
00:48:50,800 –> 00:48:51,440
1109
00:48:51,440 –> 00:48:53,440
به مؤلفه فرزند ارائه یا ارسال کنیم، بنابراین اگر
1110
00:48:53,440 –> 00:48:55,680
در حال حاضر اگر در اینجا میبینید که home.js ما
1111
00:48:55,680 –> 00:48:58,480
فرزند جزء app.js است،
1112
00:48:58,480 –> 00:49:01,440
به عنوان مثال، در اینجا من در
1113
00:49:01,440 –> 00:49:03,839
حال حاضر اطلاعاتی دارم، اجازه دهید فقط برخی از
1114
00:49:03,839 –> 00:49:06,800
دادههای ساختگی را در اینجا اضافه کنم
1115
00:49:07,280 –> 00:49:09,760
تا بتوانم فقط نام منفی را بگویم و میتوانم جواب
1116
00:49:09,760 –> 00:49:11,119
بدهم.
1117
00:49:11,119 –> 00:49:14,000
مقداری نام را در اینجا اضافه کنید
1118
00:49:14,400 –> 00:49:17,839
خوب حالا کاری که میخواهم انجام دهم این است که میخواهم
1119
00:49:17,839 –> 00:49:21,440
این نام را از این app.js به home.js ارسال کنم یا بفرستم
1120
00:49:21,440 –> 00:49:23,760
1121
00:49:23,760 –> 00:49:25,520
برای این کار میتوانید ببینید
1122
00:49:25,520 –> 00:49:27,440
که ما خانه خود را در اینجا و در اینجا اضافه کردهایم.
1123
00:49:27,440 –> 00:49:28,839
فقط می توانید
1124
00:49:28,839 –> 00:49:34,640
نام نام را بگویید تا بتوانید هر
1125
00:49:34,880 –> 00:49:37,040
متغیری را که نیاز دارید به آن بدهید و در اینجا
1126
00:49:37,040 –> 00:49:38,480
من فقط از نام استفاده می کنم
1127
00:49:38,480 –> 00:49:41,960
بنابراین اکنون می توانیم از این در home.js خود استفاده کنیم
1128
00:49:41,960 –> 00:49:45,119
وقتی که شما از props
1129
00:49:45,119 –> 00:49:46,480
در home.js
1130
00:49:46,480 –> 00:49:49,440
شما استفاده می کنید باید در اینجا props را به عنوان پارامتر اضافه
1131
00:49:49,440 –> 00:49:50,079
1132
00:49:50,079 –> 00:49:53,520
کنیم تا بتوانیم فقط props را بگوییم تا بتوانید
1133
00:49:53,520 –> 00:49:54,160
1134
00:49:54,160 –> 00:49:57,040
هر چیزی را در اینجا وارد کنید، اما خوب است
1135
00:49:57,040 –> 00:49:57,680
1136
00:49:57,680 –> 00:50:00,800
که میتوانید آن را اضافه کنید، بنابراین
1137
00:50:00,800 –> 00:50:03,920
و اینجا میخواهیم فقط آن را در
1138
00:50:03,920 –> 00:50:04,960
1139
00:50:04,960 –> 00:50:12,640
اینجا رندر کنیم فقط میتوانیم
1140
00:50:12,640 –> 00:50:16,319
بگوییم props dot name
1141
00:50:18,880 –> 00:50:21,760
و حالا اگر این را ببینیم، میتوانیم ببینیم که
1142
00:50:21,760 –> 00:50:23,760
ما در اینجا نام
1143
00:50:23,760 –> 00:50:26,880
داریم و میبینیم که ما یک
1144
00:50:26,880 –> 00:50:29,760
متغیر در اینجا با دادهها ایجاد کردهایم
1145
00:50:29,760 –> 00:50:30,160
1146
00:50:30,160 –> 00:50:34,640
و آن را به props به خانه خود ارسال کردهایم. js
1147
00:50:34,640 –> 00:50:36,720
مانند این است و اکنون میتوانیم ببینیم که میتوانیم
1148
00:50:36,720 –> 00:50:38,400
به آن دسترسی داشته باشیم و فقط میتوانیم بگوییم
1149
00:50:38,400 –> 00:50:39,680
props.name
1150
00:50:39,680 –> 00:50:41,440
اکنون یک مسئله مهم این است که شما
1151
00:50:41,440 –> 00:50:43,920
نمیتوانید آن را تغییر دهید. ارزش props در حال حاضر
1152
00:50:43,920 –> 00:50:45,200
تغییر ناپذیر است،
1153
00:50:45,200 –> 00:50:48,240
به عنوان مثال زمانی که شما
1154
00:50:48,240 –> 00:50:49,680
مقدار props را تعیین کرده
1155
00:50:49,680 –> 00:50:55,839
اید، نمی توانید آن را تغییر دهید در اینجا
1156
00:50:57,680 –> 00:50:59,280
همه بچه ها اکنون در این قسمت ما
1157
00:50:59,280 –> 00:51:01,119
می خواهیم در مورد سبک ها در react native صحبت کنیم،
1158
00:51:01,119 –> 00:51:01,920
1159
00:51:01,920 –> 00:51:04,079
بنابراین اگر ببینید همین حالا اوه ما یک
1160
00:51:04,079 –> 00:51:06,319
دو متن ساده داریم که در کامپوننت home.js ما قرار دارد
1161
00:51:06,319 –> 00:51:09,359
و بعد از
1162
00:51:09,359 –> 00:51:11,599
آن home.js خود را در
1163
00:51:11,599 –> 00:51:12,880
1164
00:51:12,880 –> 00:51:15,839
کامپوننت app.js و کامپوننت اصلی خود اضافه کرده ایم و
1165
00:51:15,839 –> 00:51:16,800
می بینید که
1166
00:51:16,800 –> 00:51:20,000
سبک هایی برای آن وجود دارد. app.js ما
1167
00:51:20,000 –> 00:51:22,640
اکنون استایلها برای view پیادهسازی شدهاند
1168
00:51:22,640 –> 00:51:24,160
زیرا ما home را
1169
00:51:24,160 –> 00:51:26,319
در view اضافه کردهایم و اکنون این سبکها
1170
00:51:26,319 –> 00:51:27,920
برای کامپوننت home نیز پیادهسازی شدهاند
1171
00:51:27,920 –> 00:51:30,640
و میتوانید ببینید که در اینجا
1172
00:51:30,640 –> 00:51:32,480
styles.container داریم
1173
00:51:32,480 –> 00:51:37,520
و اگر پایین آمدید اوه
1174
00:51:37,520 –> 00:51:39,319
شما میتوانید ببینید که در اینجا میتوانیم از stylesheet استفاده کنیم.
1175
00:51:39,319 –> 00:51:40,559
stylesheet ایجاد
1176
00:51:40,559 –> 00:51:42,400
مربوط به react
1177
00:51:42,400 –> 00:51:44,079
native است و یک مؤلفه داخلی
1178
00:51:44,079 –> 00:51:45,839
مانند متن و نمای است
1179
00:51:45,839 –> 00:51:47,680
که میتوانیم از نقطه ایجاد برای ایجاد شیوه نامه خود استفاده کنیم،
1180
00:51:47,680 –> 00:51:48,880
بنابراین
1181
00:51:48,880 –> 00:51:52,559
میتوانید ببینید flex one و اوه
1182
00:51:52,559 –> 00:51:54,240
این است. مدیریت چیدمان که
1183
00:51:54,240 –> 00:51:56,160
استفاده می شود d by
1184
00:51:56,160 –> 00:51:59,200
uh react native و فلکس باکس است اوه می
1185
00:51:59,200 –> 00:52:00,800
توانید ببینید که یکی است به این معنی که
1186
00:52:00,800 –> 00:52:02,800
تمام صفحه را نگه می دارد
1187
00:52:02,800 –> 00:52:04,400
و بعد از آن ما یک رنگ پس زمینه داریم
1188
00:52:04,400 –> 00:52:07,119
حالا اگر این را به
1189
00:52:07,119 –> 00:52:09,599
قرمز تغییر دهم می بینید که رنگ های پس زمینه
1190
00:52:09,599 –> 00:52:10,559
1191
00:52:10,559 –> 00:52:14,240
به قرمز تغییر می کنند. رنگ کنید و
1192
00:52:14,240 –> 00:52:17,359
اجازه دهید رنگ سفید را برگردانم و اگر
1193
00:52:17,359 –> 00:52:19,200
اینجا را دیده اید که موارد تراز وسط هستند
1194
00:52:19,200 –> 00:52:20,319
و در حال حاضر می توانید ببینید که
1195
00:52:20,319 –> 00:52:23,040
این دو متن در مرکز هستند
1196
00:52:23,040 –> 00:52:27,040
اگر این مورد تراز را به مرکز حذف
1197
00:52:27,040 –> 00:52:28,559
کنم تا ببینید که ما
1198
00:52:28,559 –> 00:52:31,119
آیتمها را در مرکز
1199
00:52:31,119 –> 00:52:34,079
نداریم و همچنین محتوای توجیهکنندهای داریم که
1200
00:52:34,079 –> 00:52:35,119
در مرکز قرار دارد،
1201
00:52:35,119 –> 00:52:38,079
اگر این را حذف کنم، میبینید که دو
1202
00:52:38,079 –> 00:52:40,160
متن ما در بالا قرار
1203
00:52:40,160 –> 00:52:43,280
میگیرند، بنابراین اکنون میتوانید ببینید که در اینجا مانند
1204
00:52:43,280 –> 00:52:44,079
این
1205
00:52:44,079 –> 00:52:45,760
اکنون وجود دارد دو نوع استایلی که
1206
00:52:45,760 –> 00:52:47,280
می توانید بدهید اولی این است که
1207
00:52:47,280 –> 00:52:49,760
می توانید استایل را در اینجا بدهید و بعد از
1208
00:52:49,760 –> 00:52:50,800
آن می توانید
1209
00:52:50,800 –> 00:52:52,800
استایل را برای
1210
00:52:52,800 –> 00:52:54,640
کامپوننت خود یا به عنوان مثال
1211
00:52:54,640 –> 00:52:57,040
هر جزء دیگری که اکنون می خواهید اضافه یا پیاده سازی کنید
1212
00:52:57,040 –> 00:52:57,680
راه دوم
1213
00:52:57,680 –> 00:52:59,680
این است که می توانید اضافه کردن در سبک خط به
1214
00:52:59,680 –> 00:53:01,920
عنوان مثال در اینجا در home.js if ما
1215
00:53:01,920 –> 00:53:02,400
می بینید
1216
00:53:02,400 –> 00:53:05,359
که ما یک دو متن داریم اکنون می خواهم یک
1217
00:53:05,359 –> 00:53:06,640
استایل درون خطی برای این
1218
00:53:06,640 –> 00:53:09,680
متن اضافه کنم تا بتوانیم فقط سبک بگوییم و بعد از
1219
00:53:09,680 –> 00:53:11,760
آن می توانیم فقط از آن به این صورت استفاده کنیم
1220
00:53:11,760 –> 00:53:13,920
اکنون در اینجا می توانیم استایل را به
1221
00:53:13,920 –> 00:53:15,280
این مولفه متن
1222
00:53:15,280 –> 00:53:17,839
و این سبک بدهیم. به سبک خطی است و
1223
00:53:17,839 –> 00:53:20,079
فقط برای این متن پیاده سازی می شود
1224
00:53:20,079 –> 00:53:22,160
نه اجزای دیگری که در
1225
00:53:22,160 –> 00:53:24,319
home dot js داریم،
1226
00:53:24,319 –> 00:53:27,359
بنابراین اکنون می توانم فقط به عنوان مثال
1227
00:53:27,359 –> 00:53:30,319
می توانم یک رنگ بدهم تا بتوانم
1228
00:53:30,319 –> 00:53:30,720
1229
00:53:30,720 –> 00:53:33,200
به عنوان مثال برای متن اول به آن رنگ قرمز بدهم. و اگر
1230
00:53:33,200 –> 00:53:35,040
می بینید رنگ متن
1231
00:53:35,040 –> 00:53:36,240
تغییر کرده است
1232
00:53:36,240 –> 00:53:39,359
و به عنوان مثال
1233
00:53:39,359 –> 00:53:42,400
می توانید یک
1234
00:53:42,400 –> 00:53:46,960
رنگ پس زمینه برای مثال زرد بدهید
1235
00:53:46,960 –> 00:53:49,440
و
1236
00:53:50,800 –> 00:53:52,400
بنابراین اکنون می توانید ببینید که ما یک
1237
00:53:52,400 –> 00:53:54,559
رنگ پس زمینه زرد داریم
1238
00:53:54,559 –> 00:53:57,680
و همچنین می توانید یک حاشیه padding
1239
00:53:57,680 –> 00:54:00,559
و همچنین تمام موارد را اضافه کنید. سبک هایی را که می خواهید
1240
00:54:00,559 –> 00:54:02,319
فقط می توانید آن را برای این
1241
00:54:02,319 –> 00:54:04,640
مؤلفه متن بدهید و اکنون این سبک خطی است
1242
00:54:04,640 –> 00:54:06,319
و می بینید که
1243
00:54:06,319 –> 00:54:10,720
ما سبک های این um یا متن دوم
1244
00:54:10,720 –> 00:54:12,640
را در اینجا نداریم، من می توانم سبک دیگری اضافه کنم، بنابراین
1245
00:54:12,640 –> 00:54:15,200
برای این می توانیم فقط سبک را بگویید
1246
00:54:15,200 –> 00:54:19,839
و من فقط می توانم بگویم برای مثال رنگ
1247
00:54:19,920 –> 00:54:24,960
سبز و اگر دیدید رنگ سبز است،
1248
00:54:24,960 –> 00:54:27,920
می توانید یک بالشتک بدهید، به
1249
00:54:27,920 –> 00:54:28,800
عنوان مثال
1250
00:54:28,800 –> 00:54:33,119
من می خواهم به آن بالشتک 10 بدهم و
1251
00:54:33,119 –> 00:54:34,880
حالا اگر دیدید می توانید ببینید که ما
1252
00:54:34,880 –> 00:54:36,839
یک بالشتک 10 داریم،
1253
00:54:36,839 –> 00:54:40,220
همچنین می توانید حاشیه را برای مثال
1254
00:54:40,220 –> 00:54:42,000
[Music]
1255
00:54:42,000 –> 00:54:46,079
حاشیه بدهید. و 20
1256
00:54:46,400 –> 00:54:49,839
و اگر می بینید می توانید ببینید که ما اکنون
1257
00:54:49,839 –> 00:54:52,640
20 حاشیه اندازه در اینجا داریم،
1258
00:54:52,640 –> 00:54:54,480
به عنوان مثال اگر نمی خواهید
1259
00:54:54,480 –> 00:54:55,839
استایل ها را در اینجا
1260
00:54:55,839 –> 00:54:58,240
و استایل خط را ارائه دهید، می توانید فقط آن را بدهید،
1261
00:54:58,240 –> 00:54:59,760
ابتدا باید شیوه نامه را وارد کنید.
1262
00:54:59,760 –> 00:55:02,480
react native
1263
00:55:02,480 –> 00:55:06,480
بنابراین style sheet و بنابراین در اینجا ما میتوانیم اشکالات
1264
00:55:06,480 –> 00:55:09,200
سبک خود را ایجاد کنیم
1265
00:55:09,680 –> 00:55:14,079
، style sheet
1266
00:55:14,079 –> 00:55:17,839
style sheet dot
1267
00:55:17,839 –> 00:55:21,520
ایجاد میکنیم و در اینجا اکنون میتوانیم
1268
00:55:21,520 –> 00:55:24,720
نامی را برای قانون به عنوان مثال
1269
00:55:24,720 –> 00:55:28,400
سبک متن بگذاریم، حالا میتوانیم این سبکها را
1270
00:55:28,400 –> 00:55:29,200
در
1271
00:55:29,200 –> 00:55:35,280
اینجا برای به عنوان مثال، ما یک
1272
00:55:35,280 –> 00:55:39,119
رنگ سبز و
1273
00:55:39,680 –> 00:55:43,040
بالشتک 10 و همچنین
1274
00:55:43,040 –> 00:55:46,400
حاشیه 20 داریم و اکنون میتوانیم این را
1275
00:55:46,400 –> 00:55:49,200
از اینجا حذف کنیم
1276
00:55:49,200 –> 00:55:52,559
و به جای آن فقط میتوانیم
1277
00:55:52,559 –> 00:55:57,119
سبکها را بگوییم، بنابراین این سبک، سبک متن
1278
00:55:57,119 –> 00:56:01,040
نقطهای، سبک متن نقطهای، بنابراین حالا اگر ببینید
1279
00:56:01,040 –> 00:56:03,680
uh، خواهید دید. که نتیجه
1280
00:56:03,680 –> 00:56:04,720
یکسان است
1281
00:56:04,720 –> 00:56:06,319
و مشکلی نداریم f یا به
1282
00:56:06,319 –> 00:56:07,920
عنوان مثال اگر من این را به رنگ قهوه ای دیگری تغییر دهم
1283
00:56:07,920 –> 00:56:09,680
1284
00:56:09,680 –> 00:56:12,079
1285
00:56:13,040 –> 00:56:15,440
و می بینید که به
1286
00:56:15,440 –> 00:56:18,160
رنگ دیگری تغییر
1287
00:56:20,799 –> 00:56:22,559
کرده است، بچه ها، ما قبلاً یاد گرفته ایم
1288
00:56:22,559 –> 00:56:23,839
که چگونه می توانید اجزای کاربردی ایجاد کنید،
1289
00:56:23,839 –> 00:56:25,520
اکنون زمان آن است
1290
00:56:25,520 –> 00:56:27,839
که در مورد مؤلفه های کلاس بیاموزیم،
1291
00:56:27,839 –> 00:56:29,839
بنابراین اکنون بیایید خود را ایجاد کنیم. کامپوننت class
1292
00:56:29,839 –> 00:56:32,799
من قبلاً یک کلاس home.js ایجاد کردهام،
1293
00:56:32,799 –> 00:56:35,359
زیرا برنامه افزودنی را نصب
1294
00:56:35,359 –> 00:56:37,200
1295
00:56:37,200 –> 00:56:37,520
1296
00:56:37,520 –> 00:56:40,640
1297
00:56:40,640 –> 00:56:43,040
کردهام، بنابراین برای کامپوننت کلاس فقط میتوانم از rce استفاده کنم و بعد از آن enter را بزنید، اکنون این جزء کلاس من است و همانطور
1298
00:56:43,040 –> 00:56:44,960
که قبلاً گفتم اجزای کلاس
1299
00:56:44,960 –> 00:56:45,280
1300
00:56:45,280 –> 00:56:48,720
اساساً هستند. کلاس های جاوا اسکریپت
1301
00:56:48,720 –> 00:56:51,280
می توانید ببینید که ما یک کلاس در اینجا داریم،
1302
00:56:51,280 –> 00:56:53,200
بنابراین اجازه دهید من فقط این صادرات را حذف
1303
00:56:53,200 –> 00:56:56,160
کنم زیرا من کلاس پیش فرض را به خانه صادر
1304
00:56:56,160 –> 00:56:57,920
می کنم، می توانید ببینید که ما کلاس داریم و بعد از
1305
00:56:57,920 –> 00:56:59,680
آن و بعد از آن نام
1306
00:56:59,680 –> 00:57:00,319
1307
00:57:00,319 –> 00:57:02,400
کلاس و آن از کامپوننت
1308
00:57:02,400 –> 00:57:04,079
و کامپوننت ها از react وارد می شوند
1309
00:57:04,079 –> 00:57:07,520
و اکنون
1310
00:57:07,520 –> 00:57:09,520
باید یک متد رندر
1311
00:57:09,520 –> 00:57:11,520
در اینجا ایجاد کنیم و این یک کلمه کلیدی رزرو شده است
1312
00:57:11,520 –> 00:57:15,119
و react native است و در اینجا
1313
00:57:15,119 –> 00:57:17,440
ما یک jsx را برمی گردانیم.
1314
00:57:17,440 –> 00:57:19,440
من کلاس div را در
1315
00:57:19,440 –> 00:57:21,839
اینجا برنمی گردم زیرا div برای react native به وب مربوط می شود،
1316
00:57:21,839 –> 00:57:24,720
ما قصد داریم
1317
00:57:24,720 –> 00:57:25,440
1318
00:57:25,440 –> 00:57:29,119
view را وارد کنیم، بنابراین می توانیم فقط بگوییم import view
1319
00:57:29,119 –> 00:57:32,880
از react native
1320
00:57:33,760 –> 00:57:37,119
حالا بیایید فقط view را در اینجا اضافه کنیم تا
1321
00:57:37,119 –> 00:57:39,839
مانند این و همچنین می خواهم فقط
1322
00:57:39,839 –> 00:57:40,799
1323
00:57:40,799 –> 00:57:44,079
متن را وارد کنید و در اینجا من فقط می توانم
1324
00:57:44,079 –> 00:57:48,240
متن را بگویم و در متن می توانم فقط
1325
00:57:48,240 –> 00:57:52,079
از کلاس سلام کنم،
1326
00:57:53,119 –> 00:57:55,359
بنابراین اکنون جزء کلاس خود را ایجاد کرده ایم
1327
00:57:55,359 –> 00:57:56,319
1328
00:57:56,319 –> 00:57:59,200
و اکنون می توانیم جزء کلاس خود را در home.js خود اضافه کنیم،
1329
00:57:59,200 –> 00:58:01,119
1330
00:58:01,119 –> 00:58:03,760
بنابراین ابتدا باید این را وارد کنیم. در
1331
00:58:03,760 –> 00:58:06,240
app.js ما فقط می توانیم بگوییم
1332
00:58:06,240 –> 00:58:10,400
کلاس home را از
1333
00:58:10,400 –> 00:58:13,920
اجزای دات کام وارد کنید
1334
00:58:13,920 –> 00:58:17,440
و کلاس خانه است و اکنون می توانیم
1335
00:58:17,440 –> 00:58:21,200
به راحتی
1336
00:58:21,200 –> 00:58:22,799
خانه کلاس را در اینجا اضافه کنیم همچنین
1337
00:58:22,799 –> 00:58:25,760
نیازی به این نوار وضعیت های
1338
00:58:25,760 –> 00:58:29,200
آماری از نمایشگاه نداریم. اجازه دهید من فقط آن را حذف کنم. اینطور
1339
00:58:29,200 –> 00:58:32,640
نیست، پس حالا اگر می بینید
1340
00:58:32,640 –> 00:58:35,440
می توانید ببینید که ما جزء کلاس خود
1341
00:58:35,440 –> 00:58:37,520
را در اینجا داریم و
1342
00:58:37,520 –> 00:58:40,319
اکنون از کلاس سلام دریافت می کنیم، می توانید
1343
00:58:40,319 –> 00:58:42,240
استایل را به این اضافه کنید، برای مثال اگر می خواهید
1344
00:58:42,240 –> 00:58:43,040
یک استایل اضافه کنید،
1345
00:58:43,040 –> 00:58:46,480
من می خواهم اضافه کنم یک سبک برای این
1346
00:58:46,480 –> 00:58:49,040
متن بنابراین من فقط می توانم سبک بگویم و
1347
00:58:49,040 –> 00:58:51,200
از یک i استفاده می کنم سبک nline
1348
00:58:51,200 –> 00:58:54,400
و ما فقط میتوانیم بگوییم سایز فونت
1349
00:58:54,400 –> 00:58:58,400
20 و من فقط میتوانم یک رنگ
1350
00:58:58,400 –> 00:59:01,760
1351
00:59:02,079 –> 00:59:05,200
به رنگ قرمز یا هر
1352
00:59:05,200 –> 00:59:08,880
چیزی که میتوانی بگوییم یا بنفش اضافه کنم،
1353
00:59:11,440 –> 00:59:15,520
پس حالا اگر دیدی ما از کلاس در اینجا سلام میکنیم،
1354
00:59:15,520 –> 00:59:17,359
1355
00:59:17,359 –> 00:59:19,920
اگر به یاد دارید از props
1356
00:59:19,920 –> 00:59:20,960
در
1357
00:59:20,960 –> 00:59:24,240
کامپوننتهای تابعی استفاده کردهاید و اگر
1358
00:59:24,240 –> 00:59:27,359
مستندات react native را میبینید اکنون
1359
00:59:27,359 –> 00:59:29,440
دو نوع داده وجود دارد که
1360
00:59:29,440 –> 00:59:30,480
یک کامپوننت را کنترل میکند،
1361
00:59:30,480 –> 00:59:32,480
بنابراین ما props داریم، قبلاً دیدهایم
1362
00:59:32,480 –> 00:59:33,839
که چگونه میتوانید از props و
1363
00:59:33,839 –> 00:59:35,040
کامپوننت تابعی استفاده کنید
1364
00:59:35,040 –> 00:59:38,079
و همچنین اکنون یک وضعیت داریم. props
1365
00:59:38,079 –> 00:59:40,240
توسط والد تنظیم می شود و
1366
00:59:40,240 –> 00:59:42,559
در طول عمر یک کامپوننت ثابت می شوند
1367
00:59:42,559 –> 00:59:43,920
و همانطور که قبلاً گفتم نمی توانیم
1368
00:59:43,920 –> 00:59:46,640
1369
00:59:46,640 –> 00:59:48,960
برای داده هایی که قرار است تغییر کنند،
1370
00:59:48,960 –> 00:59:51,040
باید از یک حالت استفاده کنیم، به عنوان مثال اگر
1371
00:59:51,040 –> 00:59:54,799
یک داده داریم و آن و ما برنامه ریزی کرده
1372
00:59:54,799 –> 00:59:55,760
1373
00:59:55,760 –> 00:59:57,839
ایم که برای آن باید از حالت استفاده کنیم، اکنون به
1374
00:59:57,839 –> 00:59:59,680
شما نشان خواهم داد که چگونه می توانیم از آن استفاده کنیم،
1375
00:59:59,680 –> 01:00:01,599
بنابراین ابتدا از حالت در یک
1376
01:00:01,599 –> 01:00:03,760
جزء کلاس استفاده می کنیم و بعد از آن ابتدا این
1377
01:00:03,760 –> 01:00:05,440
کار را انجام می دهیم، من از props استفاده می کنم. و
1378
01:00:05,440 –> 01:00:06,640
جزء کلاس
1379
01:00:06,640 –> 01:00:08,319
و عقب حالا که ما در مورد وضعیت صحبت خواهیم کرد،
1380
01:00:08,319 –> 01:00:10,720
بنابراین
1381
01:00:10,720 –> 01:00:14,000
اکنون در myapp.js ما این
1382
01:00:14,000 –> 01:00:18,160
نام را دارم و همانطور که قبلاً برای
1383
01:00:18,160 –> 01:00:21,680
مؤلفه عملکردی home استفاده کرده ام، اکنون
1384
01:00:21,680 –> 01:00:23,040
اجازه دهید فقط آن را حذف کنم زیرا من آن موارد را
1385
01:00:23,040 –> 01:00:25,440
از صفحه اصلی خود از صفحه اصلی حذف کرده ام.
1386
01:00:25,440 –> 01:00:28,640
اکنون در خانه کلاس
1387
01:00:28,640 –> 01:00:31,040
در اینجا من فقط می توانم یک نام اضافه کنم و اجازه
1388
01:00:31,040 –> 01:00:33,280
دهید به عنوان مثال
1389
01:00:33,280 –> 01:00:36,559
بگویم اجازه دهید فقط یک نام در اینجا
1390
01:00:36,559 –> 01:00:39,920
1391
01:00:39,920 –> 01:00:42,799
1392
01:00:42,799 –> 01:00:46,160
بگذارم تا اکنون بتوانم به این دسترسی داشته باشم، حالا می خواهم این نام را از app.js خود به آدرس خود بفرستم. کلاس خانه
1393
01:00:46,160 –> 01:00:49,680
بنابراین از کامپوننت والد به
1394
01:00:49,680 –> 01:00:51,200
مولفه فرزند
1395
01:00:51,200 –> 01:00:53,040
حالا اگر به خاطر دارید در
1396
01:00:53,040 –> 01:00:55,599
کامپوننت عملکردی باید در اینجا props اضافه کنیم
1397
01:00:55,599 –> 01:00:58,000
و بعد از آن فقط می توانیم از آن به
1398
01:00:58,000 –> 01:00:58,640
این صورت استفاده کنیم،
1399
01:00:58,640 –> 01:01:02,240
به عنوان مثال نام نقطه props
1400
01:01:02,240 –> 01:01:04,799
و ما می توانیم به props دسترسی داشته باشیم. اکنون
1401
01:01:04,799 –> 01:01:06,960
در کامپوننت کلاس،
1402
01:01:06,960 –> 01:01:10,160
ما نیازی به اضافه کردن پروپوزالها در اینجا
1403
01:01:10,160 –> 01:01:13,119
نداریم، بهعنوان مثال، پروپوزالها در یک جزء کلاس ساخته شدهاند
1404
01:01:13,119 –> 01:01:14,400
1405
01:01:14,400 –> 01:01:17,440
و میتوانیم فقط از این طریق آن را دریافت کنیم،
1406
01:01:17,440 –> 01:01:21,119
بنابراین اکنون در اینجا میتوانید فقط
1407
01:01:21,119 –> 01:01:26,000
این نام نقطهای را بگویید.
1408
01:01:27,680 –> 01:01:31,920
اگر این را ذخیره کنید،
1409
01:01:36,839 –> 01:01:38,640
بنابراین ما یک
1410
01:01:38,640 –> 01:01:41,119
خطا داریم،
1411
01:01:41,839 –> 01:01:45,520
آه باید مانند t باشد متاسفم برای این
1412
01:01:45,520 –> 01:01:49,280
و حالا ما فقط می توانیم این را ذخیره کنیم
1413
01:01:49,280 –> 01:01:53,839
و بیایید فقط منتظر بمانیم
1414
01:01:54,720 –> 01:01:56,720
آه این همچنین باید یک متن را در
1415
01:01:56,720 –> 01:01:58,720
اینجا اضافه کنیم زیرا ما یک رشته داریم
1416
01:01:58,720 –> 01:02:03,359
و باید در یک متن پیچیده
1417
01:02:03,359 –> 01:02:06,799
شود به این ترتیب
1418
01:02:06,799 –> 01:02:10,400
و باید در آن باشد. خوب حالا بیایید
1419
01:02:10,400 –> 01:02:10,799
فقط
1420
01:02:10,799 –> 01:02:13,440
این را ذخیره کنیم
1421
01:02:14,960 –> 01:02:18,799
و حالا بله اکنون می توانید ببینید که ما
1422
01:02:18,799 –> 01:02:22,400
این نام را از app.js خود
1423
01:02:22,400 –> 01:02:25,520
از اینجا به جزء کلاس خود
1424
01:02:25,520 –> 01:02:28,319
که کلاس home.js است دریافت می کنیم،
1425
01:02:28,319 –> 01:02:29,440
بنابراین می توانید از
1426
01:02:29,440 –> 01:02:32,640
props در اینجا استفاده کنید. قبلاً گفتهام
1427
01:02:32,640 –> 01:02:34,000
که میتوانید از یک وضعیت استفاده کنید
1428
01:02:34,000 –> 01:02:36,480
و به عنوان مثال برای دادههایی که قرار است
1429
01:02:36,480 –> 01:02:37,680
تغییر کنند، ما باید از حالت استفاده کنیم
1430
01:02:37,680 –> 01:02:40,880
برای مثال در اینجا من فقط میتوانم
1431
01:02:40,880 –> 01:02:41,760
1432
01:02:41,760 –> 01:02:45,599
وضعیت
1433
01:02:45,599 –> 01:02:47,520
را ایجاد کنم و به عنوان مثال میتوانم یک نام برای آن
1434
01:02:47,520 –> 01:02:50,160
در اینجا
1435
01:02:51,039 –> 01:02:54,079
بگذارم.
1436
01:02:54,079 –> 01:02:56,559
به جای این،
1437
01:02:56,559 –> 01:02:58,400
این بار من فقط
1438
01:02:58,400 –> 01:03:02,160
از این نام خود در حالت استفاده میکنم،
1439
01:03:02,160 –> 01:03:04,240
بنابراین کاری که میخواهم انجام دهم این است که اکنون
1440
01:03:04,240 –> 01:03:05,839
فقط این
1441
01:03:05,839 –> 01:03:08,880
نام نقطه را
1442
01:03:08,880 –> 01:03:11,280
بگویم، اگر ببینید، ما همان را خواهیم دید.
1443
01:03:11,280 –> 01:03:12,640
نتیجه
1444
01:03:12,640 –> 01:03:15,200
اما اکنون اما کاری که می توانیم انجام دهیم می توانیم
1445
01:03:15,200 –> 01:03:17,200
این نام را تغییر دهیم زیرا ما یک خیابان داریم ate
1446
01:03:17,200 –> 01:03:19,520
و حالت ها را می توان تغییر داد،
1447
01:03:19,520 –> 01:03:22,319
بنابراین برای تغییر این حالت، به
1448
01:03:22,319 –> 01:03:23,039
عنوان مثال،
1449
01:03:23,039 –> 01:03:25,680
ما باید یک دکمه در اینجا ایجاد کنیم،
1450
01:03:25,680 –> 01:03:28,079
بنابراین می خواهیم بگوییم
1451
01:03:28,079 –> 01:03:30,559
دکمه را از react native وارد کنید و
1452
01:03:30,559 –> 01:03:34,160
من فقط می توانم یک دکمه در اینجا
1453
01:03:38,400 –> 01:03:45,839
یا i ایجاد کنم. فقط می توانید از آن به این
1454
01:03:46,160 –> 01:03:49,839
صورت استفاده کنید، بنابراین روی من کلیک کنید و حالا اگر
1455
01:03:49,839 –> 01:03:52,720
دیدید می بینید که ما یک دکمه در
1456
01:03:52,720 –> 01:03:54,799
اینجا داریم،
1457
01:03:54,799 –> 01:03:58,880
بنابراین اشتباه است، باید عنوان آن را به
1458
01:03:58,880 –> 01:04:04,319
این صورت باشد و
1459
01:04:09,280 –> 01:04:10,799
خوب، اکنون می توانید ببینید که ما یک
1460
01:04:10,799 –> 01:04:12,799
دکمه داریم و اکنون می توانیم روی آن کلیک کنیم.
1461
01:04:12,799 –> 01:04:15,680
بیایید فقط مقداری استایل برای این اضافه کنیم
1462
01:04:15,680 –> 01:04:17,039
و
1463
01:04:17,039 –> 01:04:20,480
من فقط می توانم بگویم استایل
1464
01:04:20,480 –> 01:04:24,160
ما می توانیم یک padding top را به
1465
01:04:24,160 –> 01:04:27,359
20 و اندازه فونت را
1466
01:04:27,359 –> 01:04:30,559
به 20
1467
01:04:33,200 –> 01:04:35,440
بدهیم و می بینید که ما این را
1468
01:04:35,440 –> 01:04:36,799
داریم همچنین می
1469
01:04:36,799 –> 01:04:40,400
توانیم یک استایل درون خطی برای دکمه اضافه کنیم
1470
01:04:40,400 –> 01:04:43,119
تا بتوانم فقط سبک بگویم و من فقط
1471
01:04:43,119 –> 01:04:43,920
می توانم بگویم
1472
01:04:43,920 –> 01:04:48,319
padding top 20. بسیار
1473
01:04:52,559 –> 01:04:55,839
خوب اکنون
1474
01:04:56,880 –> 01:04:58,480
کار نمی کند زیرا ما
1475
01:04:58,480 –> 01:05:00,319
در اینجا یک padding top داریم بنابراین به
1476
01:05:00,319 –> 01:05:02,160
همین دلیل اجازه دهید من فقط
1477
01:05:02,160 –> 01:05:04,880
این را حذف کنم.
1478
01:05:04,880 –> 01:05:06,880
1479
01:05:06,880 –> 01:05:08,640
ما نمی توانیم این کار را انجام دهیم،
1480
01:05:08,640 –> 01:05:11,039
اکنون نمی توانیم متن را تغییر
1481
01:05:11,039 –> 01:05:13,280
دهیم به عنوان مثال، اگر
1482
01:05:13,280 –> 01:05:14,640
روی این کلیک کنید روی من کلیک کنید
1483
01:05:14,640 –> 01:05:18,079
، میخواهم این نام را از اینجا تغییر دهم،
1484
01:05:18,079 –> 01:05:20,880
بنابراین
1485
01:05:20,880 –> 01:05:22,079
1486
01:05:22,079 –> 01:05:24,400
اگر از react.js یا نسخه وب
1487
01:05:24,400 –> 01:05:25,200
1488
01:05:25,200 –> 01:05:27,599
استفاده میکنید، میتوانید از روی کلیک استفاده کنید نه کلیک کنید. برای
1489
01:05:27,599 –> 01:05:29,039
react native باید در پرس استفاده کنید
1490
01:05:29,039 –> 01:05:33,680
و در اینجا من فقط می توانم
1491
01:05:33,680 –> 01:05:36,400
آن را تغییر دهم، بنابراین با فشار دادن
1492
01:05:36,400 –> 01:05:37,440
دکمه
1493
01:05:37,440 –> 01:05:42,319
و فقط می توانم بگویم از حالت set state
1494
01:05:44,000 –> 01:05:46,799
desktop set state استفاده کنید و در اینجا می خواهم
1495
01:05:46,799 –> 01:05:47,359
1496
01:05:47,359 –> 01:05:50,480
نام را به عنوان مثال تغییر دهم
1497
01:05:50,480 –> 01:05:53,760
این تغییر کرده است.
1498
01:05:55,599 –> 01:05:57,920
بنابراین و در اینجا ما یک حالت ایجاد کرده ایم و
1499
01:05:57,920 –> 01:05:59,760
بعد از آن اکنون
1500
01:05:59,760 –> 01:06:04,160
با استفاده از دکمه فشار دادن آن حالت را تغییر می
1501
01:06:04,160 –> 01:06:07,280
دهیم و در اینجا اگر روی این کلیک کنم روی من کلیک کنید،
1502
01:06:07,280 –> 01:06:10,640
می بینید که اکنون این حالت تغییر کرده است،
1503
01:06:10,640 –> 01:06:13,200
این از یک جزء کلاس استفاده
1504
01:06:13,200 –> 01:06:15,280
می کند. می تونم از حالت ها در یک کامپوننت تابعی
1505
01:06:15,280 –> 01:06:16,720
1506
01:06:16,720 –> 01:06:18,319
1507
01:06:18,319 –> 01:06:20,480
1508
01:06:20,480 –> 01:06:23,680
استفاده کنم الان مفهوم دیگه ای هست به اسم React Hooks React Hook می تونید استفاده کنید که الان قبل از
1509
01:06:23,680 –> 01:06:25,920
این مشکلی وجود داشت که
1510
01:06:25,920 –> 01:06:29,280
1511
01:06:29,280 –> 01:06:31,520
مثلا نمی تونیم از حالت ها
1512
01:06:31,520 –> 01:06:32,640
در کامپوننت تابعی استفاده کنیم
1513
01:06:32,640 –> 01:06:34,960
ولی بعد از معرفی react قلاب
1514
01:06:34,960 –> 01:06:36,319
n ما میتوانیم از
1515
01:06:36,319 –> 01:06:38,319
حالت کاربری استفاده کنیم، به عنوان مثال، میتوانید
1516
01:06:38,319 –> 01:06:40,000
از قلابهای افکت برای عوارض
1517
01:06:40,000 –> 01:06:42,960
جانبی برای واکشی
1518
01:06:42,960 –> 01:06:46,559
دادهها در home.js استفاده کنید، بنابراین در اینجا
1519
01:06:46,559 –> 01:06:49,680
ابتدا باید آن را وارد کنیم، بنابراین
1520
01:06:49,680 –> 01:06:50,880
میتوانیم بگوییم use
1521
01:06:50,880 –> 01:06:53,440
state
1522
01:06:58,240 –> 01:07:00,880
now اگر مستندات react را میبینید، بنابراین
1523
01:07:00,880 –> 01:07:02,880
میتوانید ببینید که قلابها افزودههای جدیدی در
1524
01:07:02,880 –> 01:07:03,960
react
1525
01:07:03,960 –> 01:07:07,200
16.8 هستند، آنها به شما اجازه میدهند از
1526
01:07:07,200 –> 01:07:10,160
حالت و سایر ویژگیهای react بدون
1527
01:07:10,160 –> 01:07:12,079
نوشتن کلاس استفاده
1528
01:07:12,079 –> 01:07:14,160
کنید و در اینجا باید
1529
01:07:14,160 –> 01:07:16,400
وضعیت کاربری را وارد کنیم و در اینجا فقط میتوانیم از
1530
01:07:16,400 –> 01:07:19,680
use state استفاده کنیم. مثل این و بعد از آن
1531
01:07:19,680 –> 01:07:21,760
باید یک مقدار اولیه بدهید حالا این
1532
01:07:21,760 –> 01:07:23,280
یک آرایه
1533
01:07:23,280 –> 01:07:25,520
خواهد بود، این یک رشته یا عدد صحیح یا یک شی ساده خواهد بود،
1534
01:07:25,520 –> 01:07:27,839
بنابراین در اینجا
1535
01:07:27,839 –> 01:07:28,720
ما فقط از
1536
01:07:28