اگر همه چیت اوکی باشه با گذاشتن یه List از object های JSON خودش میره Header و Data را برات می شونه. * هر Object را داخل یک Row از جدول میزاره. * میاد اون Key های Objcet را به عنوان Header ور میداره.(خود به خود kebab-case را ور میداره و به snake-case و Camel Case تبیل می کند.

تکلیف theme که مشخص است

این ها مثل Table در این جا هم هستند.

با v-for این را تعیین می کنه که چند سطر تو می خوای

جالبه ما یه چیزی به نام v-list-item داریم که item های این List را تعیین می کنه.

تو سه حالت ما اینا داریم که این سه حالت شامل: Single Line Two Line Three Line

ایا یا Esc بره یا نره

می تونی نوع Transition را هم تعیین کنی

با v-model هم مثل اینکه میشه

این برای فعال کردن Dialog به درد می خوره. هم اسم activator برای template و هم v-bind در v-btn باید مثل هم باشند.

این نزدیک ترین چیز به Modal در Bootstrap است.

با max-height و max-width می تونی حداکثر ارتفاع و عرض را تعیین کنی

با این Width می تونی عرض تصویر را تعیین کنی. با aspect-ratio می تونی نسبت تصویر را تعیین کنی

با این می تونی Dynamic Progressive را بیاری

هم بهش میگه خروجی را کجا بریزه و هم براش یه Level تعیین کرد. طبیعتا اگر Level در حد Critical باشه، دیگه نمیره سراغ Info.

چقد قشنگ Format را تعریف کرده

هم بهش میگه خروجی را کجا بریزه و هم براش یه Level تعیین کرد.

Debug Level: اطلاعات Debugger مثل همون System.log ها است

Level Info: این برای نشون دادن FLow برنامه و یه جورایی برای Confirmation Messages است

توصیه می کنم که اول V-text-filed را بخون و ازش چیز یاد بگیر

با این tags می تونی multiple combobox داشته باشی

این Density را واقعا نفهمیدم

با items می تونی یه لیست براش تعیین کنی

با Label می تونی براش Label تعیین کنی

سه تا حالت محتلف داره که: Default Outline: Outline border Underlined: Underline bellow

اینجا Slot ها را نشونت میده که خب اول اون قسمت اول که Anatomy بود را بخون

نگران نباش چون Value ها را می تونی با v-model پیش ببری.

برای بحث Validation و Rule ها میان از این استفاده می کنن. برای بحث های Validation مثال های پایینش کامل تر نشون میده

این Variant های مختلفش را نشون میده

پشمام جدییییی می تونی Prefix و Suffix بذاری

می تونی حتی Icon بذاری

می تونی به راحتی Disable و Readonly کنی

تازه Examples هاش اومد

منظورمون همون دکمه ای هست که برای پاک کردن Text Filed به درد می خوره.

برای بحث Hint این که کی ظاهر بشه و کی پنهان بشه

دقت داشته باش که Hint منظورمون همون متنی که زیر text-filed ظاهر میشه.

برای بحث Placeholders ها به درد می خوره

چقد خوب داره Anatoy را نشون میده

برای بحث Labeling به کار میره

برای Align کردنش به کار میره

می تونی اندازه Pagination را مشخص کنی

با این Prop می تونی بری اول یا اخر

فعلا نمی دونم اینا چین

برای محدود کردن کاربر که من فعلا استفاده نمی کنم

با این v-model می تونی مقدار صفحه جاری را نشون بدی. با این total-rows باید تعداد کل ردیف ها را بهش بدی با این per_page که تکلیف مشخص است.

این SQLAlchamy من این یه تیکشا نفهمیدم

نحوه نصبش در pip را داره میگه

این ORM هم داره که یعنی تو بیای Class به Database را map کنی و اینجوری Maintain کد را رحت تر کنی. یه چیز دیگه تبدیل Datatype های SQL که اغلب به صورت Integer و Float است به DataType های Python که اغلب به صورت Non Scaler است

با پانداس میاد میخونه

خیلی راحت head می خونه.

این Feature در واقع همون صفت ها یا مقادیری که ما باهاشون میخوایم آموزش را یاد بدهیم. مثلا در همین مسئله شبکه ما این که IP و port و اینا چی باشه را بهش میگن Feature. در الگوریتم های نظارت شده این مقایدیری که حاصل کار است را میگن Label. مسئلن در مسئله خودمون این که نتیجه این ترافیک چیه را بهش میگن Label.

معرفی کرد Feature و Label خودشا

ما یه چیز دیگه هم داریم به نام @before_request که اونم خیلی جالبه

این Routing در واقع برای map کردن یک HTTP Request به یک Function است. مثل اینکه این Routing میتونن به انواع و اقسام HTTP Requst جواب بدن مثل GET و POST و غیره. در واقع در نهایت یک Routing Table درست میشه که هر URL به یک تیکه کدی وصل می کنه و به این Routing Table یا Routing Engine کفته می شود.(یاد مفهوم Routing Table در لایه 3 یا network افتادم)

برای status code می تونی بعد اون return سااده بنویسی 200 return "Would you like some tea?", 200

حالا می خواد بره با Axios وصلش کنه

حالا رفت سراغ Vue

در واقع تعیین می کنه که درخواست ها از چه پروتکلی، با چه IP یا Domain Name و رو چه Port می تونی جواب بدی. خیلی خووبه براش تعیین کنی تو فقط باید از این IP و Port که در Front تعیین کردی استفاده کنی

تازه رفت سراغ Flask-origin چقد جاالب.

اول یه Virtual Environment می سازه

یه سری چیز دیگه هم هست use_reloader انگار پس از هر تغییری خودش restart می کنه threaded یعنی هر request را به یک thread بسپاری

ما یه سری چیز جالب دیگه هم داریم که اینجا نیورده request.json request.data

اینا تو درس Cookie توضیح می دهم

از همین استفاده می کرد که بتونه بفهمه الان با Method به نام Request یا Response

این داخلش اطلاعاتی که به وسیله POST و در داخل Form در سمت View درست شده است را میفرستن تو این Object که انگار یک Dictionary هم هست. خیلی بهتر در این سایت برات نوشتم. https://www.digitalocean.com/community/tutorials/processing-incoming-request-data-in-flask

برای گرفتن اطلاعات Query String، باید بری سراغ args که خب من تو این سایت دیدم بهتر نوشته است. https://www.digitalocean.com/community/tutorials/processing-incoming-request-data-in-flask

اینم اولین باره من دارم می بینم. مثل اینکه قدیمیه ولی کسی دیگه از این استفاده نمی کنه

من تا الان همچین تابعی ندیده بودم. فقط اسم اون url را میده. build a URL dynamically بعضی وقتا می خوای بر اساس ورودی کاربر به url های مختلفی اون را بفرستی که برای این کار از url_for استفاده می کنند. هر چی پارامتر بعد بهش بدی میشه در واقع همون پارامترهای اون تابع: url_for('cricket',favteam = team) مثالش اینجاس: https://www.geeksforgeeks.org/flask-url-helper-function-flask-url_for/

که خب برای وقتایی هست که تو میخوای در یک تابعی هستی و درخواست را بفرستی برای یک تابع دیگه کخ اون Handle کنه. مثلا وقتی User و Pass نداره بره تو صفحه Signup. سه تا پارامتر میگیره شامل location که آدرسی که میخواد نتیجه بره و statuscode که خب طبیعتا 302 است و response نفهمیدم.

نخوندم

همیشه برای Return شدن میومدیم از render_template استفاده می کردیم ولی ایندفعه کار باحالی کرده و با make_response این کار را کرده. چه جالب اینجوری Set می کنه. دقت داشته باش که با این make response میشه خیلی کارا کرد از جمله Set کردن Status Code برای Response و mimetype و headers.

• myResponse = make_response('Response')
• myResponse.headers['customHeader'] = 'This is a custom header'
• myResponse.status_code = 403
• myResponse.mimetype = 'video/mp4'

اینم نحوه get کردن که مثل همیشه از طریق request این کار را می کنه

برای Set شدن باید از سمت Server بیاد و برای Get شدن باید از سمت Client بیاد. برای Get کردنم که همون طور که میدونی خود مرورگر Client برات تو همون درخوسات های Get برات این Cookie را هم میفرسته

برای Set شدن باید از سمت Server بیاد و برای Get شدن باید از سمت Client بیاد. همون جور که میدونی برای برای درست کردن response ا دستوری به نام make_response() استفده می کنیم . تو این دستور از تابعی به نام set_cookie استفاده می کنیم که میره برات یک Cookie را ذخیره می کنه.

اقا این Cookie همون جور که می دونی به عنوان بخشی از پروتکل http کار می کند و برای ذخیره کردن اطلاعات کاربر به کار می رود. من تو Onenote برات نوشتم. برای دسترسی به Cookie ها، داخل Request Object می تونی با attr به نام cookie بهش دسترسی داشته باشی. یک سری Extra Date داره.

اقا دقت کن که من form در یک جلسه قبل گفتم حالا اومده تو صفحه student.html یک فرم گذاشته که تو فرمش گفته بفرس به result (البته من تو digital occean خوندم که باید بفرسته به همون جایی که ازش form را گرفته و این برام عحیبه) به هر حال در result گفته با post بگیر و اطلاعات را از طریق request.form بگیر و حالا با صفحه result اون اطلاعات را به کاربر نشون بده. خیلی ساده و قشنگ

نکته خیلی مهمی که میگه اینه که حتما باید Value ها حاوی کلید باشند مگرنه به مشکل میخوره

چه تابع جالبی که میاد اطلاعات JSON را به Python تبدیل می کند

قوانین تبدیل JSON به Python dict: اولا اگر در Json حالت Key و Value داشته باشد، در پایتون به صورت Dictionary است. دوما آرایه در Json به List در پایتون تبدیل می شود. سوما Value هایی که داخل " " باشد به Sting در پایتون تبدیل می شود. چهارما باحاله نگاه کن :) پنجما اعدادی که " " نداشته باشد به اعداد تبدیل می شود.

