ĐỀ TÀI QUẢN LÝ VẬT TƯ ĐỒ ÁN I Chuyên nghành hệ thông thông tin quản lý

TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI VIỆN TOÁN ỨNG DỤNG VÀ TIN HỌC ĐỀ TÀI: QUẢN LÝ VẬT TƯ ĐỒ ÁN I Chuyên nghành: hệ thông thông tin quản lý Giảng viên hướng dẫn : TS.VŨ THÀNH NAM Sinh viên thực MSSV Lớp : LÊ HỮU ĐƯC LONG : 20185464 : MI2 - k63 HÀ NỘI - 2021 TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI VIỆN TOÁN ỨNG DỤNG VÀ TIN HỌC ĐỀ TÀI: QUẢN LÝ VẬT TƯ ĐỒ ÁN I Chuyên nghành: hệ thông thông tin quản lý Giảng viên hướng dẫn : TS.VŨ THÀNH NAM Sinh viên thực MSSV Lớp : LÊ HỮU ĐƯC LONG : 20185464 : MI2 - k63 HÀ NỘI - 2021 NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN 1.Mục đích nội dung đồ án Kết đạt ý thức làm việc sinh viên Hà Nội, ngày tháng năm 2021 Giảng viên hướng dẫn TS VŨ THÀNH NAM LỜI CẢM ƠN Đồ án kết trình học tập, nghiên cứu viện Toán ứng dụng Tin học, trường Đại học Bách khoa Hà Nội Trong thời gian qua, em nhận quan tâm, giúp đỡ, khích lệ từ gia đình, bạn bè nhà trường Đặc biệt em xin chân thành cảm đến TS.VŨ THÀNH NAM có buổi hướng dẫn, định hướng cách làm để em hồn thành đồ án lần Em mong nhận ý kiến đóng góp Thầy Cơ bạn để Đồán ngày hoàn thiện Em xin chân thành cảm ơn TĨM TẮT ĐỒ ÁN Trong việc kinh doanh, cơng tác quản lý khách hàng, đối tác, Kho bãi, công nợ công việc quan trọng ảnh hưởng trực tiếp đến phát triển hay xuống doanh nghiệp Bằng hỗ trợ mạnh mẽ từ internet, cụ thể sử dụng tảng web, ta thuận tiện sử dụng, kết nối liệu để hiệu internet, truy cập lúc, nơi để kiểm sốt hoạt động cơng ty Do đó, đồ án trình bày việc xây dựng website internet để phục vụ nhu cầu quản lý kho bãi công ty Phạm vi vấn đề đồ án tập trung giải quản lý nhập xuất vật tư kèm thông tin đối tác, khách hàng Sau số nội dung trình bày đồ án: • Phần mở đầu giới thiệu đề tài • Cấu trúc hoạt động web • Các cơng nghệ sử dụng sản phẩm • Cấu trúc chi tiết sản phẩm • Mã nguồn Hà Nội, ngày tháng năm 2021 Tác giả LÊ HỮU ĐỨC LONG Mục lục CẤU TRÚC VÁ CÁCH HOẠT ĐỘNG CỦA WEBSITE 1.1 Một số khái niệm 1.1.1 Website ? 1.1.2 Phân loại website Cách thức hoạt động 1.2 CÁC CÔNG NGHỆ ĐƯỢC SỬ DỤNG TRONG SẢN PHẨM 2.1 Mơ hình MVC 2.2 Ngôn ngữ rút gọn Javascrip 2.3 Nền tảng Nodejs 2.4 Boostrap 2.5 MongoDB 2.5.1 NoSQL 2.5.2 MongoDB ? 2.6 Kết chương 10 Cấu trúc chi tiết sản phẩm 11 3.1 Quản lý người dùng 11 3.2 Quản lý vật tư 14 3.3 Nhập - Xuất hàng hóa 15 3.4 Quản lý đối tượng 15 Các packeage Nodejs sử dụng sản phẩm 19 4.1 Express 19 4.2 Các gói packeage khác 20 Mã Nguồn 22 Tổng kết 25 Phụ lục 26 Danh sách hình vẽ 2.1 Mơ hình MVC 3.1 Trang Login 12 3.2 trang register 13 3.3 Hiển thị vật tư 14 3.4 Xóa vật tư 15 3.5 Chọn tác vụ 16 3.6 Trang thông tin hàng nhập 16 3.7 Trang thông tin hàng xuất 17 3.8 Quản lý đối tượng 18 5.1 file mã nguồn 23 Chương CẤU TRÚC VÁ CÁCH HOẠT ĐỘNG CỦA WEBSITE Sống thời đại công nghệ internet bùng nổ tứng lên internet tìm kiếm, mua bán, giải trí hay trí làm việc kết nối với tảng website khác Chính ta cần hiểu rõ đê thuận tiện cho việc xây dựng sản phẩm tảng web Trong phần ta tìm hiểu chi tiết mà website làm, hiểu chế hoạt động website số kiến thức sở 1.1 Một số khái niệm 1.1.1 Website ? Website tập hợp webpage (trang web), đa số thuộc tên miền tên miền phụ World Wide Web Internet Một trang web tập tin HTML XHTML truy nhập dùng giao thức HTTP Trang mạng xây dựng từ tệp tin HTML (trang mạng tĩnh) vận hành CMS chạy máy chủ (trang mạng động) Website xây dựng nhiều ngơn ngữ lập trình khác (PHP, ASP.NET, Java, Ruby on Rails, Perl, ) Website giao tiếp hiển thị cho người dùng truy cập phần mềm gọi trình duyệt website Một số trình duyệt website tiếng kể đến Internet Explorer cài đặt mặc định vào máy tính cài hệ điều hành windows thay Edge Windows 10 hay Google Chrome phát triển Google Firefox phát triển Mozilla 1.1.2 Phân loại website Website phân làm loại sau: • Website tĩnh Website tĩnh website mà người quản trị (những người khơng phải lập trình viên) khơng thể tùy ý thay đổi nội dung hình ảnh mà phải cần kiến thức HTML Website tĩnh viết hoàn toàn dựa tảng HTML CSS thêm hiệu ứng từ Javascript • Website động Website động website viết kèm theo công cụ quản trị để tùy biến nội dung dành cho người quản trị dễ dàng thay đổi nội dung, hình ảnh Website động thiết kế lập trình viên để cho phép website cập nhật thay đổi nội dung qua việc cập nhật liệu Một số công nghệ, ngôn ngữ để xây dựng website động bao gồm PHP, ASP.NET, Java, 1.2 Cách thức hoạt động Để website hoạt động ta cần phải có yếu tố sau: 12 Hình 3.1: Trang Login 13 Hình 3.2: trang register 14 Hình 3.3: Hiển thị vật tư 3.2 Quản lý vật tư Sau người dùng đăng nhập thành cơng chuyển đến trang Trong trang web này, hiển thị thơng tin vật tư có kho tên vật tư, số lượng, đơn giá để người quản lý nắm rõ tình hình trạng vật tư kho (Hình 3.3) Bên bảng vật tư form thêm vật tư mà kho có thêm hàng hóa với số lượng nhập tên hàng hóa phiếu nhập tạo Nếu hàng hóa xuất t click chuột vào sửa để điều chỉnh số hàng hóa bán Khi mà hàng hóa bán hết số hàng hóa khơng kinh doanh ta xóa chúng click chuột vào xóa vật tư, biểu mẫu hình để người dùng xác nhận xóa chúng (Hình 3.4) 15 Hình 3.4: Xóa vật tư 3.3 Nhập - Xuất hàng hóa Để thực chức ta click vào tác vụ (Hình 3.5), chọn tác vụ nhập xuất mong muốn Trong trang ta có thao tác tạo phiếu nhập, phiếu xuất, thêm sửa xóa chúng (Hình 3.6 Hình 3.7) Có lưu ý với hàng hóa nhập hay xuất phiếu xuất nhập phải nhập thơng tin số phiếu xuất nhập ngày xuất nhập giống 3.4 Quản lý đối tượng Mặc dù chức quản lý vật tư nhập xuất vật tư đơi vật tư bị hỏng hóc nhà cung cấp vật tư đc vận chuyển đến khách hàng bị hỏng học ta cần thêm chức quản lý đối tượng để xử lý vấn đề tốt (Hình 3.8) 16 Hình 3.5: Chọn tác vụ Hình 3.6: Trang thơng tin hàng nhập 17 Hình 3.7: Trang thơng tin hàng xuất Chức có thao tác thêm, sửa, xóa đối tượng hiển thị người dùng click chuội vào quản lý đối tượng tác vụ tiêu đề trang chủ 18 Hình 3.8: Quản lý đối tượng Chương Các packeage Nodejs sử dụng sản phẩm 4.1 Express Đầu tiên ta sử dụng lệnh npm init commandline trỏ đến tệp muốn lưu trữ để khởi tạo nodejs tệp tạo tệp packeage.json cho ứng dụng sau tạo xong tệp packeage.json, ta tiếp tục cài đặt gói packeage express cú pháp lênh sau : npm i n s t a l l express Gói packeage sau cài hiển thị "dependencies" cài vào môi trường server lưu vào devDependencies cài môi trường phát triển tệp packeage.json 19 20 4.2 Các gói packeage khác Em sử dụng thêm vài gói packeage khác liệt kê sau kèm theo đường link dẫn hướng dẫn sử dụng: • nodemon: dùng để phát lưu lại thay đổi sau khởi tạo chạy lại ứng dụng Để hiểu rõ ta tìm hiểu chi tiết qua www.npmjs.com/package/nodemon • morgan: dùng đề ghi lại yêu cầu từ phía người dùng thông qua client lên sercer Để hiểu rõ ta tìm hiểu chi tiết qua www.npmjs.com/package/morgan • express-handlebars: template engnie tương thích với express, giúp người phát triển web hiển thị liệu client Ta tìm hiểu chi tiết qua Ta tìm hiểu chi tiết qua: www.npmjs.com/package/express-handlebars • node-sass: Đây packeage hỗ trợ cho SASS SASS mộ ngôn ngữ mở rộng CSS, trợ giúp hỗ trợ bảo trì website tốt CSS www.npmjs.com/package/node-sass sass-lang.com • mongoose: Đây packeage Nodejs nhằm hỗ trợ tương tác với hệ quản trị sở liệu MongoDB tốt Ta tìm hiểu chi tiết qua: mongoosejs.com/docs/index.html • method-override: Do template engie hỗ trợ cho website hai phương thức GET POST HTTP, HTTP có nhiều phương thức khác nên packeage giúp nhà phát triển chuyển đổi phương thức template engie từ POST, GET sang phương thức khác phù hợp mà nhà phát triển muốn cung cấp dịch vụ Ta tìm hiểu rõ cách sử dụng 21 packeage qua: www.npmjs.com/package/method-override • jsonwebtoken: Packeage hỗ trợ hiển thị dạng liệu json Ta tìm hiểu chi tiết packeage qua: www.npmjs.com/package/jsonwebtoken • express-validator: Đây packeage hỗ trợ cho nhà phát triển web xác định, kiểu tra liệu đầu vào mà người dùng cung cấp Ta tìm hiểu chi tiết qua: www.npmjs.com/package/express-validator • express-session: Đây packeage giúp nhà phát triển kiểm soát phiên dùng người sử dụng Ta tìm hiểu chi tiết qua: www.npmjs.com/package/express-session • express-flash: Gói packeage giúp hiển thị nhứng thơng báo cho người dùng qua message Ta tìm hiểu chi tiết qua: https://www.npmjs.com/package/express-flash • cookie-parser: Đây packeage giúp nhà phát triển tạo lưu cookie để đảm bảo tính bảo mật cho websitehttps://www.npmjs.com/package/cookie-parser • body-parser: Hỗ trợ tiếp nhận yêu cầu người sử dụng client Ta tìm hiểu chi tiết qua: www.npmjs.com/package/body-parser • bcryptjs: Đây packeage giúp nhà phát triển chuyển đổi đoạn mật người dùng thông qua đoạn mã theo quy tác giúp ứng dụng bảo mật tốt Ta có thê tìm hiểu chi tiết qua: https://www.npmjs.com/package/bcryptjs Chương Mã Nguồn link driver: https://drive.google.com/drive/u/0/folders/1P4JedNJPWyUPAuqYKBe-2z-HB_ Dcz7gq Sau chức file, thư mục mã nguồn (Hình 5.1) • packeage.json : file tạo sau chạy lệnh nmp init • packeage-lock.json : file tạo sau cài đặt packeage express • File app.js : Đây file có chức load hiển thị nội dung view thực thi Controller • Thư mục views : Đây thư mục lưu file có hbs thuộc thư viện handlebars Đây tệp lưu liệu hiển thị nội dung cho người dùng • Thư mục SCSS : Thư mục em dùng để lưu file sass cho trang web • Thư mục route : Thư mục dùng để lưu file thực thi định tuyến đường truyền website • Thư mục public : Thư mục dùng để lưu file tĩnh dạng file CSS chuyển từ file SASS sang, thư mục ảnh 22 23 Hình 5.1: file mã nguồn 24 • Thư mục model : Thư mục chứa file thực thi tạo trường liệu database • Thư mục middleware : Thư mục chứa file thực lệnh kiểm tra thông tin người dùng trước đăng nhập • Thư mục Controller : Thư mục chứa file thực thi có nhiệm vụ xử lý u cầu người dùng đưa đến thơng qua view • Thư mục config : Thư mục dùng để kết nối tới database • Thư mục nodem odulesv.vscode : V ithmcmoduleslthmcchaccpackeagecanode jssaukhichyl Chương Tổng kết Quản lý vật tư, kho hàng vốn công việc thiết yếu hệ trong cơng ty mang tính nghiệp vụ cao, địi hỏi xác qn để đảm bảo tính tồn vẹn liệu cho công ty Mặc dù đồ án lần nhiều thứ chưa thể thực chức cơng tác quản lý vật tư ứng dụng thực kiểm soát lượng hàng tồn lại kho Trong tương lai, em cố gắng hoàn thiện ứng dụng 25 Chương Phụ lục Để hoàn thành báo cáo đồ án lần em có tham khảo số viết google qua đường link sau: • "MongoDB gì? Cơ sở liệu phi quan hệ" Đường dẫn: mongodb-la-gi-co-so-du-lieu-phi-quan-he-bJzKmgoPl9N • "15+ Tài liệu học NodeJS “chất” dành cho Developer" Đường dẫn: itviec.com/blog/hoc-nodejs/ 26 ...TRƯỜNG Đ? ?I HỌC BÁCH KHOA HÀ N? ?I VIỆN TOÁN ỨNG DỤNG VÀ TIN HỌC ĐỀ T? ?I: QUẢN LÝ VẬT TƯ ĐỒ ÁN I Chuyên nghành: hệ thông thông tin quản lý Giảng viên hướng dẫn : TS.VŨ THÀNH NAM Sinh viên thực MSSV... kho b? ?i công ty Phạm vi vấn đề đồ án tập trung gi? ?i quản lý nhập xuất vật tư kèm thông tin đ? ?i tác, khách hàng Sau số n? ?i dung trình bày đồ án: • Phần mở đầu gi? ?i thiệu đề t? ?i • Cấu trúc hoạt động... xuất phiếu xuất nhập ph? ?i nhập thơng tin số phiếu xuất nhập ngày xuất nhập giống 3.4 Quản lý đ? ?i tư? ??ng Mặc dù chức quản lý vật tư nhập xuất vật tư đ? ?i vật tư bị hỏng hóc nhà cung cấp vật tư đc