× خانه ویدیو دانلود اپلیکیشن درباره ما ورود / ثبت نام

  • خانه
  • ویدیو
  • دانلود
  • اپلیکیشن
  • درباره ما
  • ورود / ثبت نام
  • خانه
  • ویدیو
  • دانلود
  • اپلیکیشن
  • درباره ما
  • ورود / ثبت نام
خانه
|
پست های html
|
طراحی صفحه ثبت نام و ورود کاربران HTML و CSS

مطالب

  • CSS
  • Git
  • HTML
  • Javascript
  • PHP
  • Web

بیشترین بازدید

  • طراحی صفحه ثبت نام و ورود کاربران HTML و CSS

    طراحی صفحه ثبت نام و ورود کاربران HTML و CSS

    با توجه به اینکه در سایت تبلیغات، کاربران جهت ارائه آگهی های خود باید ثبت نام کنند در این قسمت برای ارسال اطلاعات به سمت سرور، با استفاده از تگ های موجود در HTML فرمی را جهت ثبت نام و ورود کاربران ایجاد خواهیم کرد. در ادامه مطلب همراه من باشید. چیست و چه کاربردی دارد؟
  • ساخت وب سرویس با استفاده از PHP و SOAP

    ساخت وب سرویس با استفاده از PHP و SOAP

    به عنوان توسعه دهنده نرم افزار، توانایی توسعه نرم افزار و سرویس برای محدوده گسترده ای از پلتفرم ها یک مهارت ضروری است. اما برای تحقق این موضوع  نمی توان انتظار داشت که همه از یک پلتفرم یا یک زبان برنامه نویسی استفاده کنند یا اینکه همه پلتفرم ها و زبان ها را پوشش داد، این یک کار نشدنی است. اگر تنها یک استاندارد وجود داشت که به ما اجازه می داد تا کدهای نرم افزارمان را یکبار بنویسیم و دیگران با نرم افزارهای خودشان به آسانی از طریق شبکه با آن ارتباط برقرار می کردند چقدر عالی می شد. خب خوشبختانه وجود دارد و نامش هم  SOAP است. در ادامه مطلب همراه من باشید. چیست و چه کاربردی دارد؟
  • طراحی صفحه ثبت نام و ورود کاربران PHP و MySQL

    طراحی صفحه ثبت نام و ورود کاربران PHP و MySQL

    برای ثبت اطلاعات کاربران در پایگاه داده سایت، باید با استفاده از PHP اطلاعات ارسال شده توسط کاربر را دریافت کنیم و با استفاده از دستورات MySQL ذخیره کنیم. جهت اجرای کدهای PHP و MySQL در ویندوز باید نرم افزار WAMP یا XAMP را در سیستم خود نصب کنید. با استفاده از این نرم افزار یک لوکال هاست مجازی در سیستم شما شبیه سازی می شود تا کدهای PHP را اجرا و پایگاه داده MySQL را ایجاد کنید. در ادامه مطلب همراه من باشید. چیست و چه کاربردی دارد؟
  • ساخت وب سرویس RESTful با استفاده از PHP

    ساخت وب سرویس RESTful با استفاده از PHP

    Representational State Transfer یک سبک معماری در وب سرویس است که در آن از آدرس ها برای دستیابی به منابع استفاده می شود. داده ها و توابع در معماری RESTful منابع نامیده می شوند به این جهت که داده ها و توابع در واقع آنچیزی هستند که ما می خواهیم از طریق سرویس به آن متصل شویم. در این پست می خواهیم نشان دهیم که چطور می توان یک وب سرویس RESTful را بدون استفاده از هیچ نوع Framework خاصی در PHP ایجاد کرد. در ادامه مطلب همراه من باشید. چیست و چه کاربردی دارد؟
  • آموزش نصب و استفاده از Composer

    آموزش نصب و استفاده از Composer

    Composer ابزاری برای مدیریت وابستگی در پروژه های PHP می باشد. زمانی که شما تصمیم می گیرید تا یک پروژه PHP را ایجاد کنید قطعا با مسائلی برخورد خواهید کرد که راه حل آنها استفاده از کتابخانه ها یا پکیج های موجودی است که برای این مساله ها ارائه شده اند زیرا با این کار در فاکتور های مهمی همچون زمان و هزینه صرفه جویی کرده اید و به عبارت دیگر چرخ را از نو اختراع نمی کنید. از این دست مسائل می توان به: اعتبار سنجی کاربر مدیریت پایگاه داده مسیریابی درخواست اشاره کرد. اما در این میان کتابخانه ها یا پکیج های موجود هم دارای وابستگی های خاص خود هستند و به عنوان توسعه دهنده PHP شما باید انرژی مضاعفی را برای یافتن و تطبیق این وابستگی ها صرف کنید. در ادامه مطلب همراه من باشید. چیست و چه کاربردی دارد؟
  • ساخت WSDL با استفاده از PHP

    ساخت WSDL با استفاده از PHP

    در قسمت قبل ایجاد یک اپلیکیشن سازگار را با استفاده از پروتکل SOAP بررسی کردیم. همینطور نشان دادیم که ساخت سرور و کلاینت SOAP با کتابخانه NuSOAP چقدر آسان است اما در این قسمت می خواهیم WSDL را که در هنگام کار با SOAP حتما استفاده خواهد شد را توضیح دهیم. در اینجا ما در ارتباط با فایل های WSDL و اینکه چطور می توان از آنها استفاده کرد بحث خواهیم کرد همچنین به شما نشان می دهیم که به چه صورت می توان فایل WSDL  را با NuSOAP ایجاد کنید و آن را با مثال های سرور و کلاینت SOAP که در قسمت قبل ایجاد کردیم ترکیب کنیم. در ادامه مطلب همراه من باشید. چیست و چه کاربردی دارد؟
