UX UI

Bootstrap

daisyui

Tailwind CSS

Bulma

ICON

fontawesome

https://fonts.google.com/icons

alert

sweetalert2

เพิ่มฟีเจอร์ Infinite Scroll ให้ทุกหน้ารายงานแล้ว

ฟีเจอร์:

โหลดข้อมูล 50 แถวแรกก่อน
เมื่อ scroll ลงใกล้ถึงด้านล่าง จะโหลดเพิ่มอีก 50 แถว
แสดงตัวนับ "แสดง X จาก Y รายการ"
มี loading indicator ขณะโหลดข้อมูลเพิ่ม

เทคโนโลยี

fontend

Backend

Database

Template

Styling

Icons

Fonts

รายละเอียด

Vue.js

Node.js + Express.js

MySQL (mysql2)

EJS

DaisyUI + Tailwind CSS

Google Material Icons

Google Fonts (Prompt)

ติดตั้ง

fontend Vue.js

Backend Node.js + Express.js

Database MySQL (mysql2)

Template EJS

Styling DaisyUI sweetalert2

Icons Google Material Icons

Fonts Google Fonts (Prompt)

Layer Technology

Frontend Vue.js 3 + Vite

Backend Node.js + Express.js

Databas eMySQL (mysql2)

Template EJS (for receipt printing)

Styling TailwindCSS + DaisyUI

Alerts SweetAlert2

Icons Google Material Icons

Fonts Google Fonts (Prompt)

Auth express-session + bcryptjs

ใช้เครื่องมือ

ภาษา PHP เวอร์ชั่น 8.1 ไม่ต้องแสดงนามสกุล .php

CSS daisyui

Databas MySQL

Icons Google Material Icons

Fonts Google Fonts (Prompt)

Alert sweetalert2