هر وقت اسم JSON پیش می اید نام POSTMAN می درخشد

حالا رفت سراغ Json چون خیلی بهتر از Query String و Form Data براد اطلاعات را میفرسته. برای اطلاعات پیچیده تر بهتر است.

شاهکارش برای Handle کردن FORM. خیلی خووبه یاد بیگیر

این فرم POST Request را میفرسته به همون URL که این Form را Generate کرده. دقتم داشته باش که این فیلد ها را بعدا میشه در Object به نام Form گرفت و اسمشم همونایی که در Attribute به نام name گذاشتیم که اینجا language و Framework است

جالبه برای درست کردن Form اومده هر دو تابع GET و POST را گذاشته و اینجوری تو موقع Get که فرم را میفرسته

از اینجا در مورد object به نام Form توزیح می دهد که اطلاعاتی که تو اطلاعاتی که در From و در تابع POST میفرستی میاد در Object به نام Form

دو جورمیاد اون Query String را میگیره request.args.get request.args حس می کنم که این args یک Array است دقت داشته باش که language یک کلید است و با این دستور میاد محتوا را میگیره. در صورتی request.args.get که حتی اگر language هم خالی باشه بازم مشکلی در اجرای برنامه پیش نمیاد، البته اگه برنامه تو اینا Handle کنه و مقدار خروجی اش برابر None است. در صورتی که request.args بخوای بری اگر نداشته باشه بهت خطای 400 میده.

