简单到傻！ Liang_SaaS适合普通开发者和产品经理的PHP应用模板开发AI的SaaS应用框架

liangdabiao
98 阅读6分钟

简单到傻！ Liang_SaaS适合普通开发者和产品经理的PHP应用模板开发AI的SaaS应用框架，

利用Php开发AI的SaaS应用框架， 是一个强大的 内容管理仪表板模板，基于 Bootstrap 和 Sass，适用于所有类型的后端项目。它附带了一堆工作 JavaScript 应用程序，可以轻松构建您的下一个后端应用程序。后台基于Laravel，完整的后台应用，方便你打造下一个好的AI应用，不需要花费时间在这些前台后台的工作上，业务和精力都在AI应用的开发上。

项目基于简单实用的技术栈：Bootstrap , twailcss ，Laravel， datatables 。技术上只需要很基础的laravel和前端知识，我不玩高大上的，换个方向发展。技术就是最low的，但是功能完备，而且非常适合和AI一起结伴编程。

 Liang_SaaS 主题 包含一系列精心设计的演示，无需从头开始，可以为您节省大量时间和精力。Liang_SaaS Admin 还提供了许多可重用的组件，如按钮，地图，图表，小部件，表单，表格和一堆可以包含在项目中的元素。该设计响应迅速，100%适用于各种尺寸的移动的设备。

Github开源地址：

gitee.com/liangdabiao…

安装流程：

1，直接phpstudy, xp.cn, 宝塔等等，配置好public指向，php版本要8.1+ .

2，同时创建一个数据库。 把根目录的env文件建立好（.env.example修改），配置好刚才建立的数据库信息。 DB_CONNECTION=mysql DB_HOST=127.0.0.1 DB_PORT=3306 DB_DATABASE=dashboard DB_USERNAME=root DB_PASSWORD=root

2.1， 配置好.env的数据库正确地址，然后进入数据库导入完整SQL： 在根目录的a.sql

2.2，执行 ：Composer install , 安装php包 。

注意：如果国内访问 GitHub API (api.github.com) 可能不稳定，改用国内镜像源：
composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/

注意：Token问题（因为请求过多github会要求token）：
You can also add it manually later by using "composer config --global --auth github-oauth.github.com <token>"
  
注意：如果安装有问题。执行：composer dump-autoload -o
注意：如果安装需要key。执行： php artisan key:generate

2.2 安装前端： 注意：如果需要安装前端。执行：npm run dev
注意：如果不需要安装前端： 可以不需要安装前端，目前已经build好：在 \public\build

3，一般伪静态也配置一下： location / { try_files uriuri uri/ /index.phpisargsis_argsquery_string; }

4，安装完成，现在可以打开前台和后台了。

前台登录用户：dashboard.ttttt/login 一般用户 user1@gmail.com 123456

image.png

前端用户中心：

具有完整的用户中心，太方便了！ image.png

前端购买SaaS套餐：

具有完整的前端购买SaaS套餐，订单和支付功能，太方便了！ image.png

前端用户界面包含： 平台的所有面向用户的组件，提供用于列表管理的身份验证功能和用户仪表板功能。该系统通过一个响应式 Web 界面处理用户交互、表单提交和内容创建，该界面使用 Laravel Blade 模板和现代 JavaScript 库构建。

管理后台：

后台登录：dashboard.ttttt/admin/login

账号密码： 超级管理员 admin@gmail.com 123456 image.png

后台应用介绍： 应用程序的管理界面系统，包括数据表示，内容管理模块和用户访问控制。管理界面提供了一个全面的后端，用于通过统一的基于 DataTable 的界面管理类别、包、角色、权限和其他系统内容。

具体展示效果：

完整的前端前台功能： image.png 简单实用的前端， 应有尽有，简单高效。几分钟就可以搞一个完整的AI应用出来，或者一个小型SaaS. 自带商品展示，订单和支付功能。

Setting设置模块：

image.png

完美的可视化拖拽式菜单模块：

image.png

动态拖拽式菜单构建器

  • Menu Builder ： efectn/laravel-menu-builder

动态拖拽式菜单构建器是一款功能强大且用户友好的工具，让用户能够轻松为网站创建自定义菜单。凭借直观的界面和高级功能，用户可以自由设计和调整菜单样式，完美匹配网站的风格与功能需求。该工具提供丰富的选项，包括多种菜单样式、配色方案、字体选择等，赋予用户充分的灵活性，打造独特且视觉吸引力强的导航菜单。