تبلیغات

دانلودها

  • آموزش لاراول: معرفی و آموزش گام به گام Laravel
  • آموزش ساخت بازی XO با استفاده از React - بخش دوم
  • آموزش ساخت بازی XO با استفاده از React - بخش اول
  • آموزش React - قسمت سوم
  • آموزش React - قسمت دوم

سوالات

  • اضافه کردن یک ستون جدید به جدول موجود در Migration لاراول

    چطور می توانم یک ستون به جدولی که از قبل با استفاده از فریموورک لاراول ایجاد شده است اضافه کنم؟من فایل Migration رو به صورت زیر ویرایش کردم:<?php public function up() { Schema::create('users', function ($table) { $table->integer("paid"); }); }در ترمینال هم دستور php artisan migrate:install  و migrate رو اجرا کردم، اما ستون اضافه نشده است.چطور می توانم ستون مورد نظرم را اضافه کنم؟
  • چک کردن موجود بودن یک رکورد در Laravel

    من تازه کار با فریممورک Laravel رو شروع کردم. چطور می توانم بررسی کنم که یک رکورد موجود است یا خیر؟$user = User::where('email', '=', Input::get('email'));چطور می می تونم بررسی کنم که user$ شامل رکورد هست یا نه؟
  • لاراول 4: چطور می توان در Blade آدرس صفحه را دریافت کرد؟

    من از لاراول نسخه 4 استفاده می کنم، چطور می توانم آدرس یک صفحه را دریافت کنم و در if@ استفاده کنم. می دونم که  می توانم با استفاده از کد PHP زیر این کار را انجام دهم:<?php echo URL::current(); ?>اما در blade چطور می توان این کار را انجام داد؟
  • چطور می توان چندین شرط Where در Eloquent لاراول در نظر گرفت؟

    من از Query Builder لاراول برای ایجاد گزارش استفاده می کنم و گزارشم دارای چندین شرط می باشد.شرط ها را به صورت زیر اعمال کردم اما به نظرم راه جالبی نیست.$results = User::where('this', '=', 1) ->where('that', '=', 1) ->where('this_too', '=', 1) ->where('that_too', '=', 1) ->where('this_as_well', '=', 1) ->where('that_as_well', '=', 1) ->where('this_one_too', '=', 1) ->where('that_one_too', '=', 1) ->where('this_one_as_well', '=', 1) ->where('that_one_as_well', '=', 1) ->get();آیا راه بهتری برای اعمال شرط ها وجود دارد؟
  • چطور می توان گزارش SQL که Query Builder لاراول آن را ایجاد می کند مشاهده کرد؟

    کد زیر را در نظر بگیرید:DB::table('users')->get();من می خوام کد SQL که Query Builder بالا اجرا می کند را دریافت کنم به عنوان مثال در کد بالا کد SQL:SELECT * FROM usersتوسط Query builder اجرا می شود.
  • Eloquent: شمارش و تشخیص خالی بودن

    آیا راهی برای تشخیص اینکه مجموعه بازگشتی از گزارش:$result = Model::where(...)->get() خالی است یا اینکه تعداد عناصر موجود در آن چقدر است وجود دارد؟من در حال حاضر از:!$result استفاده می کنم آیا راه درستی است؟در مورد:count($result)آیا همه موارد را پوشش می دهد؟ به عنوان مثال اگر result خالی باشد؟
  • لاراول 5: نمایش HTML در Blade

    من یک رشته به صورت زیر دارم که شامل تگ HTML می باشد:$text = '<p><strong>Lorem</strong> ipsum dolor <img src="images/test.jpg"></p>'و می خواهم با استفاده از Blade نمایش بدم:{{$text}}اما خود رشته را چاپ می کند و تگ های HTML را رندر نمی کند. چطور می توانم HTML را با Blade در لاراول 5 نمایش بدم؟
  • ReactJSX: استفاده از Props بین کوتیشن

    چطور می توان در JSX از یک مقدار props به عنوان مقدار attribute استفاده کرد؟به عنوان مثال:<img className="image" src="images/{this.props.image}" />و خروجی HTML آن به صورت زیر است:<img class="image" src="images/{this.props.image}"> 
  • ارتباط بین دو کامپوننت در React

    اپلیکیشن من شامل یک لیست با فیلتر های آن و یک button برای تغییر layout می باشد. در حال حاضر از سه کامپوننت:</list></Filters></TopBar>استفاده می کنم. می خوام زمانی که تنظیمات در </Filters> تغییر کرد متدی در کامپوننت </list> برای بروزرسانی view اجرا شود.چطور میتونم بین این سه کامپوننت ارتباط برقرار کنم؟ آیا باید از مدل داده global برای انجام این کار استفاده کنم؟ 
  • Show یا Hide کردن عنصر در React

    من تازه شروع به یادگیری React کردم و دنبال راهی هستم که بتونم یک عنصر روی صفحه را show یا hide کنم.  می خوام زمانی که کلیک کردم، div مربوط به نتایج نمایش داده شود.var Search= React.createClass({ handleClick: function (event) { console.log(this.prop); }, render: function () { return ( <div className="date-range"> <input type="submit" value="Search" onClick={this.handleClick} /> </div> ); } }); var Results = React.createClass({ render: function () { return ( <div id="results" className="search-results"> Some Results </div> ); } }); React.renderComponent(<Search /> , document.body); 