اینجا داره query string هاشا درست میکنه

اینجا که برات پیش نیازها را نوشته

اینجا تو بحث Static فایل ها است که مثل JS و CSS است. میگه به صورت عمومی این کار Web Server است ولی در موقع Develope باید این فایل ها را در پوشه Static بذاریم.

خیلی جالبه میگه فقط با گفتن کلید واژه static خودش برات URL دسترسی به این پوشه را درست می کنه. الان تو مثالشم ببینی میاد با یه url_for() و یک کلید واژه static و اسم فایل، اون فایل را برات Serve می کنه

اینا برای کار با Jinja است من دیگه خیلی وارد این قسمت نمیشم

ایم مفهوم Web Templating System خیلی مهمه میگه یعنی طراحی یک فایل HTML که بشه Variable Data ها را داخلش Insert کرد. میگه این سیستم شامل یک Engine که برات خروجی HTML را Render می کند و یک Data Source و همچنین یک template processor است.

این render_template که بذاری یعنی برو از Template Engine بخون . با این تابع میگی برو از تو پوشه TEMPLATE و فایل hello را بخون

ببین من خیلی با اینجاش دیگه موافق نیستم چون تو Return به جای یک عبارت ساده، میاد یه HTML می نویسه و این هر جوری حساب کنی تخمیه و ما نباید اینجوری بریمو باید Json پس بده. این روش کلا اشتباس

