Technology Stack
PHP
Laravel
Frontend
Bootstrap, TailwindCSS
Data
Datatables
Payments
Multiple Gateways
简单高效
技术栈简单实用，只需要基础的laravel和前端知识，不玩高大上
几分钟就可以搞一个完整的AI应用出来，或者一个小型SaaS
功能概览
完整用户中心
商品展示系统
订单和支付功能
会员权限控制
即时聊天功能
可视化拖拽菜单
博客文章系统
积分与会员购买
前台展示
用户登录
user1@gmail.com | 123456
用户中心
SaaS套餐购买
后台展示
管理员登录
admin@gmail.com | 123456
系统设置
即时聊天
支付集成
安装流程
1 环境配置
使用phpstudy, xp.cn, 宝塔等配置，php版本8.1+
创建数据库并配置.env文件
2 安装后端
执行 composer install 安装PHP依赖
composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/
执行 php artisan key:generate 生成密钥
3 安装前端
执行 npm run dev 安装前端依赖
或直接使用已构建好的文件
4 完成安装
配置伪静态并访问前台和后台
特色功能
拖拽式菜单构建
动态拖拽式菜单构建器，让用户能够轻松为网站创建自定义菜单，直观且功能强大
即时聊天功能
基于Pusher的实时聊天功能，支持客服与用户之间的即时沟通
完整电商功能
自带商品管理、订单系统、支付集成，支持多支付网关（PayPal、Stripe等）
数据表格
基于Yajra Datatables，提供功能丰富的数据表格，支持自定义按钮和高级数据操作
一键落地页
Landing Page不用愁，一键搞定。快速搭建专业的产品展示页面，提升转化率
DataTable 集成
后台管理系统关键就是数据列表和表单。Liang_SaaS使用Yajra Datatables实现功能丰富的数据表格。
示例代码
class BlogDataTable extends DataTable
{
/**
* Build the DataTable class.
*
* @param QueryBuilder $query Results from query() method.
*/
public function dataTable(QueryBuilder $query): EloquentDataTable
{
return (new EloquentDataTable($query))
->addColumn('action', function ($query) {
$edit = '<a href="' . route('admin.blog.edit', $query->id) . '" class="btn btn-sm btn-primary"><i class="fas fa-edit"></i></a>';
$delete = '<a href="' . route("admin.blog.destroy", $query->id) . '" class="delete-item btn btn-sm btn-danger ml-2"><i class="fas fa-trash"></i></a>';
return $edit . $delete;
})
->addColumn('image', function ($query) {
return '<img width="70px" src="' . asset($query->image) . '" >';
})
}
}
{
/**
* Build the DataTable class.
*
* @param QueryBuilder $query Results from query() method.
*/
public function dataTable(QueryBuilder $query): EloquentDataTable
{
return (new EloquentDataTable($query))
->addColumn('action', function ($query) {
$edit = '<a href="' . route('admin.blog.edit', $query->id) . '" class="btn btn-sm btn-primary"><i class="fas fa-edit"></i></a>';
$delete = '<a href="' . route("admin.blog.destroy", $query->id) . '" class="delete-item btn btn-sm btn-danger ml-2"><i class="fas fa-trash"></i></a>';
return $edit . $delete;
})
->addColumn('image', function ($query) {
return '<img width="70px" src="' . asset($query->image) . '" >';
})
}
}
DataTable 展示效果
AI 整合
Liang_SaaS特别适合与AI结伴编程，框架结构简单清晰，AI能轻松理解并协助开发。
大模型兼容
整合GPT及各类大模型，通过简单接口即可实现AI功能集成：
- OpenAI API Client 集成
- 支持 trae、cursor 等工具
- 简单命令即可完成AI辅助开发
开发效率提升
简单的技术栈 + AI辅助，让开发者专注于业务逻辑而非基础架构，快速打造AI驱动的SaaS应用。
技术构成
100%
响应式设计
0
复杂配置