此外，​动态拖拽式菜单构建器兼容所有主流网页浏览器和平台，确保用户创建的菜单能在不同设备和浏览器上无缝运行。无论您是初学者还是经验丰富的网页开发者，这款工具都是构建专业级、个性化网站菜单的必备利器。

简单高效的会员权限控制：

image.png

User and Access Management 用户和访问管理
管理界面包括通过专用模块进行的复杂角色和权限管理。
role-user："spatie/laravel-permission"
function __construct()
    {
        $this->middleware(['permission:menu builder index']);
    }


Role and Permission System Architecture 角色和权限系统体系结构:
-  Permission 非常简单易用

简单高效的常规页面设置：

image.png

简单高效的博客文章系统：

image.png

即时聊天功能也是有的：

image.png

基于Live Chat Feature 实时聊天功能 Pusher客服功能： pusher.com/tutorials/c…

简单完整的商品/产品 列表功能：

自带品类，tags，位置，属性，评论，咨询 等关联功能。

image.png

简单高效的订单管理功能，完整功能，可以支付，够了！：

image.png

SaaS的积分购买，会员购买，轻松实现：

支持多支付网关（PayPal、Stripe、Razorpay）的实现

image.png

轻松实现首页设计：

Landing Page，落地页 不用愁，一键搞定。

image.png

后台数据展示利用Datatable介绍:

后台管理系统关键就是数据列表和表单。这里取用Yajra Datatables 是一个基于 Laravel 框架的数据表格插件,它允许开发者轻松地创建功能丰富的数据表格,并且支持自定义按钮。github地址： github.com/yajra/larav…

管理界面严重依赖 DataTables 来呈现和管理表格数据。该系统包括全面的 CSS 样式和 JavaScript 功能，用于高级数据操作。

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) . '" >';
            })

image.png DataTables 系统提供了广泛的功能，包括： Feature  特征 CSS Classes  CSS 类 Description  描述 Sorting  分选 .sorting, .sorting_asc, .sorting_desc .sorting、.sorting_asc、.sorting_desc Column sorting with visual indicators 使用可视指示器进行列排序 Pagination  分页 .dataTables_paginate, .paginate_button .dataTables_paginate，.paginate_button Page navigation controls  页面导航控件 Filtering  过滤 .dataTables_filter Search and filter functionality 搜索和过滤功能 Responsive  响应 .dtr-inline, .dtr-column . dtr-内联 ，. dtr-列 Mobile-responsive table behavior 移动响应表行为 Selection  选择 .selected, .select-checkbox .selected，.select-checkbox Row selection capabilities 行选择功能

AI的加入：

整合gpt/大模型兼容: OpenAI API Client： github.com/orhanerday/…

利用trae、 cursor。 其实直接命令就可以，都可以完成工作。我这个框架就是给小白用的，因为技术和结构太简单，AI可以非常容易知道怎样修改。

image.png

Github开源地址：

gitee.com/liangdabiao…

本项目fork 自：github.com/Milton-Lero… ，进行大量修改，适合AI时代的国内快速开发应用。

以下是一些使用教程：

整合VUE也是容易的： integrating-vue-js-with-laravel medium.com/coderesult/… Vite ： @vite(['resources/js/app.js', 'resources/js/frontend.js'])

Composer install 安装报错解决：

这个错误通常是由于网络连接问题或 Composer 的配置问题导致的。以下是一些解决方法，你可以尝试： 检查网络连接： 确保你的网络连接正常，尤其是可以访问 GitHub。 使用国内镜像： 如果你在中国大陆，建议使用 Composer 的国内镜像，比如 Composer 镜像。 composer config -g repo.packagist composer mirrors.aliyun.com/composer/ 增加超时时间： 你可以通过设置 Composer 的超时时间来解决这个问题。在命令行中运行： composer config --global process-timeout 2000 清理 Composer 缓存： 有时缓存问题会导致错误，你可以尝试清理缓存： composer clear-cache 使用 --prefer-source： 如果你仍然遇到问题，可以尝试使用源代码安装： composer install --prefer-source 更新 Composer： 确保你的 Composer 是最新版本： composer self-update 总结建议：​ 90% 的案例通过 ​切换回官方源​ 或 ​更新 Composer 版本​ 解决。按步骤操作： 1.​立即执行​：composer config -g --unset repos.packagist + composer self-update --2 2.​重试安装​：composer install -vvv（-vvv 输出详细日志） 3.若仍失败，检查网络或代理配置，确保可访问 repo.packagist.org 

avatar
文章
阅读
粉丝