Google sheet và HTML Entry Form | Load bản dữ liệu lên Browser với chức năng Thêm,Tìm,Chỉnh sửa, Xóa

[@nancylove1212]

cảm ơn anh.em làm thành công rồi ạ,em thêm vài trường với thêm phần hiển thị thêm rồi ạ

[@cutepetsphukienthucung9364]

Em cảm ơn anh đã chia sẻ.!

[@leobomba1988]

cảm ơn a đã chia sẻ

[@namthuan8208]

cảm ơn admin rất hay. admin có thể làm thêm kiểu nhập liệu ban đầu ví dụ mã học sinh ở ô input thì tự động load dữ liệu ra luôn không phải bấm tìm kiếm . với dữ liệu ban đầu đã có sẵn thì hay quá luôn

[@vuongleinh6716]

Tuyệt vời quá ạ

[@huyenizzi]

Thank you so much.❤

[@IDoStudioMinhKien]

Em làm được hết bị mỗi phần giao diện web phần hiển thị danh sách không được full hết ạ. với không hiển thị nhập liệu 1 bên và danh sách 1 bên mà xổ dài xuống dưới luôn ạ

[@cuongmix9389]

Dạ cho em hỏi, em thêm một số trường vào, nhập thông tin vào thì vào đúng cột nhưng khi edit thì nó bị nhảy thông tin mấy trường cuối và 1 trường không hiện thông tin lên ạ

[@NetMediaCCTV]

Khi bạn sửa, thêm code. Bạn phải hiểu và sửa đồng bộ giữa các code thì mới không bị lỗi.

[@cuongmix9389]

@@NetMediaCCTV cho e hỏi thêm, sao em dùng link trên máy tính được mà trên điện thoại thi báo lỗi ạ

[@yantvgaming3565]

Bác có thể hướng dẫn các cách chỉnh sửa kích thước form Danh sách sinh viên ko. Mình tính đẩy hẳn form đó xuống dưới rồi kéo rộng ra để hiển thị được nhiều cột hơn

[@NetMediaCCTV]

Nó dễ dàng thôi. ở trên trang index, bạn có thể bỏ các div của tabledata và thay thành những div cho phù hợp.

[@phuongtracy5217]

Nhờ Thầy hướng dẫn giúp mình cần bổ sung thêm 2 biến Tỉnh và Huyện trên form. Hai biến này dạng drop down list với giá trị được lấy từ googlesheet ạ. Khi người dùng chọn tỉnh xong, tới khi chọn Huyện thì form chỉ liệt kê ra các Huyện ở Tỉnh đó. Cảm ơn Thầy

[@NetMediaCCTV]

Bạn có thể tham khảo clip này để kết hợp nhé! kzbin.info/www/bejne/hme9dp2sfrKMaLssi=zVBpa_bp1iMRiopu

[@quyphongluong5616]

CHào anh, cảm ơn phần chia sẻ của anh, bài giảng rất chi tiết. Em muốn hỏi nếu như trên template này thêm đc multiple hình ảnh được không ạ

[@NetMediaCCTV]

Nó được nhưng không đơn giản bạn nhé!

[@chienphan94]

Dạ cho em hỏi khi em triển khai deploy thì cái giao diện trang web em tạo thành 1 dòng, k0 chia thành 2 dòng như của ad. Ad hướng dẫn cho em giúp vs ạ?

[@NetMediaCCTV]

Khi màng hình bạn nhỏ thì nó sẽ ở trên 1 cột, khi màng hình lớn hoặc bạn zoom nhỏ lại sẽ được 2 cột nhé!

[@chienthangho7378]

thầy làm video hướng dẫn tìm kiếm theo nhiều điều kiện đi ạ

[@NetMediaCCTV]

Nếu bạn muốn nhiều điều kiện. Bạn có thể sử dụng && hoặc || là được đó!

[@KhoaPham-uv4by]

bạn có thể làm hướng dẫn giúp mình là màn hình web app sẽ hiển thị full danh sách sinh viên, khi người dùng ấn edit sẽ show ra màn hình popup để sửa - xóa được không nhỉ, mình thấy phần "thêm/cập nhật thông tin" để đó hơi choáng vị trí màn hình, vì trong thực tế table sẽ có rất nhiều cột

