دنیای پروژه

جزئیات محصول

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

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

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

خرید فایل


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

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

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

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


 ### سیستم مدیریت داده‌های بیمار با استفاده از جاوا اسکریپت با کد منبع
 
این پروژه شامل یک سیستم مدیریت داده‌های بیمار است که با استفاده از جاوا اسکریپت، HTML و CSS پیاده‌سازی شده است. این سیستم به شما این امکان را می‌دهد که اطلاعات بیماران را ثبت، ویرایش و حذف کنید. این پروژه به عنوان یک مثال ساده برای یادگیری نحوه کار با داده‌ها در مرورگر و استفاده از جاوا اسکریپت مناسب است.
 
#### ویژگی‌ها و عملکرد سیستم:
1. **اضافه کردن بیمار**: قابلیت ثبت اطلاعات بیمار شامل نام، سن، جنسیت و شماره تماس.
2. **نمایش بیماران**: نمایش لیستی از بیماران ثبت‌شده.
3. **ویرایش اطلاعات بیمار**: قابلیت ویرایش اطلاعات بیمار.
4. **حذف بیمار**: امکان حذف اطلاعات بیمار از لیست.
5. **ذخیره‌سازی محلی**: استفاده از Local Storage برای ذخیره‌سازی اطلاعات بیماران.
 
#### ساختار پروژه
 
```
patient-data-management-system/
│
├── index.html         # فایل اصلی HTML
├── style.css          # فایل CSS برای استایل‌دهی
└── script.js          # فایل جاوا اسکریپت برای عملکرد سیستم
```
 
#### مراحل پیاده‌سازی
 
##### 1. فایل `index.html`
 
```html
   
   
    سیستم مدیریت داده‌های بیمار
   
   
       

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

       
           
           
           
           
           
       
       

لیست بیماران

       
       
       
    ```
     
    ##### 2. فایل `style.css`
     
    ```css
    /* style.css */
    body {
        font-family: Arial, sans-serif;
        background-color: #f0f0f0;
        margin: 0;
        padding: 20px;
    }
     
    .container {
        max-width: 600px;
        margin: auto;
        background: white;
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
     
    h1, h2 {
        text-align: center;
    }
     
    form {
        display: flex;
        flex-direction: column;
    }
     
    input, select, button {
        margin: 10px 0;
        padding: 10px;
        font-size: 16px;
    }
     
    button {
        background-color: #28a745;
        color: white;
        border: none;
        cursor: pointer;
    }
     
    button:hover {
        background-color: #218838;
    }
     
    ul {
        list-style-type: none;
        padding: 0;
    }
     
    li {
        display: flex;
        justify-content: space-between;
        padding: 10px;
        border-bottom: 1px solid #ddd;
    }
     
    .delete-button {
        background-color: #dc3545;
        color: white;
        border: none;
        cursor: pointer;
    }
     
    .delete-button:hover {
        background-color: #c82333;
    }
    ```
     
    ##### 3. فایل `script.js`
     
    ```javascript
    // script.js
    document.addEventListener('DOMContentLoaded', () => {
        const patientForm = document.getElementById('patientForm');
        const patientList = document.getElementById('patientList');
     
        // بارگذاری بیماران از Local Storage
        loadPatients();
     
        // اضافه کردن بیمار
        patientForm.addEventListener('submit', function (e) {
            e.preventDefault();
     
            const name = document.getElementById('name').value;
            const age = document.getElementById('age').value;
            const gender = document.getElementById('gender').value;
            const contact = document.getElementById('contact').value;
     
            const patient = {
                name,
                age,
                gender,
                contact
            };
     
            // ذخیره بیمار در Local Storage
            savePatient(patient);
            patientForm.reset();
            loadPatients();
        });
     
        // ذخیره بیمار در Local Storage
        function savePatient(patient) {
            const patients = getPatients();
            patients.push(patient);
            localStorage.setItem('patients', JSON.stringify(patients));
        }
     
        // بارگذاری بیماران از Local Storage
        function loadPatients() {
            const patients = getPatients();
            patientList.innerHTML = '';
     
            patients.forEach((patient, index) => {
                const li = document.createElement('li');
                li.innerHTML = `
                    ${patient.name} (${patient.age} سال) - ${patient.gender} - ${patient.contact}
                   
                `;
                patientList.appendChild(li);
            });
        }
     
        // دریافت بیماران از Local Storage
        function getPatients() {
            const patients = localStorage.getItem('patients');
            return patients ? JSON.parse(patients) : [];
        }
     
        // حذف بیمار
        window.deletePatient = function (index) {
            const patients = getPatients();
            patients.splice(index, 1);
            localStorage.setItem('patients', JSON.stringify(patients));
            loadPatients();
        };
    });
    ```
     
    ### نتیجه‌گیری
     
    این سیستم مدیریت داده‌های بیمار یک مثال ساده و کاربردی برای یادگیری نحوه کار با داده‌ها در جاوا اسکریپت است. با استفاده از Local Storage، اطلاعات بیماران به صورت محلی ذخیره می‌شود و کاربر می‌تواند بیماران را اضافه، ویرایش و حذف کند. شما می‌توانید این پروژه را گسترش دهید و ویژگی‌های جدیدی مانند جستجو، ویرایش اطلاعات بیماران و یا اضافه کردن قابلیت‌های پیشرفته‌تر به آن اضافه کنید.
    | صفحه قابل مشاهده: دانلود پروژه کاربردی سیستم مدیریت داده‌های بیمار با استفاده از جاوا اسکریپت با کد منبع می‌باشد