CRUD đơn giản trong Codeigniter bằng Vue.JS với mã nguồn
Official Website: https://code-projects.org/. . . . .simple-crud-in-cod/
Project: CRUD đơn giản trong CodeIgniter sử dụng Vue.JS kèm mã nguồn
Giới thiệu dự án
CRUD đơn giản được phát triển bằng PHP Framework, tức là CodeIgniter với khung JavaScript Vue.JS và Bootstrap. Nói về dự án, nó chứa phía quản trị viên, nơi người dùng có thể thêm, chỉnh sửa, xóa và xem tất cả thông tin của người dùng. Quản trị viên đóng vai trò quan trọng trong việc quản lý hệ thống đơn giản này. Trong dự án này, người dùng phải thực hiện tất cả các chức năng chính từ phía Quản trị viên.
Giới thiệu về hệ thống
Để thêm hồ sơ, người dùng phải cung cấp thông tin của mình như tên, họ, id email, số điện thoại di động, thông tin địa chỉ, chọn giới tính và ngày sinh. Người dùng có thể tìm kiếm hồ sơ dễ dàng chỉ bằng cách nhập tên của mình. Ngoài ra, anh ấy/cô ấy có thể thực hiện nhiều hoạt động khác nhau như xóa và cập nhật hồ sơ. Dự án đơn giản này bao gồm bootstrap cho thiết kế của nó, Bulma cho thiết kế và phương thức cũng như phông chữ tuyệt vời cho nội dung biểu tượng.
Thiết kế của dự án này khá đơn giản nên người dùng sẽ không gặp bất kỳ khó khăn nào khi thực hiện nó. CRUD đơn giản trong CodeIgniter sử dụng Vue.JS giúp quản lý hồ sơ người dùng dễ dàng. Để chạy dự án này, bạn phải cài đặt máy chủ ảo, tức là XAMPP trên PC của bạn (dành cho Windows). CRUD đơn giản
trong CodeIgniter sử dụng Vue.JS với mã nguồn được tải xuống miễn phí, Chỉ sử dụng cho mục đích giáo dục! Để xem bản demo dự án, hãy xem thanh trượt hình ảnh bên dưới.
Đặc trưng:
- Thêm bản ghi
- Cập nhật hồ sơ
- Tìm kiếm hồ sơ
- Xóa bản ghi
Làm thế nào để chạy??
Sau khi khởi động Apache và MySQL trong XAMPP, hãy làm theo các bước sau
Bước 1 : Giải nén tập tin
Bước 2: Sao chép thư mục chính của dự án
Bước 3: Dán vào xampp/htdocs/
Hiện đang kết nối cơ sở dữ liệu
Bước 4: Mở trình duyệt và truy cập URL “http://localhost/phpmyadmin/”
Bước 5: Sau đó, nhấp vào tab cơ sở dữ liệu
Bước 6: Tạo cơ sở dữ liệu đặt tên “db_civue” rồi nhấp vào tab nhập
Bước 7: Nhấp vào duyệt tệp và chọn tệp “db_civue.sql” nằm trong thư mục “DATABASE”
Bước 8: Nhấp vào tiếp tục.
Sau khi tạo cơ sở dữ liệu ,
Bước 9: Mở trình duyệt và truy cập URL “http://localhost/civuejs/user”