Jai1 Framework

Tiếng Việt

日本語

Tiếng Việt

日本語

Appearance

Tạo code mới ​

Jai1 Framework cung cấp hướng dẫn cụ thể cho việc tạo code mới bằng cách sử dụng Agentic IDE. Phần này sẽ hướng dẫn cách tạo các loại code phổ biến một cách hiệu quả.

Tạo API endpoint ​

Quy trình khuyến nghị ​

  1. Sử dụng Agent Mode với model gemini-2.5-pro-05-06 để lập kế hoạch
  2. Tạo controller, service và model với Tab Suggestion và model o3
  3. Thêm validation và xử lý lỗi với Inline Edit AI
  4. Viết unit tests với Chat Assistant và model gpt-4o

Ví dụ prompt ​

/plan Tạo API endpoint để quản lý sản phẩm với các chức năng CRUD, bao gồm validation, phân quyền và logging.

Hướng dẫn chi tiết ​

Bước 1: Lập kế hoạch ​

Sử dụng Agent Mode với model gemini-2.5-pro-05-06:

/plan Tạo API endpoint để quản lý sản phẩm với các chức năng CRUD, bao gồm:
1. Validation cho các trường: tên, giá, mô tả, danh mục
2. Phân quyền: admin có thể thực hiện tất cả các chức năng, user chỉ có thể xem
3. Logging: ghi lại tất cả các thao tác CRUD
4. Response format: JSON với status code phù hợp
5. Error handling: xử lý và trả về thông báo lỗi rõ ràng

Dự án sử dụng Laravel 9, PHP 8.1, MySQL.

Bước 2: Tạo controller ​

Sử dụng Tab Suggestion với model o3:

php
// ProductController.php
// Controller xử lý CRUD operations cho sản phẩm
// Bao gồm validation, phân quyền và logging
class Product[Tab]

Bước 3: Tạo service ​

php
// ProductService.php
// Service xử lý business logic cho sản phẩm
// Bao gồm xử lý CRUD, validation và logging
class Product[Tab]

Bước 4: Tạo model ​

php
// Product.php
// Model cho sản phẩm với các trường: tên, giá, mô tả, danh mục
// Bao gồm relationships và validation rules
class Pro[Tab]

Bước 5: Thêm validation và xử lý lỗi ​

Sử dụng Inline Edit AI:

  1. Chọn phương thức store trong ProductController
  2. Yêu cầu: "Thêm validation cho các trường: tên (bắt buộc, tối đa 255 ký tự), giá (bắt buộc, số dương), mô tả (tùy chọn), danh mục (bắt buộc, tồn tại trong bảng categories)"

Bước 6: Thêm phân quyền ​

Sử dụng Inline Edit AI:

  1. Chọn phương thức __construct trong ProductController
  2. Yêu cầu: "Thêm middleware auth và phân quyền: admin có thể thực hiện tất cả các chức năng, user chỉ có thể xem"

Bước 7: Thêm logging ​

Sử dụng Inline Edit AI:

  1. Chọn các phương thức CRUD trong ProductService
  2. Yêu cầu: "Thêm logging cho tất cả các thao tác CRUD, ghi lại user ID, action và timestamp"

Bước 8: Viết unit tests ​

Sử dụng Chat Assistant với model gpt-4o:

Viết unit tests cho ProductController với các test cases sau:
1. Test index() trả về danh sách sản phẩm
2. Test show() trả về thông tin chi tiết sản phẩm
3. Test store() tạo sản phẩm mới thành công
4. Test store() với dữ liệu không hợp lệ
5. Test update() cập nhật sản phẩm thành công
6. Test destroy() xóa sản phẩm thành công
7. Test phân quyền: user không thể tạo, cập nhật, xóa sản phẩm

Tạo tính năng frontend ​

Quy trình khuyến nghị ​

  1. Thiết kế UI/UX với Chat Assistant và model claude-3-opus
  2. Tạo components với Tab Suggestion và model o3
  3. Thêm logic xử lý với Inline Edit AI
  4. Tối ưu hóa hiệu suất với Agent Mode và model sonnet-thinking-2.7

Ví dụ prompt ​

Tạo một form đăng ký người dùng với các trường: tên, email, mật khẩu, xác nhận mật khẩu. Bao gồm validation và hiển thị lỗi.

Hướng dẫn chi tiết ​

Bước 1: Thiết kế UI/UX ​

Sử dụng Chat Assistant với model claude-3-opus:

Thiết kế UI/UX cho form đăng ký người dùng với các yêu cầu sau:
1. Các trường: tên, email, mật khẩu, xác nhận mật khẩu
2. Validation: tất cả các trường đều bắt buộc, email phải hợp lệ, mật khẩu phải có ít nhất 8 ký tự, xác nhận mật khẩu phải khớp
3. Hiển thị lỗi: hiển thị lỗi bên dưới mỗi trường
4. Responsive design: hoạt động tốt trên desktop và mobile
5. Accessibility: tuân thủ WCAG 2.1

Dự án sử dụng React, Tailwind CSS.

Bước 2: Tạo component ​

Sử dụng Tab Suggestion với model o3:

jsx
// RegistrationForm.jsx
// Component form đăng ký người dùng
// Bao gồm validation và hiển thị lỗi
import React, { useState } from 'react';

function Regis[Tab]

Bước 3: Thêm logic xử lý ​

Sử dụng Inline Edit AI:

  1. Chọn component RegistrationForm
  2. Yêu cầu: "Thêm logic xử lý form submission, validation và hiển thị lỗi"

Bước 4: Tối ưu hóa hiệu suất ​

Sử dụng Agent Mode với model sonnet-thinking-2.7:

/optimize RegistrationForm.jsx để cải thiện hiệu suất:
1. Sử dụng useMemo và useCallback khi cần thiết
2. Tránh re-renders không cần thiết
3. Tối ưu hóa validation logic
4. Đảm bảo accessibility

Tạo database schema ​

Quy trình khuyến nghị ​

  1. Phân tích yêu cầu với Agent Mode và model gemini-2.5-pro-05-06
  2. Thiết kế schema với Chat Assistant và model claude-3-opus
  3. Tạo migrations với Tab Suggestion và model o3
  4. Tạo models và relationships với Inline Edit AI

Ví dụ prompt ​

Thiết kế database schema cho hệ thống e-commerce với các entities: User, Product, Category, Order, OrderItem, Review.

Hướng dẫn chi tiết ​

Bước 1: Phân tích yêu cầu ​

Sử dụng Agent Mode với model gemini-2.5-pro-05-06:

/analyze Phân tích yêu cầu cho hệ thống e-commerce:
1. Xác định các entities chính: User, Product, Category, Order, OrderItem, Review
2. Xác định các thuộc tính cho mỗi entity
3. Xác định relationships giữa các entities
4. Xác định các constraints và indexes
5. Xem xét các vấn đề về performance và scalability

Bước 2: Thiết kế schema ​

Sử dụng Chat Assistant với model claude-3-opus:

Dựa trên phân tích, thiết kế database schema cho hệ thống e-commerce:
1. Tạo các bảng: users, products, categories, orders, order_items, reviews
2. Xác định các cột cho mỗi bảng
3. Xác định primary keys, foreign keys
4. Xác định indexes
5. Tạo ER diagram

Bước 3: Tạo migrations ​

Sử dụng Tab Suggestion với model o3:

php
// create_products_table.php
// Migration tạo bảng products
// Bao gồm các cột: id, name, description, price, category_id, created_at, updated_at
public function up()
{
    Schema::create('pro[Tab]
}

Bước 4: Tạo models và relationships ​

Sử dụng Inline Edit AI:

  1. Chọn model Product
  2. Yêu cầu: "Thêm relationships: belongs to Category, has many Reviews, belongs to many Orders through OrderItems"

Tạo RESTful API ​

Quy trình khuyến nghị ​

  1. Thiết kế API với Agent Mode và model gemini-2.5-pro-05-06
  2. Tạo routes với Tab Suggestion và model o3
  3. Tạo controllers với Inline Edit AI
  4. Tạo documentation với Chat Assistant và model claude-3-opus

Ví dụ prompt ​

Thiết kế RESTful API cho quản lý người dùng với các endpoints: đăng ký, đăng nhập, lấy thông tin, cập nhật thông tin, xóa tài khoản.

Hướng dẫn chi tiết ​

Bước 1: Thiết kế API ​

Sử dụng Agent Mode với model gemini-2.5-pro-05-06:

/design Thiết kế RESTful API cho quản lý người dùng:
1. Xác định các endpoints: đăng ký, đăng nhập, lấy thông tin, cập nhật thông tin, xóa tài khoản
2. Xác định HTTP methods, URL patterns
3. Xác định request/response format
4. Xác định authentication và authorization
5. Xác định error handling
6. Xác định rate limiting và caching

Bước 2: Tạo routes ​

Sử dụng Tab Suggestion với model o3:

php
// api.php
// Routes cho API quản lý người dùng
// Bao gồm các endpoints: đăng ký, đăng nhập, lấy thông tin, cập nhật thông tin, xóa tài khoản
Route::post('/register', [AuthController::class, 'reg[Tab]

Bước 3: Tạo controllers ​

Sử dụng Inline Edit AI:

  1. Chọn file AuthController.php
  2. Yêu cầu: "Tạo các phương thức: register, login, logout, getProfile, updateProfile, deleteAccount"

Bước 4: Tạo documentation ​

Sử dụng Chat Assistant với model claude-3-opus:

Tạo API documentation cho RESTful API quản lý người dùng:
1. Mô tả tổng quan về API
2. Chi tiết từng endpoint: URL, method, request parameters, response format, error codes
3. Ví dụ request/response
4. Authentication và authorization
5. Rate limiting và caching
6. Format theo OpenAPI Specification

Kết luận ​

Việc tạo code mới bằng cách sử dụng Agentic IDE theo Jai1 Framework giúp tăng tốc độ phát triển và cải thiện chất lượng code. Bằng cách tuân thủ các quy trình khuyến nghị và sử dụng các prompt hiệu quả, bạn có thể tận dụng tối đa khả năng của AI trong quá trình phát triển phần mềm.

Bản quyền ©2025 JV-IT TECHS