安装 ThinkPHP
首先,确保您的开发环境中已安装 PHP 和 Composer。可以通过 Composer 创建新的 ThinkPHP 项目:
composer create-project topthink/think tp-app
安装 Vue.js
Vue.js 可以通过 npm 安装。在项目根目录下,使用以下命令初始化 npm:
npm init -y
然后安装 Vue.js:
npm install vue
项目结构
在使用 ThinkPHP 和 Vue.js 时,建议将前端和后端代码分开管理。以下是一个推荐的项目结构:
/tp-app
/app # ThinkPHP 后端代码
/public # 入口文件
/resources # 前端资源
/js # Vue.js 组件
/node_modules # npm 依赖
后端 API 开发
3.1 创建 API 控制器
在 ThinkPHP 中,您可以创建一个控制器来处理 API 请求。在 app/controller 目录下创建 ApiController.php:
namespace app\controller;
use think\Controller;
use think\Request;
class ApiController extends Controller
{
public function index()
{
return json(['message' => 'Hello from T