جالبه این args من نمیدونم کجاها به درد میخوره

اول همه باید خیلی خوووب دید داشته باشی نسبت به Request و Response در موقع درخواست POST. این جا از یک ابجکت جدید رونمایی کرد به نام request و در موقع پست توی request اطلاعات ارسالی است(دقت داشته باش که توی body اون اطالاعات ارسالی است) و تو Response حالا 200 می تونه باشه(مجیدی دوباره اطلاعات ارسالی را پس میفرستاد)

متدهای اصلی HTTP را داره میگه

با این تابع که بهش میگن url_for میشه یک تابع دیگه را اجرا کنی. توی اولین ارگومانش اسم تابعی که باید Redirect بشه را میدی و توی آزگومان های بعدی در واقع باید همون Variable Rule یا Variable Name ها را بدی

بخ این که میان یه URL را به تابع وصل می کنند میگن Rule یا URL RULES(مثل همین چیزهایی که در iptables است) به این کاری که ما داریم اینجا انجام میدیم میگن Variable Rule به اون که داخل پرانتزه میگن Parameter به اون چیزی که داخل < > است نیگن Variable Name * نکته مهم این است که باید حواست باشه که اسم Variable Name با اسم اونی که تو تابع میده یکی است

به صورت پیش فرض هم /python و هم /python/ یکی است ولی جالبه برای Flask اینجوری نیس که این قواعد از Wekzeug میاد

به صورت پیش فرض این Variable Rule به صورت رشته است. ولی میشه Integer یا FLoat هم باشد که نمونه هاش را میبینی

البته میگه یه جور دیگه هم این را گفت و اونم اینکه با متدی به نام add_url_rule این URL را به این تابع وصل کنی

اصطلاحا میگن این URL به این تابع Bind شد

این متد هم ماله Flask و توش میتونی host که ما اینجا 127.0.0.1 است. نمیدونم این 0.0.0.0 به چه دردی میخوره. اون پورت که به صورت پیش فرض برابر 5000 است. اون Debug باید فعال کنی و Option که برو بعدا ببین به چه دردی میخوره.

بعدا ببینیم اینا چی هستن

این @app.route یه Decorator است یعنی میاد روی سر یک Function و یک سری عملکرد اون را افزایش می دهد. مثل همون مثال که زد و Log انداخت و اینا.

نمیدونم Constructor برای چی این name را می گیره

جالبه این Flask خودش یه WSGI را داره

اینم یک template engine کامل است که خب اومده بین کد های html ، از certain data source برای رندر شدن Dynammic Web Pages استفاده می کند.

این دیگه کار از یه پیاده سازی و Container گذرنده و یک Toolkit کامل است

این برای Apache سات

میگه این Python Application باید یک Callable Object داشته باشه که حاوی یک سری Functionality برای این باشد که توسط Apache صدا زده شود. که انگار این Functionality توسط PEP 3333 درست شده است. حالا این WSGI که خودش یک استاندارد یا Interface است و خیلی اومدن این را پیاده سازی کردن مثل uWSGI یا mod-wsgi. به اینا اصطلاحا میگن WSGI Container.

