Cách cài đặt Laravel 5.5

Laravel

Laravel là một framework PHP miễn phí được sử dụng phổ biến trong cộng đồng PHP. Laravel giúp giảm bớt khối lượng công việc trong lập trình, giúp xây dựng ứng dụng nhanh hơn. Laravel được tạo ra bởi Taylor Otwell (một lập trình viên kỳ cựu chuyển từ .NET sang PHP) giúp xây dựng những ứng dụng theo mô hình MVC (Model – View – Controller), hệ thống tài liệu đầy đủ giúp người mới lập trình PHP dễ dàng tiếp cận.

Trong bài này tôi sẽ hướng dẫn các bạn cách cài đặt Laravel trên máy tính cá nhân. Như các bạn lập trình PHP đã biết, để chạy một ứng dụng web với địa chỉ ip http://127.0.0.1 hay http://localhost chúng ta cần cài đặt một máy chủ trên Windows: VertrigoServ, Xampp,...

Để cài đặt Laravel trên localhost trước tiên bạn cần phải Download Composer và cài đặt vào PHP localhost.

Sau khi chạy file Composer-Setup.exe các bạn click Next cho tới khi chọn file như hình bên dưới.

Cài đặt Composer

Các bạn chọn php.exe trong thư mục php của máy chủ localhost (máy chủ tôi đang dùng là VertrigoServ) và click Next để cài đặt.

Sau khi cài đặt xong Composer các bạn vào thư mục localhost của máy chủ (đối với VertrigoServ là thư mục www) và click chuột phải chọn Open command như hình bên dưới. Nếu như click chuột phải không thấy các bạn nhấn thêm nút Shift + Click chuột phải sẽ thấy.

Command

Tới đây ứng dụng máy chủ (VertrigoServ) phải chạy mới đảm bảo cài đặt được. Tiếp theo các bạn gõ các lệnh sau:

// 1. Lệnh đầu tiên: Cài đặt Laravel
composer global require "laravel/installer"

// 2. Lệnh thứ hai: Tạo một project mới (từ website cuối cùng trong lệnh là tên của project)
composer create-project --prefer-dist laravel/laravel website

Cuối cùng các bạn chép 2 file .htaccess và index.php từ thư mục public ra ngoài thư mục tổng (thư mục website) sau đó sửa 2 dòng trong file index.php như sau:

// 1. Dòng đầu tiên:
require __DIR__.'/../bootstrap/autoload.php';
// Sửa lại thành
require __DIR__.'/bootstrap/autoload.php';

// 2. Dòng thứ hai: 
$app = require_once __DIR__.'/../bootstrap/app.php';
// Sửa lại thành
$app = require_once __DIR__.'/bootstrap/app.php';

Vậy là đã hoàn thành cài đặt Laravel. Chúc các bạn thực hiện thành công.

Người chia sẻ: Ngụy Kim Hưng

Hướng dẫn đăng ảnh và liên kết ảnh 360 trên google map

Ảnh 360 khi riêng lẻ ta chỉ xem được cảnh vật xung quanh, nhưng khi ta liên kết lại nó có thể thành một công cụ chỉ đường rất hữu ích trên google map. Hôm nay tôi xin giới thiệu đến các bạn cách upload và liên kết ảnh 360 trên google map.

Có 2 bước chúng ta phải làm theo quy trình:

Bước đầu chúng ta phải upload ảnh lên google map theo đúng địa điểm đã check trên map

Bước hai là sử dụng ứng dụng google street view để kết nối lại(có thể sử dụng giả lập trên máy tính vd: NoX..)

Các bạn có thể làm theo video dưới đây.

Chúc các bạn thành công!

- Võ Hoàng Giang -

Hướng dẫn xử lý ảnh 360 độ bằng photoshop và gắn logo agitech

Hướng dẫn xử lý ảnh 360 độ bằng photoshop

Ảnh 360 là dạng ảnh ta có thể nhìn thấy được tất cả những hình ảnh xung quanh máy ảnh , nó lấy được không gian 360 độ khi chụp, khi ấy chúng không thể nào tránh khỏi trường hợp vướn phải chân máy ảnh hoặc chính tay chúng ta đang cầm máy vào trong tấm ảnh, vì thế hôm nay tôi sẽ hướng dẫn các bạn cách sử lý ảnh 360 độ bằng photoshop.

Các bạn có thể làm theo clip dưới đây, lưu ý chuột nháy màu đỏ là khi mình nhấn chuột trái và xanh là chuột phải.

Chúc các bạn thành công!

-Võ Hoàng Giang -

Hướng dẫn tạo menu dọc với joomla

Với giao diện joomla cơ bản ta sẽ thường gặp loại menu ngang, nhưng có lẻ sẽ có lúc chúng ta nhàm chán với nó. VÌ thế tôi sẽ giới thiệu cho các bạn cách để điều chỉnh nó thành một menu dọc.

Đầu tiên ta vào phần Templates, vào thư mục css > custom.css để chỉnh sửa css của joomla

Ta chỉ cần chỉnh reponsive phần màm hình to(min-width:600px) của các máy PC còn nhỏ hơn nó sẽ tự động ẩn và chuyển thành thanh menu hamburger của joomla.

Viết thêm đoạn code dưới đây vào file custom.css của bạn:

//body chúng ta cho cách lề trái để không bị menu đè lên
@media(min-width: 600px) { body { margin-left: 230px; } #sp-menu-wrapper { position: fixed; top: -1px; left: 0; width: 220px; padding: 0 5px; background: #1D9122; height: 100vh; z-index: 1; } #sp-menu-wrapper .container { width: 220px; } #sp-menu-wrapper #sp-menu { width: 100%; }
//phần này chúng ta thay đổi sub.menu #sp-main-menu ul.level-0 > li { display: block; border-left: 0; margin-left: 0; padding: 0; } #sp-main-menu ul.level-0 > li a { color: #FFFFFF; } #sp-main-menu ul.level-0 > li.parent >a span.menu:after { content: "\f054"; } #sp-main-menu a.active .menu-title, #sp-main-menu ul.level-0 > li:hover > a, #sp-main-menu ul.level-0 > li.active > a { color: #F0FF02; } #sp-main-menu ul.level-0 > li:hover:after, #sp-main-menu ul.level-0 > li.active:after { content: ""; left: 0; top: 0; background: transparent; } #sp-main-menu ul.level-0 > li:hover { -webkit-box-shadow: none; } #sp-main-menu .sp-submenu { left: 100% !important; top: 0 !important; } #sp-main-menu .sp-submenu li { background: #B3832E; }
//điều chỉnh lại kích thước của logo #sp-logo { width: 100%; }

Chúc các bạn thành công!

- Võ Hoàng Giang -