اشتراک

طراحی صفحه ثبت نام و ورود کاربران HTML و CSS

طراحی صفحه ثبت نام و ورود کاربران HTML و CSS

۲۰ آبان ۱۳۹۴
دانیال افشار
47666

با توجه به اینکه در سایت تبلیغات، کاربران جهت ارائه آگهی های خود باید ثبت نام کنند در این قسمت برای ارسال اطلاعات به سمت سرور، با استفاده از تگ های موجود در HTML فرمی را جهت ثبت نام و ورود کاربران ایجاد خواهیم کرد.

در ادامه مطلب همراه من باشید.

برای ایجاد فرم در HTML از تگی به نام form استفاده می شود. فرم در انتقال داده ها به سمت سرور نقش اساسی را ایفا می کند، در داخل فرم می توان از تگ های input جهت دریافت ورودی از کاربران استفاده کرد. با استفاده از خصوصیت type در تگ input می توان ورودی مورد نظر را به طرق مختلف از کاربر دریافت کرد.

خصوصیات مهم تگ form:

method: برای ارسال اطلاعات به سمت سرور توسط پروتکل HTTP معمولا دو متداستفاده می شود: متد GET و POST.

متد GET درخواست را از طریق URL اسال می کند در صورتی که متد POST درخواست را از طریق بدنه پیام پروتکل HTTP که قابل رویت در URL نیست ارسال می کند.

