Các thành phần trong một webapp được code như thế nào?

TranLy · September 25, 2020, 11:53am

Chào anh chị !
Một trang web bao giờ cũng có các chức năng cơ bản như : chức năng đăng nhập ( đăng kí, đăng nhập, quên mật khẩu, … ), combo chức năng quản lý ( thêm, sửa, xóa, sắp xếp, tìm kiếm, lọc,…), chức năng đăng bài viết mới, … v/v. Cho em hỏi các chức năng này được code chay bằng tay hay có sẵn kiểu như plugin hay addOn ở đâu đó hỗ trợ mà mình chỉ cần lấy cài vào mà sử dụng đúng không ? Em không biết mô tả như nào, nhưng theo em đoán thì trong framework, library có sẵn module, hay cái gì đó rồi mình lấy import vào dùng như kiểu VS Code cài thêm các extenstion sẽ biến thành bất kỳ cái IDE nào mình muốn ! Anh chị giải thích giúp em với. Cảm ơn !

kisuluoibieng · September 25, 2020, 8:04am

google: [ngôn ngữ] login sample

Uni · September 25, 2020, 9:26am

Các website thường sẽ dùng các libs như Bootstrap hay jQuery hay các Framework (nhưng thường là JS Framework) như React, Nodejs,… để tiết kiệm thời gian code.
Mà bạn để từ webapp trong titile thì không đúng lắm vì webapp thì gần với phần mềm hơn so với website và có nhiều chức năng cũng như tính linh động cao hơn nhiều so với website. Một ví dụ điển hình đó chính là Electron. Đây là 1 Web App Framework khá nổi. Có khá nhiều phần mềm phổ biến hiện nay được tạo ra bằng Electron hoặc sử dụng nó để tạo ra phiên bản dạng app của 1 trang web phổ biến như VS Code, Slack, Whatsapp, Twitch, Microsoft Teams,…

TranLy · September 25, 2020, 10:25am

Cảm ơn bác đã trả lời, nhưng ý em là các chức năng như chức năng login thì quá trình người dùng nhập mật khẩu check tài khoản trong database, xử lý này kia,… là do mình code thủ công bằng tay (bắt text, xử lý chuỗi, … ) hay có bộ source nào đó có sẵn rồi kiểu như khai báo thư viện, import vào rồi code theo quy tắc của nó. Giống như web muốn có cái text editer để post bài thì “gắn” cái CKEeditor vào dùng hoặc bên ReactJS thì có sẵn cái text editor là Draft.js kiểu kiểu vậy á. Mình vẫn phải code chỉnh sửa lại nhưng không phải các thành phần được làm sẵn chỉ cần kéo thả như WordPress. Huhu không biết có ai hiểu ý em k0 với lại mấy cái thêm sửa xóa sắp xếp tìm kiếm, lọc, đăng kí, đăng nhập, form feedback, … web nào cũng có, chắc cái framework phải có sẵn để gọi ra xài cho nhanh

Uni · September 25, 2020, 10:34am

Tùy team tạo ra trang web thôi. Thích làm from scratch thì sẽ code thủ công. Còn nếu dùng phần mềm để build như Firebase thì người ta sẽ import thư viện của Firebase dành cho JS Framework mà họ sử dụng vào rồi dùng các function của nó để đơn giản hóa việc. ReactJS hình như có react-firebase thì phải.

TyE · September 26, 2020, 5:59pm

chưa clear được câu hỏi này
Đúng, hầu hết framework có sẵn library/module hỗ trợ việc xây dựng các product (feature/plugin/extension) đó.

theo Hà Mã Tím đáng yêu hiểu thì:

Ở mức production: plugin/extension là product. Chỉ cần cài/import/chạy và config (hoặc không cần) là dùng.
Ở mức development: framework, library/module là cái mã nguồn viết sẵn, phải viết thêm. Mã nguồn sau khi đóng gói sẽ thành product (1).

Câu hỏi này trộn lẫn giữa 2 mức development và production, dẫn tới sự khó hiểu.
Giống như có sự hiểu nhầm Wordpress là framework. Thực ra Wordpress có 2 sản phẩm: Wordpress CMS (mức production) và Wordpress framework (mức development). Các plugin/extension chính là sản phẩm được tạo ra nhờ Wordpress framework, sau khi đóng gói sẽ có thể chạy/cài được trên Workpress CMS.

superthin · September 28, 2020, 2:58am

Bà tám thêm với Hà Mã Tím xem liệu mình hiểu có giống với Hà Mã Tím không nhé.

Bộ Microsoft Office thường được hiểu là production với đa số người dùng thông thường. Nhưng với dân kiếm sống bằng VBA thì nó chính là framework (đôi lúc là platform nếu có dính đến phần cứng) và/ hoặc thậm chí được xem là OS.