Đồ án website bán điện thoại

Thiết kế giao diện Balsamiq - Thiết kế giao diện dựa vào các trang web bán điện thoại hiện nay với giao diện thân thiện dễ sử dụng... Trang cập nhật thông tin người dùng3... Trang giỏ hà

BỘ GIÁO DỤC VÀ ĐÀO TẠO

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ TP HCM

ĐỒ ÁN MÔN HỌC WEBSITE BÁN ĐIỆN THOẠI

MỤC LỤ

Chương 1 THIẾT KẾ GIAO DIỆN 1

1.1 Thiết kế giao diện Balsamiq 1

1.2 Trang chủ 2

1.3 Form đăng nhập/ đăng ký 2

1.4 Trang cập nhật thông tin người dùng 3

1.5 Trang sản phẩm 4

1.6 Trang giỏ hàng 4

1.7 Trang tìm kiếm 4

Chương 2 CRAWL DATA 6

2.1 Laravel 6

2.2 Goutte 6

Chương 3 QUẢN LÝ SOURCE CODE 9

3.1 GitLab 9

3.2 SourceTree 10

Chương 4 QUẢN LÝ CÔNG VIỆC 10

4.1 Jira 10

Chương 5 KẾT QUẢ ĐẠT ĐƯỢC 11

5.1 Trang chủ 11

5.2 Trang chi tiết sản phẩm 12

5.3 Trang hiển thị sản phẩm theo danh mục 13

5.4 Trang giỏ hàng 13

5.5 Trang tìm kiếm 14

5.6 Trang Admin 14

Chương 1 THIẾT KẾ GIAO DIỆN

Chương 2 Thiết kế giao diện Balsamiq

- Thiết kế giao diện dựa vào các trang web bán điện thoại hiện nay với giao diện thân thiện dễ sử dụng

1

Chương 3 Trang chủ

Chương 4 Form đăng nhập/ đăng ký

Chương 5 Trang cập nhật thông tin người dùng

3

Chương 6 Trang sản phẩm

Chương 7 Trang giỏ hàng

Chương 8 Trang tìm kiếm

Chương 9 CRAWL DATA

Chương 10 Laravel

Laravel là một PHP framework mã nguồn mở và miễn phí, được phát triển bởi Taylor Otwell và nhắm vào mục tiêu hỗ trợ phát triển các ứng dụng web theo kiếm trúc model-view-controller (MVC) Những tính năng nổi bật của Laravel bao gồm cú pháp dễ hiểu – rõ ràng , một hệ thống đóng gói modular và quản lý gói phụ thuộc, nhiều cách khác nhau để truy cập vào các cơ sở dữ liệu quan hệ, nhiều tiện ích khác nhau hỗ trợ việc triển khai vào bảo trì ứng dụng

Chương 11 Goutte

Thuật ngữ cào dữ liệu hay crawl data chắc chắn không còn xa lạ gì mọi người Nó đơn giản là tự động hóa việc trích xuất thông tin từ một nguồn nào đó, cụ thể ở bài viết này

là một website Công việc này hoàn toàn có thể thực hiện bằng tay, nếu bạn có đủ thời gian

và kiên nhẫn Tuy nhiên để không phải ngồi hàng giờ liền click và copy past, bài viết này

sẽ hướng dẫn cách viết một ứng dụng cào dữ liệu đơn giản

Goutte là một thư viện hỗ trợ việc crawl website rất hiệu quả

Đoạn code:

<?php

namespace App\Scraper;

use App\ProductCrawl;

use Goutte\Client;

use Symfony\Component\DomCrawler\Crawler;

use App\Product;

use Illuminate\Support\Facades\Session;

use Illuminate\Support\Facades\DB;

class TGDD

{

public function scrape()

{

$html = "" ;

$i = ;

do{

$url = 'https://cellphones.com.vn/tablet.html' $html ;

$client = new Client();

$crawler = $client ->request( 'GET' , $url );

$crawler ->filter( 'ul.cols li.cate-pro-short' )-> each (

function (Crawler $node ) {

//lay ten $name = $node ->filter( 'h3#product_link' )->text(); //lay slug $bien = $node ->filter( '.lt-product-group-info a' )->attr( 'href' ); $r = rtrim( $bien , '.html' ); $slug = ltrim( $r , 'https://cellphones.com.vn/' ); //lay gia $price = $node ->filter( '.price-box span' )->text();

$price = preg_replace('/\D/', '' , $price ); //hinh $screenshotSrc = $node ->filter( '#product_link' )->attr( 'data-src' ); $product = new Product; $product -> product_name = $name ; $product -> product_price = $price ; $product -> product_image = $screenshotSrc ; $product -> product_slug = $slug ; //desc $url1 = $bien ; $client = new Client(); $crawler = $client ->request( 'GET' , $url1 ); $crawler ->filter( '.blog-content' )-> each (function (Crawler $node ) {

$desc = $node ->filter( 'p' )->text(); session()->put( "desc" , $desc );

}

);

$product -> product_desc = Session::get( 'desc' );; $product ->save(); }

);

$i ++;

$html = '?p=' $i ;

}while( $i < 3 );

7

}

}

Kết quả minh họa khi Crawl Data thành công

Chương 12 QUẢN LÝ SOURCE CODE

Chương 13 GitLab

9

Chương 14 SourceTree

Chương 16 Jira

Chương 17 KẾT QUẢ ĐẠT ĐƯỢC

Chương 18 Trang chủ

11

Chương 19 Trang chi tiết sản phẩm

Chương 20 Trang hiển thị sản phẩm theo danh mục

Chương 21 Trang giỏ hàng

13

Chương 22 Trang tìm kiếm

Chương 23 Trang Admin

File đính kèm:

https://drive.google.com/file/d/1seF3tLxhow3fV2KsmXyJv-L_BNRUlvYk/view?usp=sharing