تفاوت های عمده بین این دو روش:

  1. درخواست های GET قابل Cache شدن هستند در صورتی که درخواستهای POST قابل Cache شدن نیستند. (Cache مقدار حافظه ای است در اختیار مرورگر برای ذخیره اطلاعاتی همچون فایل های HTML، CSS، Javascript و تصاویر که علاوه بر صرفه جویی در دانلود، سرعت بارگذاری را کاهش دهد)
  2. درخواست های GET در History مرورگر قابل ذخیره شدن هستند در صورتی که درخواست های POST این قابلیت را دارا نیستند.
  3. درخواست های GET در مرورگر قابل Bookmark شدن می باشند در صورتی که درخواست های POST قابل Bookmark شدن نیستند.
  4. درخواست های GET دارای محدودیت اندازه برروی داده ها هستند در صورتی که درخواست های POST هیچ نوع محدودیتی بر اندازه داده ها ندارند.
  5. داده های ارسالی توسط روش GET در URL قابل مشاهده هستند اما در روش POST داده ها در URL قابل رویت نیستند.

با توجه به توضیحات بالا می توان دریافت که روش GET از امنیت کمتری نسبت به روش POST برخوردار است، زیرا داده های ارسالی قابل ذخبره شدن در History مرورگر و یا قابل رویت در URL می باشند. از این رو برای ارسال داده های مهمی همچون گذرواژه ها و داده های حساس دیگر از این متد استفاده نمی شود.

action: با استفاده از این خصوصیت مشخص می شود که داده های فرم پس از ارسال به کجا هدایت شوند.(یک فایل موجود در سرور).

enctype: این خصوصیت هنگام ارسال داده های فرم به سمت سرور تعیین می کند که داده ها باید توسط روشی مشخص کد گذاری شوند.

حال به معرفی برخی از نوع های مختلف تگ input قابل استفاده در فرم های HTML می پردازیم:

input type = text: یک ورودی یک خطی برای دریافت رشته های متنی. به طور مثال:

<input type="text" name="username">
<span>نام کاربری</span>

input type = password: یک فیلد جهت دریافت گذرواژه ایجاد می کند که کاراکترهای ورودی را به صورت دایره های تو پر مشکی نمایش می دهد.

<input type="password" name="password">
<span>گذرواژه</span>

input type = submit: یک دکمه جهت ارسال داده های فرم به آدرسی که در خصوصیت action موجود در تگ فرم وارد شده است ایجاد می کند.

<form method="post" action="login.php">
    <input type="text" name="username">
    <span>نام کاربری</span><br>
    <input type="password" name="password">
    <span>گذرواژه</span><br>
    <input type="submit" value="ورود">
</form>

input type = radio: یک دکمه رادیویی را ایجاد می کند، از این نوع ورودی برای انتخاب یک گزینه از بین گزینه های موجود استفاده می شود.

<form method="get" action="demo.php">
    <input type="radio" name="type" value="software" checked>
    <span>نرم افزار</span><br>
    <input type="radio" name="type" value="hardware">
    <span>سخت افزار</span><br>
    <input type="submit" value="ارسال">
</form>

input type = check: یک دکمه چک را ایجاد می کند، از این نوع ورودی برای انتخاب یک یا چند گزینه از بین گزینه های موجود استفاده می شود.

<form method="get" action="demo.php">
   <span>گوشی هوشمند</span>
   <input type="checkbox" name="device" value="smart_phone" checked><br>
   <span>تبلت</span>
   <input type="checkbox" name="device" value="tablet"><br>
   <input type="submit" value="ارسال">
</form>

input type = button: یک دکمه را ایجاد می کند.

<input type="button" value="Remove">

علاوه بر انواع مختلف input، می توان از تگ های پرکاربرد و معمول دیگری مثل textarea و select استفاده کرد:

textarea: یک فیلد متنی چند خطی ایجاد می کند.

<textarea name="comment"></textarea>

select: با استفاده از این تگ یک فیلد ورودی به صورت کشویی ایجاد می شود که item های موجود در آن را می توان با تگ option و مقدار ارسالی به سمت سرور را توسط خصوصیت value موجود در تگ option مشخص کرد.

<select name="programming_language">
   <option value="php">PHP</option>
   <option value="java">Java</option>
</select>

گاهی اوقات لازم است با استفاده از خصوصیت ها برخی محدودیت ها را در دریافت ورودی اعمال کنیم که برخی از مهم ترین آنها در زیر آمده است:

disabled: این خصوصیت باعث غیرفعال شدن ورودی می شود، مثال:

<input type="text" disabled>

maxlength: حداکثر تعداد کاراکتر ورودی را مشخص می کند.

<input type="text" maxlength="25">

readonly: این خصوصیت مشخص می کند که فیلد فقط قابل خواندن است و نمی توان آن را تغییر داد.