[@NetMediaCCTV]

Mình sẽ xem sao!

[@V_HoaNguyen-m3c]

Sau khi tạo xong Form chạy báo lỗi: Exception: Không tìm thấy tệp HTML có tên SpinnerModal. (dòng 195, tệp "Mã"), nhờ ad. giúp cách xử lý cám ơn.

[@NetMediaCCTV]

Tại bạn chưa tạo trang "SpinnerModal.html"

[@minhuctran7044]

Giả sử mình thêm dữ liệu vào trước trên google sheet thì khi deploy nhấn tìm kiếm và edit có thấy dữ liệu có sẵn không ạ

[@NetMediaCCTV]

đối với bản này thì không được bạn nhé!

[@daihoang5474]

anh ơi cho em hỏi nếu e muốn tạo button lọc cho lớp thì e tạo phần app script ntn ạ

[@NetMediaCCTV]

Ở code này, bạn tìm bất cứ đâu trên data, còn tìm theo chuyên mục có clip khác trên kênh rồi nhé bạn.

[@tuyenluongthanh]

Bạn ơi cho mình hỏi sao mình sài vào thẻ để chèn code vào html thì nó báo lỗi ko cho hiển thị trang

[@NetMediaCCTV]

Bạn xem clip này để biết lỗi ở đâu nhé: kzbin.info/www/bejne/omWTY2xqd9KsrpI

[@tuyenluongthanh]

@@NetMediaCCTV cảm ơn bạn

[@huylequang2559]

Giúp mình chút. Mình sửa các trường của Bạn - thành trường kiểu số, gồm: "Số lượng" và "Đơn giá". Nhưng Update vào Sheets - nó cứ thêm dấu " ' " vào trước con số, ví dụ: 8,5 - thì nó ghi thành: '8,5. Giúp mình với. Thanks nhiều.

[@NetMediaCCTV]

dấu đó đâu có sao bạn.

[@huylequang2559]

Mình đang cần tạo form để người dùng chỉnh SỐ LƯƠNG và ĐƠN GIÁ. Nhưng dấu " ' " đã biến kiểu số thành kiểu chuỗi mất Bạn ơi @@NetMediaCCTV

[@NetMediaCCTV]

Bạn có thể sử dụng apps script để định dạng dữ liệu Cell. Bạn tham khảo cách định dạng dữ liệu theo clip này nhé: kzbin.info/www/bejne/i53Jl42oipdoY5osi=PSlpjsPILRA2bezp

[@huylequang2559]

@@NetMediaCCTV Mình đã làm được rồi nhé. Mình thay thế "USER_ENTERED" thay cho "RAW", tại dòng "Sheets.Spreadsheets.Values.update(valueRange, SPREADSHEETID, updateRange, { valueInputOption: "USER_ENTERED" })". Cảm ơn bạn nhiều.

[@viethapham6583]

Thấy ơi, sao em ấn edit xong sửa dữ liệu xong ấn lưu nhưng dữ liệu mới không được cập nhật thầy nhỉ

[@NetMediaCCTV]

Vậy là do phần code lưu của bạn bị lỗi một chổ nào đó!

[@IDoStudioMinhKien]

