آموزش CardView و Mysql در برنامه نویسی اندروید

سلام دوستان امیدوارم حالتون خوب باشد در این سری از آموزش برنامه نویسی اندروید به آموزش CardView و Mysql در برنامه نویسی اندروید می پردازیم در این آموزش داده های ما در دیتابیس mysql قرار می گیرند سپس با استفاده از فایل php این داده ها خوانده می شوند و به json تبدیل می شوند سپس در برنامه قرار می گیرد در ادامه می توانید پیش نمایشی از آن را مشاهده کنید با ما همراه باشید.
 

 
ابتدا ما به یک دیتابیس نیاز داریم وارد سرور خود شده یک دیتابیس ایجاد کرده یا در xammp (مجازی ساز ویندوزی) این کار را انجام دهید. در دیتابیس ساخته شده یک جدول به نام my_data با سه فیلد به نام های id , description , image ایجاد کرده و id را برابر با Primary key قرار دهید در آن چند Insert انجام دهید حتما در بخش Image باید آدرس عکس باشد و id هم باید منحصر به فرد باشد و پشت سرهم (یعنی 1 و 2 و 3 و…) و در بخش description یک متن تست قرار دهید از عکس زیر هم می توانید استفاده کنید.
 

lما 4 داده تست در آن ها Insert کرده ایم.
 
بعد از اینکه دیتابیس را جدول و فیلدهای ایجاد کردید یک فایل php به نام script.php در سرور یا در local مربوط به xampp (پوشه htdocs) ایجاد کرده و کدهای زیر را در آن قرار دهید.

شما باید در بالا فیلد mysqli_connect را تغییر دهید (localhost را تغییر ندهید ) باید به جای my_user یوزر دیتابیستون و به جای my_password پسوردی که برای یوزر گذاشتید و به جای my_db نام دیتابیس را قرار دهید (نام جدول نیست !)
کد بالا داده ها را از دیتابیس خونده و به صورت json نمایش می دهد.
در این آموزش ما با چهار کتاب خانه کار خواهیم کرد که عبارتند از :

  • okhttp
  • cardview
  • recyclerview
  • glide

ابتدا وارد فایل Build.gradle از نوع Module شده سپس در بخش dependencies خط های زیر اضافه کنید.

پروژه را sync کنید.
وارد فایل AndriodManifest.xml شده و دسترسی زیر را اضافه کنید.

در پوشه layout یک فایل به نام card.xml ایجاد کرده و کدهای زیر را در آن قرار دهید.

در بالا شکل ظاهری هر آیتم ایجاد شده است که در ادامه از آن استفاده می کنیم و آن را در layout اصلی Inflate می کنیم.
و باید در layout اصلی که نام آن برابر با activity_main.xml کد زیر را قرار دهید.

در بالا یک RecyclerView قرار داده شده است تا card.xml در آن Render شود.
حالا باید یک فایل به نام CustomAdapter.java ایجاد کرده و کدهای زیر را در آن قرار دهید این همان آداپتور سفارشی ما است.

کد بالا همان getter و setter است .
بعد از اینکه آداپتور را ایجاد کردید یک کلاس جاوا به نام MyData.java ایجاد کرده و کدهای زیر را در آن قرار دهید.

این کلاس هم باز getter و setter است ولی برای json ما که از سرور دریافت می شود.
و در آخر باید وارد اکتویتی اصلی که در اینجا نام آن برابر با MainActivity.java است کدهای زیر را قرار دهید.

در بالا به سرور reuqst ارسال می شود تا داده ها دریافت شود بر اساس هر آیدی داده دریافت شده و در Card قرار می گیرد برای انجام request از okhttp استفاده شده است دفت کنید باید در کد بالا خط زیر را تغییر دهید.

دقت کنید فقط همین بخش بقیه را نباید تغییر دهید در اینجا از کلاس Async Task استفاده کردیم تا عملیات در Background انجام شود. برای اینکه به شکل دوتایی در کنار هم قرار گیرند از GridLayoutManager استفاده کردیم (قبلا آموزشش را قرار داده بودیم)
 
این آموزش هم به پایان رسید.
 
موفق و پیروز باشید.

مطالعه بیشتر