<input type="text" name="product_code" value="512" readonly>

value: یک مقدار پیش فرض را برای ورودی در نظر می گیرد.

<input type="text" value="ایمیل شما">

من برای طراحی قسمت ثبت نام و ورود کاربران از تگ های form، table و input استفاده کردم. table برای نظم بخشیدن به فیلدهای ورودی فرم بسیار کارآمد است.

هر یک از صفحات را جداگانه ایجاد کردم بدین صورت که دو فایل HTML با نام های login.html و signup.html را در کنار فایل اصلی index.html قرار دادم. همچنین یک فایل CSS به نام login-sign.css در پوشه style برای کدهای css این دو صفحه ایجاد کردم. کدهای CSS این دو صفحه شبیه هم هستند زیرا در هر دوی آنها یک جدول، یک فرم و تگ های ورودی قرار دارند و می توان با تخصیص یک گزینشگر به دو عنصر متفاوت ویژیگی های مورد نظر را در CSS تغییر داد.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>Advertising</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="style/style.css">
    <link rel="stylesheet" href="style/login-sign.css">
</head>
<body>
<div class="top">
    <img src="images/icon.png">
    <ul>
        <li><a>درباره ما</a></li>
        <li><a href="login.html">ورود</a></li>
    </ul>
</div>
<div class="content">
    <div>
        <form method="post" action="signup.php">
            <table class="input-fields">
                <tr><td><input type="text" name="username"></td><td><span>نام کاربری:</span></td></tr>
                <tr><td><input type="password" name="password"></td><td><span>رمز عبور:</span></td></tr>
                <tr><td><input type="password" name="repassword"></td><td><span>تکرار رمز عبور:</span></td></tr>
                <tr><td><input type="submit" value="ثبت نام"></td></tr>
            </table>
        </form>
    </div>
</div>
</body>
</html>

همانطور که در بالا مشاهده می کنید، فایل CSS مورد نظرم را ضمیمه صفحه کردم و ویژیگی های برخی از تگ ها را تغییر دادم. نکته حائز اهمیت دیگر اضافه کردن خصوصیت href به تگ a موجود در قسمت top می باشد.

href: با استفاده از این خصوصیت و مقدار تخصیص یافته به آن یک لینک به آدرس مورد نظر ایجاد می کنیم.

<a href="login.html">ورود</a>

حال باید این خصوصیت را به صورت زیر در صفحه index.html به تگ a موجود در قسمت top اضافه کنیم:

<div class="top">
   <img src="images/icon.png">
   <ul>
      <li><a>درباره ما</a></li>
      <li><a href="login.html">ورود</a></li>
   </ul>
</div>

پس از اختصاص دادن مقدار به خصوصیت href به صورت خودکار یک زیر خط به تگ اضافه شده و رنگ آن تغییر پیدا می کند با استفاده از CSS این حالات را تغییر می دهم و با استفاده از کلاس کاذب hover: هنگامی که نشانه گر ماوس روی عنصر قرار گرفت رنگ نوشته را تغییر می دهم، کدهای CSS را به صورت زیر در فایل style.css می نویسم:

a{
   text-decoration: none;
   color: #131313;
}
a:hover{
   color: #ff332c;
   cursor: pointer;
}

همانطور که در بالا مشاهده می کنید قبل از کلاس های کاذب علامت : یا single colon قرار می گیرد در زیر توضیح کلاس های کاذب دیگر را مشاهده می کنید:

active: لینکی که کاربر بر روی آن کلیک کرده.

checked: عناصر input که انتخاب یا checked شده اند.

disabled: عناصری که غیر فعال هستند.

empty: عناصر با محتوای خالی.

enabled: عناصری که فعال هستند.

first-child: اولین فرزند پدر.

focus: عناصری که focus روی آن قرار دارد.(نشانه گری که هنگام کلیک روی تگ ورودی در آن قرار می گیرد)

hover: عناصری که نشانه گر ماوس روی آن قرار دارد.

last-child: آخرین فرزند پدر.

حال که صفحه signup.html را ایجاد کردیم و آدرس فایل login.html را در خصوصیت href تگ a قرار دادیم باید صفحه login را ایجاد کنیم، کدهای صفحه login:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>Advertising</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="style/style.css">
    <link rel="stylesheet" href="style/login-sign.css">
</head>
<body>
<div class="top">
    <img src="images/icon.png">
    <ul>
        <li><a>درباره ما</a></li>
        <li><a href="login.html">ورود</a></li>
    </ul>
</div>
<div class="content">
    <div>
        <form method="post" action="login.php">
            <table class="input-fields">
                <tr><td><input type="text" name="username"></td><td><span>نام کاربری:</span></td></tr>
                <tr><td><input type="password" name="password"></td><td><span>رمز عبور:</span></td></tr>
                <tr><td><input type="submit" value="ورود"><a href="signup.html">ثبت نام</a></td></tr>
            </table>
        </form>
    </div>
</div>
</body>
</html>

همانطور که در کد صفحه های signup و login مشاهده می کنید یک فرم با دو خصوصیت method و action ایجاد  کردم و در داخل آن یک جدول که تگ های input برای نظم بیشتر در داخل آن قرار گرفته است. به جدول، گزینشگر input-fields که به صورت class در فایل CSS ایجاد شده است را اختصاص و با استفاده از کدهای زیر برخی از ویژیگی های تگ ها را تغییر دادم:

.input-fields{
   margin: 0 auto;
}
.input-fields td{
   padding-bottom: 15px;
}
.input-fields td span{
   float: right;
   direction:rtl;
}
.input-fields td input[type=text], .input-fields td input[type=password]{
   width: 180px;
}
.input-fields td a{
   float: right;
   margin-top: 3px;
}

حال برای پردازش داده های ارسالی به سمت سرور نیاز به یک زبان سمت سرور داریم که در قسمت بعد زبان PHP را دقیق تر بررسی، و فایل های مورد نظر را ایجاد می کنیم.

آموزش سایت تبلیغاتیHTMLCSS

مطالب مرتبط

طراحی ناحیه کاربری HTML و CSS
مشاهده

طراحی ناحیه کاربری HTML و CSS

طراحی صفحه ثبت نام و ورود کاربران PHP و MySQL
مشاهده

طراحی صفحه ثبت نام و ورود کاربران PHP و MySQL

طراحی صفحه اول سایت تبلیغات  CSS
مشاهده

طراحی صفحه اول سایت تبلیغات CSS



نظر شما

مطالب

  • CSS
  • Git
  • HTML
  • Javascript
  • PHP
  • Web

