Báo cáo thực tập xây dựng website tin tức PHP MySQL
BAN CƠ YẾU CHÍNH PHỦ HỌC VIỆN KỸ THUẬT MẬT MÃ - THỰC TẬP CƠ SỞ XÂY DỰNG WEBSITE TIN TỨC PHP & MySQL Khoa: An tồn thơng tin Chun ngành: An tồn thơng tin Sinh viên thực hiện: Nguyễn Văn Quang Hưng Nguyễn Xuân Hưng Nguyễn Quang Hưng Lớp: AT13I Người hướng dẫn: Lê Đức Thuận Khoa Công nghệ thông tin – Học viện Kỹ thuật mật mã Hà Nội, 2019 MỤC LỤC Hà Nội, 2019 Mục lục LỜI MỞ ĐẦU KẾT LUẬN 24 LỜI MỞ ĐẦU Ngày nay, với phát triển Khoa học Công nghệ, Công nghệ Thông tin trở thành phần thiếu lĩnh vực hoạt động đời sống người Đối với nước phát triển tin học đưa vào ứng dụng quản lí ngành tất lĩnh vực, Việt Nam tin học đưa vào ứng dụng quản lí doanh nghiệp quy mơ lớn doanh nghiệp vừa nhỏ điều mẻ Hiện nay, website tin tức xem mơ hình có tính phổ biến đa dạng khả cập nhật đa dạng xuất thông tin nhanh Website tin tức cung cấp đầy đủ tính website như: quản lý quảng cảo, hỗ trợ tìm kiếm, thống kê, hệ thống bình chọn,…khơng giới hạn kí tự, số lượng viết hay thời điểm đăng tải Bên cạnh đó, trang web tin tức có tốc độ truy cập nhanh thuận tiện cho người tìm kiếm Đối với doanh nghiệp kinh doanh lĩnh vực báo chí, biên tập, xuất bản… ngày vơ cần thiết Bởi thời đại cơng nghệ phát triển, văn hóa đọc độc người dùng khơng dừng lại trang sách hay báo đơn giản nữa, họ chuyển sang đọc tin tức điện tử nhiều Thậm chí, bạn dễ dàng nhận thấy thói quen thay đổi thời điểm tại, người ta cầm điện thoại để check thông tin ngày bắt đầu, thưởng thức cà phê sáng bên cạnh Ipad khơng tờ báo Sau tìm hiểu nghiên cứu, để xây dựng website cho riêng mình, chúng em chọn ngơn ngữ lập trình PHP, theo mơ hình MVC với đề tài “Xây dựng website tin tức” Để thực báo cáo Thực tập sở chuyên ngành, nhóm em xin gửi lời cảm ơn đến tất thầy cô môn đặc biệt thầy giáo hướng dẫn trực tiếp Lê Đức Thuận tạo điều kiện, giúp đỡ bảo tận tình nhóm em q trình làm báo cáo Nhóm em xin chân thành cảm ơn thầy cơ! CHƯƠNG Tạo database (thiết kế sở liệu) Dữ liệu đóng vai trò vơ quan trọng hệ thống Tất hoạt động hệ thống liên quan đến sở liệu: liệu vào, liệu Mỗi chức hệ thống hoạt động cần đến liệu liên quan Vì việc thiết kế sở liệu công việc quan trọng định đến chất lượng hệ thống Dữ liệu tổ chức theo mơ hình quan hệ lý sau: • Đơn giản: liệu biểu diễn dạng quan hệ, bảng giá trị, tự nhiên gần gũi với người dùng • Chặt chẽ: khái niệm hình thức hóa cao, cho phép áp dụng cơng cụ tốn học, thuật tốn • Trừu tượng hóa cao: mơ hình dừng lại mức quan niệm, nghĩa độc lập với mức vật lý, với cài đặt, với thiết bị, nhờ làm tăng tính độc lập liệu chương trình • Cung cấp ngôn ngữ truy vấn mức cao SQL, dễ sử dụng trở thành chuẩn Hình 1.1 : Quy trình kết nối đến CSDL 1.1 Bảng Categories Bảng Categories bảng chứa thông tin danh mục( cha con) Nó gồm tổng cộng trường liệu 1.1.1 ID ID đặt làm khóa nhất, tự động tăng ID có kiểu liệu integer( kiểu số) 1.1.2 Name( tên danh mục) Tên danh mục có kiểu liệu dạng varchar 1.1.3 Slug( đường dẫn url) Slug đường dẫn url trình duyệt web, tên danh mục viết dạng không dấu chữ nối với băng dấu gạch ngang Kiểu liệu Slug varchar không lặp lại 1.1.4 Parent_id( loại danh mục) Parent_id dùng để phân loại danh mục cha với danh mục Kiểu liệu integer Chúng ta quy định NULL thuộc danh mục cha, lại thuộc danh mục 1.1.5 User_id( người tạo) Users_id id người tạo danh mục Nhằm để phân biệt quản lý danh mục Nó khóa ngoại liên kết với trường ID bảng Users Kiểu liệu integer 1.1.6 Approved( trạng thái duyệt) Là trường liệu thuộc kiểu liệu integer Nhận giá trị 0, quy ước duyệt, chưa duyệt trường liệu có mục đích giúp admin quản lý danh mục không phù hợp với trang web họ 1.1.7 Created_ad( ngày tạo) Created_at có kiểu liệu datetime với kiểu hiển thị năm-tháng-ngày giờ-phút-giây Khi tạo danh mục trường tự động lấy ngày 1.1.8 Updated_at( ngày chỉnh sửa) Updated_at : thời gian update danh mục 1.1.9 Deleted_at( xóa mềm) Deleted_at có kiểu dự liệu datatime, giá trị mặc định NULL Khi thực xóa lưu lại thời gian 1.2 Bảng Posts Bảng liệu Posts bảng liệu chứa thông tin chi tiết viết Nó gồm tổng cộng 13 trường liệu 1.2.1 ID ID đặt làm khóa nhất( k lặp lại) , tự động tăng dần ID có kiểu liệu int 1.2.2 Title( tiêu đề viết) Tiêu đề nói cách khác tên viết 1.2.3 Slug( đường dẫn viết) Slug bảng Posts giống slug bảng categories Nó sinh từ title 1.2.4 Content( chi tiết viết) Content phần quan trọng bảng Posts Nó mục chi tiết viết Kiểu liệu dạng text 1.2.5 Thumbnail( anh thu nhỏ viết) Thumbnail ảnh thu nhỏ viết, gần ảnh đại diện viết Trên giao diện hiển thị với tiêu đề viết 1.2.6 Description( đoạn giới thiệu ngắn viết) Đây đoạn tóm tắt ngắn viết Mục đích làm cho người đọc tò mò viết 1.2.7 Category_id( thuộc loại danh mục nào) Trường liên kết với trường ID bảng categories Category_id dùng để phân loại viết, cho biết thuộc loại danh mục để người đọc dễ tìm kiếm 1.2.8 User_id( người viết) User_id liên kết với trường ID bảng Users nhằm cho người đọc biết viết viết đăng lên 1.2.9 Status( trạng thái: ẩn hiện) Là trạng thái viết Có trạng thái ẩn hiện, admin muốn ẩn cho giá trị trường 0, muốn cho 1.2.10.Approved( trạng thái duyệt) Trạng thái duyệt trạng thái bloger đăng phải admin duyệt hiển thị lên trang web 1.2.11 View_count( số lượng xem) Số lượng lượt xem viết đặt trường view_count 1.2.12 Created_at( ngày tạo) Ngày tạo viết 1.2.13 Updated_at( ngày chỉnh sửa) Ngày chỉnh sửa update lại viết 1.2.14 Deleted_at( ngày xóa) Thời gian xóa viết (xóa mềm) 1.3 Bảng users 1.3.1 ID ID nhất, user có id khác Kiểu liệu int tăng dần 1.3.2 Name( tên user) Đây tên user Kiểu liệu varchar 1.3.3 Avatar( ảnh đại diện) 1.3.4 Phone_number( số điện thoại) Số điện thoại user có kiểu liệu int 1.3.5 Email( email user) Email user có kiểu liệu varchar Nó dùng để đăng nhập vào hệ thống quản lý trang web 1.3.6 Password( mật khẩu) Mật có kiểu kiệu varchar Nó dùng để đăng nhập vào hệ thống 1.3.7 Status( trạng thái: hoạt động hay khóa) Status có giá trị 0 khóa, hoạt động 1.3.8 Role( quyền: admin hay blogger) Trường có ý nghĩa phân biệt admin hay bloger bloger, admin 1.3.9 Created_at( ngày tạo) Ngày tạo tài khoản user 1.3.10 Quote ( câu nói tâm đắc ) 1.4 Bảng comments 1.4.1 ID ID nhất, comment có id khác Kiểu liệu int tăng dần 1.4.2 User_id( người tạo) Id user viết comment Kiểu liệu integer 1.4.3 Slug_post( đường dẫn viết comment) 1.4.4 content( nội dung comment) 1.4.5 Status( trạng thái: duyệt hay chưa) Status có giá trị 0 khóa, hoạt động 1.4.6 Created_at( ngày tạo) Ngày tạo comment Mơ hình sở liệu hồn chỉnh Hình 1.2: Sơ đồ mơ hình CSDL CHƯƠNG Quản lý User Gồm chức Thêm Cập nhật, xóa bỏ Các chức cho phép admin thêm mới, cập nhật, xóa bỏ thơng tin user Admin thêm thơng tin có user cập nhật, xóa bỏ thơng tin thay đổi users 2.1 Thêm User Thêm user thêm tài khoản, bloger admin Sau thêm, tài khoản sử dụng cách chức tương ứng với tài khoản Ví dụ tài khoản bloger đăng bài, sửa bài… hay tài khoản admin có tất chức trang Web duyệt bài, đăng bài, ẩn bài, xóa bài… Thêm tài khoản user có admin phép thêm Cách tạo giao diện quản lý admin Hình 2.1 : giao diện tạo người dùng Đây giao diện thêm tài khoản user admin Trong đó: Tên: Nhập tên user muốn thêm Email: Nhập email user Mật khẩu: Nhập mật Quyền: Chọn quyền admin bloger 2.2 Cập nhật User Cập nhật user admin hay bloger muốn thay đổi thơng tin cá nhân mình, ví dụ thay đổi số điện thoại hay thay đổi họ tên Vì thơng tin cá nhân nên người khác thay thông tin người khác kể admin, user có quyền thay đổi Admin có quyền khóa hay bỏ khóa cho tài khoản user Hình 2.2 : giao diện thay đổi thơng tin cá nhân Hình 2.3 : giao diện thay đổi Password 3.1 Thêm danh mục Khi admin hay bloger có danh mục họ thêm mục quản lý danh mục giao diện họ Hình 3.2: Giao diện thêm danh mục Đây giao diện admin hay bloger muốn thêm danh mục Trong đó: Name: Tên danh mục Parent: Thuộc loại danh mục nào: Danh mục cha hay danh mục Slug: Đường dẫn Description: Đoạn giới thiệu ngắn Ngồi admin thêm danh mục trực tiếp database thêm user phần 3.2 Sửa danh mục( tương tự user ) 3.3 Duyệt danh mục Một user có quyền tạo thêm danh mục để đăng viết phù hợp Nhưng danh mục phải phê duyệt người quản trị 11 VD: Hình 3.4: Ví dụ duyệt danh mục 3.4 Ẩn/Hiện danh mục Một danh mục sau duyệt, người quản trị lý muốn ẩn danh mục đi, lại danh mục *Lưu ý: Nếu ẩn danh mục cha danh mục bị ẩn viết thuộc danh mục bị ẩn theo VD: Danh mục Game danh mục cha ẩn danh mục Liên Minh HT Liên Quân Mobile bị ẩn Hình 3.5: Ví dụ Ẩn/Hiện danh mục 12 CHƯƠNG Quản lý viết Gồm chức thêm mới, cập nhật, xóa viết Các chức cho phép admin hay bloger quản lý viết họ Mỗi bloger hay admin thêm viết mới, cập nhât, xóa viết riêng ( tài khoản admin hoạt động blogger ) Admin khơng có quyền thêm hay sửa viết user khác Hình 4.1: giao diện quản lý viết user 4.1 Thêm viết Trong giao diện quản lý tài khoản có mục thêm viết Sau thêm thành công, viết cần admin duyệt, chưa duyệt viết mặc định dạng ẩn 13 Hình 4.2: giao diện thêm viết user Đây giao diện thêm viết Trong đó: • Title: Tiêu đề viết • Category: Loại danh mục • Content: nội dung chi tiết viết, lưu CSDL dạng HTML • Thumbnail: Ảnh đại diện viết • Slug: Đường dẫn • Description: Giới thiệu ngắn viết 4.2 Sửa viết Trong danh sách viết user/admin có mục sửa viết viết 14 Hình 4.3: giao diện sửa viết user 4.3 Xóa viết (xóa mềm) Khi tác giả xóa viết viết bị xóa khỏi trang web lưu lại database Thời gian xóa viết cập nhật trường delete_at viết database 4.4 Phê duyệt,ẩn,hiện viết Khi viết tạo phải phê duyệt người quản trị lên trang web Các viết chờ phê duyệt hiển thị mục Quản lý trang blog/Duyệt đăng giao diện quản lý Admin Hình 4.4: giao diện duyệt viết 15 Tất viết phê duyệt hiển thị Quản lý trang blog/Danh sách đăng Hình 4.5: Các viết phê duyệt Một viết sau phê duyệt admin ẩn hiển thị lại Các đăng bị ẩn hiển thị mục Quản lý trang blog/Các đăng bị ẩn Hình 4.6: giao diện viết bị ẩn 16 CHƯƠNG Đăng ký, đăng nhập, đăng xuất 5.1 Đăng ký Người dùng muốn trở thành bloger để hợp tác với trang Web vào đăng ký tài khoản với tài khoản mail người đó( mail phải hợp lệ, mail rác) mật Sau đăng kí xong, người dùng phải chờ Admin duyệt, duyệt tài khoản dùng để đăng nhập Hình 5.1 giao diện trang đăng ký Name: Tên người dùng Email Address: Địa email người dùng ( dùng để đăng nhập ) Password: Mật tài khoản Repeat Password: Nhập lại mật ( Bắt buộc phải nhập ) * Chú ý: Đăng ký tạo đc tài khoản Bloger 5.2 Đăng nhập Hình 5.2 giao diện trang đăng nhập 17 Sau đăng nhập thành công, hệ thống kiểm tra xem user đăng nhập Admin/Blogger mà chuyển hướng tới trang Admin Blogger Đây giao diện admin Các chức gồm quảy lý viết, quản lý danh mục, quản lý trang blog quản lý tài khoản Hình 5.3 giao diện trang quản lý admin Đây giao diện Blogger Các chức gồm quảy lý viết, quản lý danh mục Hình 5.4 giao diện trang quản lý blogger 5.3 Đăng xuất Khi đăng xuất bạn chuyển hướng sang trang chủ web 18 CHƯƠNG Giao diện người dùng 6.1 Cấu trúc giao diện Các page website chia làm thành phần : header, container, footer, sidebar, menu setting Trong header, sidebar, menu setting footer dùng chung cho page Website có page là: • Trang chủ • Lọc viết theo danh mục, tìm kiếm • Xem chi tiết viết • Giới thiệu: giới thiệu trang web • Liên hệ: phản hồi người đọc trang web • Team page: infor tác giả 6.1.1 Header Hình 6.1 Header Trong đó: • Menu đăng nhập, đăng ký • Logo trang web • Thanh menu điều hướng gồm option trang chủ, danh mục, team page, giới thiệu, liên hệ, tìm kiếm, danh sách viết nhiều lượt tìm kiếm 19 6.1.2 Menu setting Menu setting gồm tùy chỉnh font chữ, background, body color, menu color, change layout Hình 6.2 menu setting 6.1.3 sidebar Sidebar bao gồm quảng cáo, fanpage mạng xã hội, viết bật 6.1.4 Footer Footer bao gồm giới thiệu trang web, quảng cáo, viết cũ Hình 6.3 footer 20 6.2 Trang chủ Trang chủ bao gồm viết bật ( nhiều lượt xem ), danh sách viết xếp theo thứ tự ( viết trang ) Hình 6.4 featured posts Hình 6.5 latest posts 21 6.3 Lọc viết theo danh mục, tìm kiếm Tất viết danh mục hiển thị trang Hình 6.6 lọc viết theo danh mục Tất kết tìm kiếm hiển thị trang Hình 6.7 tìm kiếm viết 22 6.4 Xem chi tiết viết Toàn nội dung chi tiết viết hiển thị Tính comment sử dụng đăng nhập Hình 6.8 Chi tiết viết 23 KẾT LUẬN Qua trình làm đề tài, chúng em tổng hợp lại kiến thức thời gian học trường nắm vững quy trình cài đặt sử dụng website, chủ động tìm kiếm thông tin để phục vụ công việc Hướng phát triển đề tài tiếp tục phát triển trang web tảng framework laravel để tối ưu hóa tính thêm tính 24 TÀI LIỆU THAM KHẢO [1] Tổng quan lập trình PHP & MySQL: https://freetuts.net/hoc-php/php-va-mysql [2] Download Xampp: https://www.apachefriends.org/download.html Xác nhận cán hướng dẫn (Ký ghi rõ họ tên) 25