دنیای پروژه

جزئیات محصول

دانلود پروژه کاربردی

دانلود پروژه کاربردی "سیستم ساده بیمه" با استفاده از جاوا اسکریپت

قیمت: 35,000 تومان

خرید فایل


مشاهده پیشنمایش

پیشنمایش برای محصولاتی که نیاز به نمایش دمو دارند می باشد

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

در صورتی که نیاز به آموزش حضوری و یا غیر حضوری این پروژه داشتید میتوانید با ما در ارتباط باشید تا این پروژه را به شما آموزش دهیم حتی میتوانید در صورت دلخواه پروژه را به خواسته شما شخصی سازی کنیم لازم به ذکر است که تیم پروژه در صفحه دانلود پروژه کاربردی پروژه  های مختلفی را به زبان های مختلف برنامه نویسی قرار داده است .شماره تماس با پرپروژه 09050394455 می باشد


### پروژه "سیستم ساده بیمه" با استفاده از جاوا اسکریپت
 
پروژه "سیستم ساده بیمه" یک برنامه کاربردی است که به شما این امکان را می‌دهد تا اطلاعات بیمه‌گذاران و بیمه‌نامه‌ها را مدیریت کنید. این سیستم به کاربران اجازه می‌دهد تا اطلاعات جدید را وارد کنند، اطلاعات موجود را مشاهده کنند و بیمه‌نامه‌ها را مدیریت کنند.
 
#### ویژگی‌های پروژه:
- **افزودن بیمه‌گذار جدید:** امکان وارد کردن اطلاعات بیمه‌گذاران جدید.
- **لیست بیمه‌گذاران:** نمایش تمامی بیمه‌گذاران موجود در سیستم.
- **حذف بیمه‌گذار:** قابلیت حذف اطلاعات بیمه‌گذاران.
- **ذخیره‌سازی داده‌ها:** استفاده از Local Storage برای ذخیره‌سازی داده‌ها.
 
### کد منبع:
 
#### 1. فایل `index.html`
 
```html
   
   
    Simple Insurance System
   
   

سیستم بیمه ساده

   
       
       
       
   
 
   

لیست بیمه‌گذاران

   
       
           
               
               
               
           
       
       
       
   
نام بیمه‌گذار شماره بیمه‌نامه عملیات
 
   
```
 
#### 2. فایل `app.js`
 
```javascript
document.addEventListener('DOMContentLoaded', () => {
    const form = document.getElementById('insuranceForm');
    const nameInput = document.getElementById('name');
    const policyNumberInput = document.getElementById('policyNumber');
    const tableBody = document.querySelector('#insuranceTable tbody');
 
    // بارگذاری داده‌های بیمه‌گذاران از Local Storage
    loadInsuranceData();
 
    form.addEventListener('submit', (e) => {
        e.preventDefault();
        
        const name = nameInput.value;
        const policyNumber = policyNumberInput.value;
 
        // ایجاد بیمه‌گذار جدید
        const insuranceHolder = { name, policyNumber };
        addInsuranceHolder(insuranceHolder);
        
        // پاک کردن ورودی‌ها
        nameInput.value = '';
        policyNumberInput.value = '';
    });
 
    function addInsuranceHolder(holder) {
        // افزودن بیمه‌گذار به Local Storage
        const insuranceHolders = getInsuranceHolders();
        insuranceHolders.push(holder);
        localStorage.setItem('insuranceHolders', JSON.stringify(insuranceHolders));
        
        // بروزرسانی جدول
        renderInsuranceTable();
    }
 
    function loadInsuranceData() {
        const insuranceHolders = getInsuranceHolders();
        insuranceHolders.forEach(holder => {
            addRowToTable(holder);
        });
    }
 
    function getInsuranceHolders() {
        const holders = localStorage.getItem('insuranceHolders');
        return holders ? JSON.parse(holders) : [];
    }
 
    function renderInsuranceTable() {
        // پاک کردن جدول
        tableBody.innerHTML = '';
        loadInsuranceData();
    }
 
    function addRowToTable(holder) {
        const row = document.createElement('tr');
        row.innerHTML = `
            ${holder.name}
            ${holder.policyNumber}
           
        `;
        tableBody.appendChild(row);
    }
});
 
// تابع برای حذف بیمه‌گذار
function deleteHolder(policyNumber) {
    const insuranceHolders = JSON.parse(localStorage.getItem('insuranceHolders'));
    const updatedHolders = insuranceHolders.filter(holder => holder.policyNumber !== policyNumber);
    localStorage.setItem('insuranceHolders', JSON.stringify(updatedHolders));
    location.reload();
}
```
 
### توضیحات پروژه:
1. **HTML:** ساختار اصلی برنامه را تشکیل می‌دهد و شامل فرم برای افزودن بیمه‌گذاران و جدول برای نمایش آن‌ها است.
2. **JavaScript:** منطق برنامه را پیاده‌سازی می‌کند. شامل مدیریت بیمه‌گذاران، ذخیره‌سازی داده‌ها در Local Storage و بروزرسانی جدول است.
3. **CSS:** برای زیباسازی ظاهر برنامه استفاده می‌شود.
 
### نتیجه‌گیری:

 

این پروژه "سیستم ساده بیمه" به شما این امکان را می‌دهد که با اصول برنامه‌نویسی وب و کار با Local Storage در جاوا اسکریپت آشنا شوید. می‌توانید این پروژه را گسترش دهید و ویژگی‌های بیشتری مانند ویرایش اطلاعات بیمه‌گذاران یا ایجاد گزارش‌های مختلف اضافه کنید.
| صفحه قابل مشاهده: دانلود پروژه کاربردی "سیستم ساده بیمه" با استفاده از جاوا اسکریپت می‌باشد