بیشترین بازدید

  • طراحی صفحه ثبت نام و ورود کاربران HTML و CSS

    طراحی صفحه ثبت نام و ورود کاربران HTML و CSS

    با توجه به اینکه در سایت تبلیغات، کاربران جهت ارائه آگهی های خود باید ثبت نام کنند در این قسمت برای ارسال اطلاعات به سمت سرور، با استفاده از تگ های موجود در HTML فرمی را جهت ثبت نام و ورود کاربران ایجاد خواهیم کرد. در ادامه مطلب همراه من باشید. چیست و چه کاربردی دارد؟
  • ساخت وب سرویس با استفاده از PHP و SOAP

    ساخت وب سرویس با استفاده از PHP و SOAP

    به عنوان توسعه دهنده نرم افزار، توانایی توسعه نرم افزار و سرویس برای محدوده گسترده ای از پلتفرم ها یک مهارت ضروری است. اما برای تحقق این موضوع  نمی توان انتظار داشت که همه از یک پلتفرم یا یک زبان برنامه نویسی استفاده کنند یا اینکه همه پلتفرم ها و زبان ها را پوشش داد، این یک کار نشدنی است. اگر تنها یک استاندارد وجود داشت که به ما اجازه می داد تا کدهای نرم افزارمان را یکبار بنویسیم و دیگران با نرم افزارهای خودشان به آسانی از طریق شبکه با آن ارتباط برقرار می کردند چقدر عالی می شد. خب خوشبختانه وجود دارد و نامش هم  SOAP است. در ادامه مطلب همراه من باشید. چیست و چه کاربردی دارد؟
  • طراحی صفحه ثبت نام و ورود کاربران PHP و MySQL

    طراحی صفحه ثبت نام و ورود کاربران PHP و MySQL

    برای ثبت اطلاعات کاربران در پایگاه داده سایت، باید با استفاده از PHP اطلاعات ارسال شده توسط کاربر را دریافت کنیم و با استفاده از دستورات MySQL ذخیره کنیم. جهت اجرای کدهای PHP و MySQL در ویندوز باید نرم افزار WAMP یا XAMP را در سیستم خود نصب کنید. با استفاده از این نرم افزار یک لوکال هاست مجازی در سیستم شما شبیه سازی می شود تا کدهای PHP را اجرا و پایگاه داده MySQL را ایجاد کنید. در ادامه مطلب همراه من باشید. چیست و چه کاربردی دارد؟
  • ساخت وب سرویس RESTful با استفاده از PHP

    ساخت وب سرویس RESTful با استفاده از PHP

    Representational State Transfer یک سبک معماری در وب سرویس است که در آن از آدرس ها برای دستیابی به منابع استفاده می شود. داده ها و توابع در معماری RESTful منابع نامیده می شوند به این جهت که داده ها و توابع در واقع آنچیزی هستند که ما می خواهیم از طریق سرویس به آن متصل شویم. در این پست می خواهیم نشان دهیم که چطور می توان یک وب سرویس RESTful را بدون استفاده از هیچ نوع Framework خاصی در PHP ایجاد کرد. در ادامه مطلب همراه من باشید. چیست و چه کاربردی دارد؟
  • آموزش نصب و استفاده از Composer

    آموزش نصب و استفاده از Composer

    Composer ابزاری برای مدیریت وابستگی در پروژه های PHP می باشد. زمانی که شما تصمیم می گیرید تا یک پروژه PHP را ایجاد کنید قطعا با مسائلی برخورد خواهید کرد که راه حل آنها استفاده از کتابخانه ها یا پکیج های موجودی است که برای این مساله ها ارائه شده اند زیرا با این کار در فاکتور های مهمی همچون زمان و هزینه صرفه جویی کرده اید و به عبارت دیگر چرخ را از نو اختراع نمی کنید. از این دست مسائل می توان به: اعتبار سنجی کاربر مدیریت پایگاه داده مسیریابی درخواست اشاره کرد. اما در این میان کتابخانه ها یا پکیج های موجود هم دارای وابستگی های خاص خود هستند و به عنوان توسعه دهنده PHP شما باید انرژی مضاعفی را برای یافتن و تطبیق این وابستگی ها صرف کنید. در ادامه مطلب همراه من باشید. چیست و چه کاربردی دارد؟
  • ساخت WSDL با استفاده از PHP

    ساخت WSDL با استفاده از PHP

    در قسمت قبل ایجاد یک اپلیکیشن سازگار را با استفاده از پروتکل SOAP بررسی کردیم. همینطور نشان دادیم که ساخت سرور و کلاینت SOAP با کتابخانه NuSOAP چقدر آسان است اما در این قسمت می خواهیم WSDL را که در هنگام کار با SOAP حتما استفاده خواهد شد را توضیح دهیم. در اینجا ما در ارتباط با فایل های WSDL و اینکه چطور می توان از آنها استفاده کرد بحث خواهیم کرد همچنین به شما نشان می دهیم که به چه صورت می توان فایل WSDL  را با NuSOAP ایجاد کنید و آن را با مثال های سرور و کلاینت SOAP که در قسمت قبل ایجاد کردیم ترکیب کنیم. در ادامه مطلب همراه من باشید. چیست و چه کاربردی دارد؟

دانلودها

  • آموزش لاراول: معرفی و آموزش گام به گام Laravel
  • آموزش ساخت بازی XO با استفاده از React - بخش دوم
  • آموزش ساخت بازی XO با استفاده از React - بخش اول
  • آموزش React - قسمت سوم
  • آموزش React - قسمت دوم

