NIUCLOUD Lite AI - 快速开发框架基于 ThinkPHP Vue3 的企业级快速开发框架模块化设计开箱即用产品概述NIUCLOUD Lite AI 是 NIUCLOUD 官方推出的新一代企业级快速开发框架在继承 NIUCLOUD 成熟技术架构的基础上深度融合 Skills 模块化开发规范与 AI 智能扩展能力打造面向未来的智能开发平台。核心特性️ 继承 NIUCLOUD 成熟架构基于 ThinkPHP 8.0 Vue3 的企业级技术栈前后端分离架构支持多端部署内置用户权限、支付中心、微信生态等核心模块经过多年生产环境验证的稳定框架 Skills 模块化开发标准化模块开发规范 (niucloud-module)后端Controller → Service → Model 分层架构前端Admin UniApp Web 多端覆盖一键生成数据库、接口、页面全套代码 AI 开发扩展能力支持接入 AI 智能体 (Agent) 扩展开发可构建知识库驱动的智能应用开放 AI 插件接口支持自定义智能功能为框架注入智能化能力提升开发效率技术架构分层架构设计 前端表现层 ├─ Admin 管理后台 (Vue3 TypeScript Vite) └─ UniApp 移动端 (Vue3 TypeScript Vite) ↓ API网关层 └─ 统一认证 ↓ ⚙️ 业务服务层 ├─ 用户权限管理 ├─ 自定义表单/页面 ├─ 微信生态 ├─ 支付中心 └─ 页面装修 ↓ 数据访问层 ├─ MySQL ├─ Redis └─ 对象存储核心技术栈层级技术选型特点后端框架ThinkPHP 8.0 PHP 8.0高性能、现代化、企业级前端后台Vue 3 TypeScript Vite Element Plus极速开发、类型安全前端移动UniApp Vue 3 TypeScript一套代码多端运行状态管理Pinia轻量、类型友好数据缓存Redis高性能缓存认证机制JWT无状态、跨域友好核心功能模块1. 用户权限管理用户管理管理员账号的创建、编辑、删除角色管理角色的创建、权限分配权限管理菜单权限、操作权限的精细化控制部门管理企业组织架构管理岗位管理岗位设置和权限分配2. 自定义表单表单设计可视化表单设计器表单管理表单的创建、编辑、删除字段管理支持多种字段类型 (文本、数字、日期、文件等)数据管理表单数据的查看、导出、统计3. 自定义页面页面设计可视化页面设计器支持拖拽式组件布局组件库丰富的页面组件 (轮播图、商品列表、图文导航、富文本等)页面管理页面的创建、编辑、预览、发布多端适配支持 H5、小程序、App 等多端页面适配4. 系统配置网站设置网站基本信息、SEO 配置支付配置微信支付、支付宝支付配置短信配置短信服务提供商配置存储配置云存储服务配置5. 会员管理会员管理会员账号的管理会员等级会员等级设置和管理会员积分积分规则和管理6. 微信生态微信公众号公众号配置和消息管理微信小程序小程序配置和管理微信支付微信支付集成7. 数据统计访问统计网站访问数据统计操作日志系统操作日志记录数据报表业务数据报表生成8. 后台样式组件库开箱即用的后台UI组件标准后台布局结构提供标准的后台布局模板包含侧边栏、顶部导航等经典布局风格简洁美观的布局风格提升用户体验三栏式布局支持三栏式布局适合复杂的管理后台场景9. 功能模块组件库覆盖全业务场景复制粘贴即可快速实现功能用户登录注册提供完整的用户登录注册功能模块权限管理模块完善的权限管理系统支持角色权限控制文件上传管理模块支持文件上传、管理等功能插件/模块管理支持插件和模块的安装、卸载、管理订单模块完整的订单管理功能微信支付模块集成微信支付功能Skills 模块开发规范NIUCLOUD Lite AI 提供标准化的模块开发技能 (Skills)帮助开发者快速构建功能模块。Skill 结构说明niucloud-module/ ├── backend/ # 后端代码 │ ├── controller/ # 控制器 │ ├── model/ # 数据模型 │ ├── service/ # 服务层 │ ├── validate/ # 验证器 │ ├── route/ # 路由 │ └── dict/ # 字典配置 ├── frontend/ # 前端代码 │ ├── admin # 后台管理 │ ├── uni-app # 移动端 │ └── web # 前端网站 ├── sql/ # 数据库脚本 └── files/ # 配置文件快速开发一个功能模块Step 1: 创建后端代码1.1 数据模型// app/model/demo/Demo.php namespace app\model\demo; use app\model\BaseModel; class Demo extends BaseModel { protected $name demo; // 模型逻辑 }1.2 服务层// app/service/admin/demo/DemoService.php namespace app\service\admin\demo; use app\service\BaseService; use app\model\demo\Demo; class DemoService extends BaseService { protected $model; public function __construct() { $this-model new Demo(); } // 业务逻辑 }1.3 控制器// app/adminapi/controller/demo/Demo.php namespace app\adminapi\controller\demo; use app\adminapi\controller\BaseAdminController; use app\service\admin\demo\DemoService; class Demo extends BaseAdminController { protected $service; public function __construct(DemoService $service) { $this-service $service; } // 接口方法 }1.4 路由配置// app/adminapi/route/demo.php use think\facade\Route; Route::group(demo, function () { Route::get(list, demo.Demo/lists); Route::post(add, demo.Demo/add); Route::put(edit/:id, demo.Demo/edit); Route::delete(del/:id, demo.Demo/del); });Step 2: 创建前端代码2.1 API 接口// admin/src/api/demo.ts import request from /utils/request; export function getDemoList(params: any) { return request.get(/adminapi/demo/list, { params }); } export function addDemo(data: any) { return request.post(/adminapi/demo/add, data); } export function editDemo(id: number, data: any) { return request.put(/adminapi/demo/edit/${id}, data); } export function deleteDemo(id: number) { return request.delete(/adminapi/demo/del/${id}); }2.2 页面组件!-- admin/src/views/demo/list.vue -- template div classdemo-list el-table :datalist v-loadingloading !-- 表格列 -- /el-table /div /template script setup langts import { ref, onMounted } from vue; import { getDemoList } from /api/demo; const list ref([]); const loading ref(false); const fetchList async () { loading.value true; const res await getDemoList(); list.value res.data; loading.value false; }; onMounted(fetchList); /scriptStep 3: 数据库和菜单3.1 数据库表-- sql/demo.sql CREATE TABLE nc_demo ( id int(11) unsigned NOT NULL AUTO_INCREMENT, name varchar(100) NOT NULL DEFAULT , status tinyint(1) NOT NULL DEFAULT 1, create_time int(11) NOT NULL DEFAULT 0, update_time int(11) NOT NULL DEFAULT 0, PRIMARY KEY (id) ) ENGINEInnoDB DEFAULT CHARSETutf8mb4;3.2 菜单配置-- 添加后台菜单 INSERT INTO nc_sys_menu (menu_name, menu_key, parent_key, menu_type, icon, api_url, sort) VALUES (示例管理, demo, , 0, icon-demo, , 100);开发示例示例 1: 创建会员积分系统需求创建一个会员积分系统包含积分规则配置、积分获取记录、积分消费记录生成内容├─ 数据库表 │ ├─ nc_points_rule # 积分规则表 │ ├─ nc_points_log # 积分记录表 │ └─ nc_points_exchange # 积分兑换表 ├─ 后端代码 │ ├─ PointsRuleController # 积分规则控制器 │ ├─ PointsLogController # 积分记录控制器 │ └─ PointsExchangeController # 积分兑换控制器 ├─ 前端页面 │ ├─ 积分规则配置页 │ ├─ 积分记录查询页 │ └─ 积分兑换管理页 └─ API 接口 ├─ GET /api/points/rule # 获取积分规则 ├─ POST /api/points/log # 记录积分变动 └─ POST /api/points/exchange # 积分兑换示例 2: 创建营销活动页面需求创建一个限时秒杀活动页面包含活动商品展示、倒计时、立即抢购按钮生成内容├─ 页面组件 │ ├─ SeckillBanner # 活动横幅 │ ├─ SeckillCountdown # 倒计时组件 │ ├─ SeckillGoodsList # 商品列表 │ └─ SeckillBuyButton # 抢购按钮 ├─ 样式设计 │ ├─ 红色主题配色 │ ├─ 动态倒计时效果 │ └─ 库存进度条 └─ 交互逻辑 ├─ 倒计时自动刷新 ├─ 库存实时更新 └─ 抢购防重复提交为什么选择 NIUCLOUD Lite AI开发效率对比开发环节传统开发方式NIUCLOUD Lite AI项目搭建2-3 天30 分钟 (内置脚手架)用户权限3-5 天开箱即用表单功能2-3 天可视化配置页面开发1-2 周拖拽式生成多端适配1-2 周一套代码多端运行总计1-2 月1-2 周核心优势⏱️ 开发效率高内置丰富模块减少重复开发 模块化设计标准化 Skill 规范易于扩展 多端支持PC 后台 移动端 H5 全覆盖 安全可靠完善的权限控制和数据安全机制 文档完善详细的开发手册和示例代码 上手简单标准化开发流程降低学习成本核心能力无封装低成本学习代码清晰易懂无过度封装快速上手前沿技术栈Vue3 TypeScript Vite Pinia Vue-Router AxiosPHP8 THINKPHP8 MYSQL8插件生态内置内置最精简微信公众号微信小程序实现一站式短信管理系统支持短信配置等第三方登录快速打通多平台登录全端统一架构设计一套逻辑覆盖H5Web小程序公众号APP丰富实用的组件库提供丰富的UI组件和业务组件复制粘贴即可集成MIT开源协议完全开源免费商用公开Git仓库代码完全公开版本实时更新便于学习和贡献智能代码生成器一键生成代码提升开发效率云存储管理支持云存储服务方便管理文件资源全渠道支付支持微信支付、支付宝等多种支付方式适用场景企业级应用开发内容管理系统 (CMS)客户关系管理 (CRM)企业资源计划 (ERP)办公自动化 (OA)电商系统B2B/B2C 电商平台社交电商小程序直播带货系统分销返利系统行业解决方案教育培训平台医疗健康系统智慧社区平台餐饮外卖系统