یکی از مفیدترین قسمتهای بوت استرپ 4، سیستم طرحبندی و گرید آن است که در ابتدا با یک Container آغاز میشود. این Container میتواند واکنشگرا و با عرض ثابت باشد و یا fluid انتخاب شود که کل عرض صفحه را به خود اختصاص میدهد. داخل هر Container میتوان ستونها و ردیفهایی را تعریف کرد. بوت استرپ 4، یک گرید طرحبندی 12 ستونه را ارائه میدهد که برای اندازههای زیر، تعدادی break-point را تعریف کردهاست:
extra small, small, medium, large, ext ...
بوت استرپ 4 به همراه کلاسهای کمکی مفیدی برای کار با تصاویر نیز میباشد؛ مانند:
- کلاس img-fluid که سبب ایجاد تصاویر واکنشگرا میشود. به این معنا که اگر این کلاس به تصویری انتساب داده شد، عرض آن با عرض container آن، تطابق پیدا میکند.
- کلاس rounded-dir برای گرد کردن گوشههای تصاویر کاربرد دارد. در اینجا ذکر dir اختیاری است و میتواند مقادیر زیر را داشته باشد:
top, right, bottom, left, circle
همچنین اگر ...
وقتی صفحهی وبی را باز میکنید، تنظیمات بسیاری بر روی ظاهر آن تاثیرگذار هستند. برای مثال خود مرورگر دارای تنظیماتی است که بر روی ظاهر پیشفرض عناوین و عناصر مختلف قرار گرفته شدهی بر روی صفحه تاثیر گذار است. به این موارد Browser Styles گفته میشود که با Custom Styles ما قابلیت بازنویسی را دارند. در این بین، شیوهنامههای بوت استرپ، بین Browser Styles و شیوهنامههای سفارشی ما قرار میگیرند تا ظاهر بهتری را برای عناصر مختلف صفحه ارائه دهند. ...
روشهای مختلف دریافت و نصب بوت استرپ 4
اولین کاری را که باید جهت شروع به کار با بوت استرپ 4 انجام داد، نصب و افزودن آن به صفحهی HTML جاری است. روشهای زیادی برای انجام اینکار وجود دارند:
الف) استفاده از نگارش SASS آن
بوت استرپ 4 در اصل مبتنی بر SASS توسعه یافتهاست و فایلهای آن با فرمت scss. ارائه میشوند. مزیت کار با این روش، امکان سفارشی سازی بوت استرپ 4 و یا مشارکت در پر ...
هدف از این مطلب، ارائه راه حلی برای تولید خودکار کد یا شماره یکتا و ترتیبی در زمان ثبت رکورد جدید به صورت یکپارچه با EF Core، میباشد. به عنوان مثال فرض کنید در زمان ثبت سفارش، نیاز است بر اساس یکسری تنظیمات، یک شماره منحصر به فرد برای آن سفارش، تولید شده و در فیلدی تحت عنوان Number قرار گیرد؛ یا به صورت کلی برای موجودیتهایی که نیاز به یک نوع شماره گذاری منحصر به فرد دارند، مانند: سفارش، طرف حساب و ... یک مثال واقعی در ...
امن سازی برنامههای ASP.NET Core توسط IdentityServer 4x - قسمت چهاردهم- آماده شدن برای انتشار برنامه
در « قسمت دهم- ذخیره سازی اطلاعات کاربران IDP در بانک اطلاعاتی »، اطلاعات TestUser تنظیم شدهی در کلاس Config برنامهی IDP را به بانک اطلاعاتی منتقل کردیم که در نتیجهی آن سه جدول Users، UserClaims و UserLogins، تشکیل شدند. در اینجا میخواهیم سایر قسمتهای کلاس Config را نیز به بانک اطلاعاتی منتقل کنیم.
تنظیم مجوز امضای توکنهای IDP namespace DNT.IDP
{
public class Startup
{
public void Config ...
پیشتر مطلبی در این زمینه در سایت منتشر شد که به خوبی نحوهی پیاده سازی Swagger را در یک برنامهی ASP.NET Web API نشان میدهد. حال در این مقالهی کوتاه میخواهیم نحوهی پیاده سازی آن را در یک برنامهی مبتنی بر ASP.NET Core بررسی کنیم. دریافت Swagger از نوگت ابتدا باید این پکیج را از آدرسش در نیوگت بگیریم و در برنامهی خود نصب کنیم: pm> Install-Package Swashbuckle.AspNetCore پیکربندی برنامه برای کانفیگ Swagger و تول ...
در انتهای « قسمت دوازدهم- یکپارچه سازی با اکانت گوگل »، کار «اتصال کاربر وارد شدهی از طریق یک IDP خارجی به اکانتی که هم اکنون در سطح IDP ما موجود است» انجام شد. اما این مورد یک مشکل امنیتی را هم ممکن است ایجاد کند. اگر IDP ثالث، ایمیل اشخاص را تعیین اعتبار نکند، هر شخصی میتواند ایمیل دیگری را بجای ایمیل اصلی خودش در آنجا ثبت کند. به این ترتیب یک مهاجم میتواند به سادگی تنها با تنظیم ایمیل کاربری مشخص و مورد استفادهی در برنامهی ما در آن ...
در مطلب قبلی « استفاده از تامین کنندههای هویت خارجی »، نحوهی استفاده از اکانتهای ویندوزی کاربران یک شبکه، به عنوان یک تامین کنندهی هویت خارجی بررسی شد. در ادامه میخواهیم از اطلاعات اکانت گوگل و IDP مبتنی بر OAuth 2.0 آن به عنوان یک تامین کنندهی هویت خارجی دیگر استفاده کنیم.
ثبت یک برنامهی جدید در گوگل
اگر بخواهیم از گوگل به عنوان یک IDP ثالث در IdentityServer استفاده کنیم، نیاز است در ابتدا برنامهی IDP خود ...
همیشه نمیتوان کاربران را وادار به استفادهی از صفحهی لاگین برنامهی IDP کرد. ممکن است کاربران بخواهند توسط سطوح دسترسی خود در یک شبکهی ویندوزی به سیستم وارد شوند و یا از Social identity providers مانند تلگرام، گوگل، فیسبوک، توئیتر و امثال آنها برای ورود به سیستم استفاده کنند. برای مثال شاید کاربری بخواهد توسط اکانت گوگل خود به سیستم وارد شود. همچنین مباحث two-factor authentication را نیز باید مدنظر داشت؛ برای مثال ارسال یک کد موقت از ...