سوالات

  • اضافه کردن یک ستون جدید به جدول موجود در Migration لاراول

    چطور می توانم یک ستون به جدولی که از قبل با استفاده از فریموورک لاراول ایجاد شده است اضافه کنم؟من فایل Migration رو به صورت زیر ویرایش کردم:<?php public function up() { Schema::create('users', function ($table) { $table->integer("paid"); }); }در ترمینال هم دستور php artisan migrate:install  و migrate رو اجرا کردم، اما ستون اضافه نشده است.چطور می توانم ستون مورد نظرم را اضافه کنم؟
  • چک کردن موجود بودن یک رکورد در Laravel

    من تازه کار با فریممورک Laravel رو شروع کردم. چطور می توانم بررسی کنم که یک رکورد موجود است یا خیر؟$user = User::where('email', '=', Input::get('email'));چطور می می تونم بررسی کنم که user$ شامل رکورد هست یا نه؟
  • لاراول 4: چطور می توان در Blade آدرس صفحه را دریافت کرد؟

    من از لاراول نسخه 4 استفاده می کنم، چطور می توانم آدرس یک صفحه را دریافت کنم و در if@ استفاده کنم. می دونم که  می توانم با استفاده از کد PHP زیر این کار را انجام دهم:<?php echo URL::current(); ?>اما در blade چطور می توان این کار را انجام داد؟
  • چطور می توان چندین شرط Where در Eloquent لاراول در نظر گرفت؟

    من از Query Builder لاراول برای ایجاد گزارش استفاده می کنم و گزارشم دارای چندین شرط می باشد.شرط ها را به صورت زیر اعمال کردم اما به نظرم راه جالبی نیست.$results = User::where('this', '=', 1) ->where('that', '=', 1) ->where('this_too', '=', 1) ->where('that_too', '=', 1) ->where('this_as_well', '=', 1) ->where('that_as_well', '=', 1) ->where('this_one_too', '=', 1) ->where('that_one_too', '=', 1) ->where('this_one_as_well', '=', 1) ->where('that_one_as_well', '=', 1) ->get();آیا راه بهتری برای اعمال شرط ها وجود دارد؟
  • چطور می توان گزارش SQL که Query Builder لاراول آن را ایجاد می کند مشاهده کرد؟

    کد زیر را در نظر بگیرید:DB::table('users')->get();من می خوام کد SQL که Query Builder بالا اجرا می کند را دریافت کنم به عنوان مثال در کد بالا کد SQL:SELECT * FROM usersتوسط Query builder اجرا می شود.
  • Eloquent: شمارش و تشخیص خالی بودن

    آیا راهی برای تشخیص اینکه مجموعه بازگشتی از گزارش:$result = Model::where(...)->get() خالی است یا اینکه تعداد عناصر موجود در آن چقدر است وجود دارد؟من در حال حاضر از:!$result استفاده می کنم آیا راه درستی است؟در مورد:count($result)آیا همه موارد را پوشش می دهد؟ به عنوان مثال اگر result خالی باشد؟
  • لاراول 5: نمایش HTML در Blade

    من یک رشته به صورت زیر دارم که شامل تگ HTML می باشد:$text = '<p><strong>Lorem</strong> ipsum dolor <img src="images/test.jpg"></p>'و می خواهم با استفاده از Blade نمایش بدم:{{$text}}اما خود رشته را چاپ می کند و تگ های HTML را رندر نمی کند. چطور می توانم HTML را با Blade در لاراول 5 نمایش بدم؟
  • ReactJSX: استفاده از Props بین کوتیشن

    چطور می توان در JSX از یک مقدار props به عنوان مقدار attribute استفاده کرد؟به عنوان مثال:<img className="image" src="images/{this.props.image}" />و خروجی HTML آن به صورت زیر است:<img class="image" src="images/{this.props.image}"> 
  • ارتباط بین دو کامپوننت در React

    اپلیکیشن من شامل یک لیست با فیلتر های آن و یک button برای تغییر layout می باشد. در حال حاضر از سه کامپوننت:</list></Filters></TopBar>استفاده می کنم. می خوام زمانی که تنظیمات در </Filters> تغییر کرد متدی در کامپوننت </list> برای بروزرسانی view اجرا شود.چطور میتونم بین این سه کامپوننت ارتباط برقرار کنم؟ آیا باید از مدل داده global برای انجام این کار استفاده کنم؟ 
  • Show یا Hide کردن عنصر در React

    من تازه شروع به یادگیری React کردم و دنبال راهی هستم که بتونم یک عنصر روی صفحه را show یا hide کنم.  می خوام زمانی که کلیک کردم، div مربوط به نتایج نمایش داده شود.var Search= React.createClass({ handleClick: function (event) { console.log(this.prop); }, render: function () { return ( <div className="date-range"> <input type="submit" value="Search" onClick={this.handleClick} /> </div> ); } }); var Results = React.createClass({ render: function () { return ( <div id="results" className="search-results"> Some Results </div> ); } }); React.renderComponent(<Search /> , document.body); 

اشتراک

منو
خانه
ویدئو
دانلود
اپلیکیشن
درباره ما
خدمات
قالب سایت
خدمات
ما را دنبال کنید
Android Logo
Github Logo
© 2015 - 2023 All rights reserved