Armia Armia
1 سال پیش توسط Armia Armia مطرح شد
2 پاسخ

ایجاد قالب گواهینامه داینامیک

سلام دوستان
من رو یه پروژه کار میکنم که گفتن ایجاد گواهینامه داینامیک باشه که مثلا خودشون یه عکس اپلود کنن بعد دیتای دوره و کاربر رو جایگزین کنم این چطوری باید انجام بشه اصن امکان ایجاد همچین چیزی هست؟


ثبت پرسش جدید
محمد رضا
تخصص : Full Stack Developer
@salar.mohammad2013 1 سال پیش مطرح شد
1

سلام
این که داینامیک یه گواهی نامه صادر بشه که راحته و خب خود راکت هم توی دوره هاش میبینید این رو داره
یه صفحه html ساده که اطلاعات رو نشون میده
چیزی که از پرسش شما متوجه شدم مشکل قرار دادن اطلاعات بر روی عکس اپلودی هست
این کم شدنیه و دو تا راه حل داره ساده و سخت تر
راه حل ساده سادش اینه که شما یه صفحه طراحی میکنی با طول و عرض ثابت
عکس رو به صورت بک گراند قرار میدی و اطلاعات رو به صورت position :absolute; میایی سر جاشون قرار میدی همین
حالا اگر قرار عکس گواهی هم هر جند مدت عوض بشه میتونی اطلاعات ثابتی مثل نام و کد ملی و ساعت گذراندن دوره وجلسات رو جدا دریافت کنی توی دیتابیس مثل حالت اول با این تفاوت که یک فیلد دیگری برای x و y اون قرار بدی
یعنی به جایی که خودت مشخص کنی این داده ها کجای گواهی قرار بگیره مدیریت بیاد جاشو مشخص کنه اونم با drag و drop
و یه دکمه ذخیره میزاری که همیشه همون بمونه مگر این که باز گواهی عوض بشه و بخان جا به جا کنن

در کل تا اینجا شما فقط یه بک گراند داشتی که عکس گواهی هست و اطلاعات به صورت مختصات ثابت و یا داینامیک میشینه روی صفحه

راه حل دوم که پیچیده تره یکم استفاده از یه پکیج هست به اسم intervention/image
با این پکیج شما میتونی یه عکس تولید کنی
یعنی عکسی که بهت دادن رو روش نوشته بزاری ، عکس دیگه ای بهش بدی
مثلا من خودم روی یه قالب اماده اطلاعات کاربر رو گزاشتم همراه با یه qrcode و تبدیلش کردم به عکس و برای دانلود ازش استفاده کردم
نیاز مند یه سری پکیج جانبی و تنظیمات هم توی لوکال و هم توی سرور هست و کانفیگ هایی داره برای انجامش و یه سری چالش های ریز برای پشتیبانی از حروف فارسی داره که اگر مجبور به تولید عکس نیستید پیشنهاد نمیشه

پیشنهاد من همون روش اول هست که خیلی راحت تره و فقط یه صفحه داری که باید بدونی اطلاعات رو کجاش بزاری همین


محمدحسن یگانه
تخصص : Full-Stack Web Developer Freel...
@mhyeganeh 1 سال پیش آپدیت شد
1

همون طوری که آقا محمدرضا بالا اشاره کردند، یکی از راه هاش طراحی یک صفحه وب (html/css) هست. نهایتا با مقداری بهینه سازی استایل ها برای حالت پرینت که میتونید با مدیا کوئری های CSS انجامش بدید:

@media print {
    /* styles here */
}

با کمی JS هم می‌تونید صفحه Print رو ابتدای لود صفحه باز کنید تا کاربر بتونه مستقیم خروجی رو دریافت کنه.
دوم کار کردن با عکس هست که میشه همون پکیج image intervention
و سوم هم تولید فایل PDF هست که میتونید از پکیج هایی مثل این استفاده کنید.


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام