01/10/2018, 13:37

Cách quản trị website bằng javascript

Mọi người giúp em với ạ
Em hiện đang học web nhưng chưa học tới database chỉ mới học javascript, nên em muốn hỏi là mình muốn quản trị website như sửa, xóa thông tin sản phẩm bằng javascript thì mình làm thế nào ạ? Hay hướng đi cũng được ạ?
Em cảm ơn mọi người nhiều ạ!

Phan Bá Hải viết 15:49 ngày 01/10/2018

Bạn mới học Js cơ bản? Thế bạn đã biết NodeJS chưa? Nếu chưa thì bạn nên học tiếp đi. Js thuần khi bạn học cơ bản chỉ giải quyết phần client-side thôi (xử lý logic ở browser như validate form, thao tác với dom, và vì nó là client-side nên người ta không khuyến khích xài nó vào việc xử lý dữ liệu vì lý do bảo mật, cái này mình minh hoạ sau, do mình đang xài điện thoại để viết comment này) . NodeJS mới giải quyết server-side, tức thao tác với dữ liệu, quản lý route, xử lý logic, render view cho người dùng
Muốn làm app CRUD (Create Read Update Delete) thì phải học db. Vì db có khả năng quản lý dữ liệu tốt, thao tác thêm xem cập nhật xoá dễ dàng qua các câu lệnh sql. Còn nếu muốn làm ngay thì có thể đưa dữ liệu theo dạng array rồi lưu vào file json
VD

[
	{
		"id": 1,
		"name": "Nguyễn Văn A",
		"address": "Long An",
		"phone": "0974839283",
		"salary": 7000000
	},
	{
		"id": 2,
		"name": "Trần Thị B",
		"address": "Bình Dương",
		"phone": "0938493849",
		"salary": 6500000
	},
	{
		"id": 3,
		"name": "Phan Văn C",
		"address": "Bến Tre",
		"phone": "0938293829",
		"salary": 6000000
	},
	{
		"id": 4,
		"name": "Trần Minh D",
		"address": "TP.HCM",
		"phone": "0945849586",
		"salary": 6500000
	},
	{
		"id": 5,
		"name": "Phan Thị Huỳnh E",
		"address": "Quảng Bình",
		"phone": "0918928392",
		"salary": 5000000
	}
]

Bạn tham khảo bài này để biết cách thao tác CRUD với Js https://medium.com/@etiennerouzeaud/a-simple-crud-application-with-javascript-ebc82f688c59

Thật sự thao tác với json để tổ chức dữ liệu thay cho db là rất khó, nên vẫn khuyên bạn hãy học về db và sql, và NodeJS Lúc dó làm webapp quản lý đơn giản hơn nhiều

Trọng Bảo viết 15:47 ngày 01/10/2018

do em mới học cơ bản nên mình cũng chỉ muốn xử lí ở client-side thôi ạ, thầy em yêu cầu làm với javascript thôi ạ , năm sau mình mới học database, liệu mình có thể dùng mảng thay thế cho jason được không ??? Cảm ơn nhiều lắm ạ.

Hung viết 15:53 ngày 01/10/2018

Dùng IndexedDB nhé
https://developers.google.com/web/ilt/pwa/working-with-indexeddb

Hoặc Dexie, dễ dùng hơn.
http://dexie.org

Phan Bá Hải viết 15:48 ngày 01/10/2018

Json bản chất là cấu trúc dữ liệu để lưu javascript object, array thôi, đoạn json đó thực chất là mảng các js object đấy
Bạn có thể lưu mảng rồi ghi vào file text

Ha Huy Phat viết 15:49 ngày 01/10/2018

Sử dụng NODEJS để làm server rồi dùng Mongodb lưu db mình thấy ko quá khó

Jo Ker viết 15:38 ngày 01/10/2018

Các bác không thấy là em nó dưới mức gà à mà chỉ gì cả Nodejs với cả MongoDB.
P/s: Ở mức chỉ biết mỗi javascript thì hướng tiếp theo em nên học thêm nữa: Ngôn ngữ phía server, database rồi mới nghĩ tới việc quản trị một website.

Hung viết 15:42 ngày 01/10/2018

Các câu hỏi hóc búa đều xuất phát từ những đứa trẻ. Để giải quyết những câu hỏi vô thưởng vô phạt có khi phải cần trình độ và kinh nghiệm.

Ví dụ với câu hỏi thao tác CRUD ở client dùng JS đúng là câu hỏi gà, nhưng nếu làm được thì thế nào. Nó lại hướng đến cách làm việc web theo desktop app mà không cần phải quan tâm đến client-server như truyền thống. Đã có 2 sản phẩm thực hiện ý tưởng này: Meteor và Realm.

X viết 15:50 ngày 01/10/2018

A post was merged into an existing topic: Topic chứa các reply được cho là off-topic - version 2

Vô Thin viết 15:52 ngày 01/10/2018

do em mới học cơ bản nên mình cũng chỉ muốn xử lí ở client-side thôi ạ, thầy em yêu cầu làm với javascript thôi ạ , năm sau mình mới học database, liệu mình có thể dùng mảng thay thế cho jason được không ??? Cảm ơn nhiều lắm ạ.

Mấy đại ca kia chả hiểu ý của chủ topic gì cả, toàn dẫn dắt vào mấy cái cao siêu ở phía server làm gì. Mềnh hiểu vầy có đúng không? Đề ra là mục đích thực hành JavaScript, nó chưa có dính dáng gì đến dữ liệu/ lưu trữ hết mà chỉ là thực hành bấm nút, click chỗ nọ chỗ kia để nó có thể là thêm / xóa / sửa một node vào DOM để hiển thị ra hoặc làm biến đi (cái gì đó trên màn hình) đúng không? Nếu đúng ý mình nói, thì có thể dùng JavaScript thuần hoặc dùng thư viện jQuery/ Mootools/ Prototype, Dojo,… để thực hiện. Và việc đó là tìm kiếm từ khóa JavaScript DOM Manipulate.

Có thể tham khảo https://www.hongkiat.com/blog/dom-manipulation-javascript-methods/ ; https://codepen.io/ashblue/pen/mCtuA hoặc mấy cái https://learn.jquery.com/using-jquery-core/manipulating-elements/

Nguyen Ca viết 15:53 ngày 01/10/2018

Được, cơ bản là thao tác vơi DOM thôi, dùng javascript thuần nếu đang học, sau muốn làm nhanh thì có thể sử dùng jquery lib để thao tác với DOM.
Xa hơn nữa thì làm quen với mấy framework mvc javascript.

todomvc.com

TodoMVC

Helping you select an MV* framework - Todo apps for Backbone.js, Ember.js, AngularJS, Spine and many more

Bài liên quan
0