این wsgi برای این است که چگونه یک وب سرور (مثل Apache) درخواست را بفرسته Web Application. و همچنین Web Application چگونه درخواست ها را به صورت زنجیر در بیاره.

از این راه ها میشه apache Web Server را بالا اورد ولی من خودم apachectl start apachectl restart apachectl status

این ماژول هایی مختلفی که داره به صورت DSO یا Dynammic Shared Object هستند که باعث می شود بتونن به راحتی به Core متصل شود. منظور از DSO یعنی Object هایی که میشه بین App های مختلف به اشتراک گذاشته شود.

قبل اینکه شروع بشه چنتا اصطلاح باید یاد بگیری: Document Root منظور همون پوشه ای است که باید از تو اون فایل ها را Serve کند Virtualhost میتونی با یک Web Server چندین Domain را مدیریت کنی ServerRoot: بالاترین جایگاه DIrectory Tree برای Apache اینجا است. جایی است که تنظیمات و ارورها و Log File ها قرار دارند. به صورت پیش فرض /etc/httpd است.

فایل config اینجاست httpd/conf/httpd.conf

اگر داخل اون Document Root فایل index نباشه به کاربر کل پوشه های موجود را نشون می دهد که خیلی جااالبه

برای امن کردن Web Server کارهایی میگه که بهتره انجام بشه

اینم IP Based است که من فعلا نخوندم

با این دستور همه فایل های Config از نظر syntax تست می شوند.

اول همه دقت کن که برای Name Virtual Host میاد هر دو تنظیم را براشون یک IP ست میکنه: 192.168.0.108 * اون سرور ادمین در واقع ایمیلی است که Admin باید وارد کنه * اون DocumentRoot در واقع جایی است که موقع درخواست دادن به این Domain باید Serve بشه * اون ServerName دامینی است که کاربر با زدنش وارد این Virtualhost می شود برای Example2 دقیق همینا را گذاشته ولی یه تغییراتی داده

با این Virtualhost می تونی با یک وب سرور Apache چند domain مختلف را Serve کنی. مثلا با jadi.net بیا این فایل ها را نشونش بده و با jadi.ir بیا این سایت ها را نشونش بده.

دو جور میشه این Virtual Host را هندل کرد: 1. Name Based مثل همین که میگیم با jadi.net بیا اینجا و با jadi.ir برو اون فایل ها را بیار 2. IP Based یعنی اگر با 192.168.1.50 کار داشت این را نشونش بده و با 192.168.1.100 کار داشت این فایل ها را نشونش بده

تو سیستم های Redhat باید از httpd استفاده کنی.

چنتا خوبی بزرگ داره از جمله: * ماژولار است و خیلی راحت میتونی این ماژول ها را اضافه کنی. * برای هر Connection یک thread میسازه * حتی بحث های Authenticate برات فراهم میکنه. * بحث Virtual Hosting یکی از بهترین ویژگی های این است

با استفاده از این تابع میشه برای ستون های عددی مقدار Count و Avg و غیره را بدست آورد

تعداد ردیف و ستون اون Data Frame را برمیگردونه.

5 تا ردیف اول را برات بر میگردونه. یه ورودی هم شاید بگیره که در واقع تعداد ردیف هایی است که میخواد برگردونه

یکی از کتاب خونه های خوبه Python.

با استفاده از load_workbook میتونه بره و فایل را باز کنه. دقت کن که مسیر درست باشه

پارامتر دیگر که میگیره بحث read-only است که اگر true باشه فقط دیتا را میخونه و دیگه کاری به فرمول نداره

روی ردیف اول قشنگ برات مانور میده.

روی ستون اول برات مانور میده و کامل برات پیمایش می کنه

با استفاده از این max_row و max_column می تونی حداکثر تعداد ردیف و ستون را در بیاری

تو اینجا میاد و با استفاده از دادن row و column میاد و سلول مورد نظر را میخونه.

*** فقط دقت کن که row و column از صفر شروع می شود.

صفحه ای که active و اولی است را ورمیداره