Em thực hiện và check rất kĩ và làm được rồi ạ. Cảm ơn a nhiều. Em bị 1 phần là giao diện HTML đang bị xổ dài xuống chứ không chia ( 1 bên nhập liệu và 1 bên danh sách ), Và phần hiển thị danh sách không hiển thị hết được ạ ( vì trên thực tế thì sẽ rất nhìu cột, không cần phải hiển thị hết kéo qua cũng được mà nhìu hơn tí được k ạ

[@NetMediaCCTV]

Nó tùy vào độ phân giải, kích thước màn hình, nó sẽ nằm ngang hay dọc nhé bạn!

[@iepTran]

Nhờ ad hướng dẫn thêm nút lệnh upload file và file được lưu trên driver, còn link file sẽ được nhảy sang file excel

[@NetMediaCCTV]

Bạn có thể xem video này để có thể tạo một button trỏ về webapp upload file: kzbin.info/www/bejne/eJ-bqIyMobB3Z6csi=VXq1GIAiVL3rZsZE

[@iepTran]

@@NetMediaCCTV m xem rồi b, nhưng m muốn copy phần CSS và JavaScipt thành file chạy riêng và dùng câu lệnh trong file popup thì bị báo lỗi

[@streetfighter4371]

QUá đỉnh

[@kiengxuongluong]

Chào bạn, bạn hướng dẫn mình cách làm trang HTML lấy dữ liệu từ bảng google sheet lên file html và nó tự động cập nhật nội dung html khi có sự thay đổi trực tiếp trên sheet mà không thông qua form html nhập liệu ạ ( vd mình đang mở bảng nội dung HTML mà admin nhập liệu trực tiếp trên sheet thì màn hình HTML mình tự động refresh loaad lại ). Cảm ơn bạn nhiều

[@NetMediaCCTV]

Bạn xem clip này nhé: kzbin.info/www/bejne/bIXQfIqdacp1rdEsi=XCbCiMkHjCdEyjL5

[@phamminhtuan6702]

Nhờ Anh hướng dẫn cách uppload bằng file excel gửi lên web luôn ak

[@NetMediaCCTV]

Form có upload file lên google drive: kzbin.info/www/bejne/maK8l3mnfb-fidE

[@minhtuan955]

Ak với lại em làm chỉnh sửa cái bảng bên trái và phải nó nằm có một bên ak, với lại em làm xong cái bảng hiển thị thông tin nó chỉ hiện có tý xíu ak

[@ThanSonOfficial]

phần tìm kiếm , thầy có thể thêm phần chỉ hiện thị các bạn học ở lớp ĐIỆN TỬ được không ạ? mong thầy thêm ạ

[@ThanhHungNguyen-id3zs]

Sao phần mã em tải về mở không được nhỉ

[@HaiDangCCNT]

Phần ID thay bằng số thứ tự được không ạ?

[@HaiDangCCNT]

Với tạo username password để bảo mật thông tin được không ạ?

[@NetMediaCCTV]

ID không thay đổi được, nhưng bạn có thể tạo thêm cột số thứ tự và ẩn cột ID là được.

[@NetMediaCCTV]

Bạn có thể tham khảo cái này: kzbin.info/www/bejne/n4mth4mbd6eVe6c

[@huy5486]

dạ thầy có nhận code theo yêu cầu không thầy ơi!

[@NetMediaCCTV]

Bạn liên hệ qua mail nhé!

[@phuongtracy5217]

Thầy cho em xin email mới ạ.

[@vinhphuctvvlog]

Chào a a có zalo k ạ

[@NetMediaCCTV]

Bạn cần gì có thể nhán qua mail: [e-mail]!

[@nguyenthithanhhoa1531]

em nhập dữ liệu thì không load được dữ liệu vô sheet là sao ạ

[@NetMediaCCTV]

Zậy là bạn xem lại id của spreadsheet đúng chưa?

[@TuanNguyen-sw1ed]

anh ơi cho em hỏi sao chỗ giới tính nữ lại ko có dấu nhỉ

[@NetMediaCCTV]

Vì có dấu, bị lỗi trong apps script.

[@ldhoangtq]

Không edit được thầy ơi.

[@NetMediaCCTV]

Không edit được là có thể bạn bị lộn gì đó trong các id rồi.

[@ldhoangtq]

@@NetMediaCCTV Em tìm ra rồi, nhưng góp ý cho thầy dòng 195 đoạn "const range = `Data!A${rowIndex + 2}:${LASTCOL}${rowIndex + 2}`;". Thầy nên cho hằng DATASHEET vào vì nếu ai thay tên Sheet mà chỉ sửa ở trên đầu không sửa tên sheet ở dòng này thì sẽ không edit được thầy nhé, nên thay dòng trên bằng: "const range = DATASHEET+`!A${rowIndex + 2}:${LASTCOL}${rowIndex + 2}`;" thì đổi tên sheet chỉ cần đổi khai báo trên đầu file là xong.

[@hiepnguyenvnese]

Nó báo lỗi thực thi ở hàm này nè thầy: getLastTenRecords

[@NetMediaCCTV]

Bạn xen kỹ các code nhé. Code chạy 100%!