一、什么是单页应用
单页应用，英文为single-page application，简称spa，它是一种基于ajax和html5等技术，通过动态的加载页面局部内容来优化用户体验的web应用程序。与传统的应用程序不同，单页应用只包含一个html页面，通过javascript将页面内容动态载入，从而实现内容的呈现和页面间的切换。
二、创建单页应用
在thinkphp中创建单页应用有很多种方法，本文将介绍其中的一种方法。
1.创建控制器
在thinkphp中，所有的业务逻辑都是在控制器中实现的。因此，我们需要在应用的控制器中创建单页应用的控制器。我们建立一个控制器，命名为singlepagecontroller。
<?phpnamespace app\index\controller;use think\controller;class singlepagecontroller extends controller{ public function index() { return view(); }}
在上面的代码中，我们定义了一个singlepagecontroller类继承自controller类，并且定义了一个index方法，这个方法将执行页面加载操作。
2.创建视图
我们需要通过thinkphp的视图引擎来创建一个单页应用的视图。利用thinkphp的视图引擎，我们可以在html代码中加入php代码，从而实现视图的重用以及页面分离等功能。
<!-- singlepage.html --><!doctype html><html><head> <meta charset="utf-8"> <title>单页应用</title> <script src="//cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script></head><body> <div id="nav"> <ul> <li><a href="#home">首页</a></li> <li><a href="#about">关于我们</a></li> <li><a href="#product">产品介绍</a></li> <li><a href="#contact">联系我们</a></li> </ul> </div> <div id="content"></div> <script type="text/javascript"> $(document).ready(function(){ $(window).bind('hashchange', function() { var url = window.location.hash.slice(1); $('#content').load(url + '.html'); }); $(window).trigger('hashchange'); }); </script></body></html>
我们在代码中创建了一个导航条，它的id为nav，以及一个内容区域，它的id为content。并且我们在javascript中绑定了hashchange事件，每当hash发生改变时（即导航条链接改变时），我们将通过ajax加载对应的html页面到内容区域中。
注意：单页应用的内容应该是以多个html页面组成的，而不是在一个页面内同时全部展示。
3.定义路由规则
由于我们的singlepagecontroller类是通过索引方法来渲染单页应用的视图的，因此我们需要在路由规则中定义名为singlepage的路由规则：
<?phpuse think\route;// 单页应用路由route::rule('singlepage/:id','index/singlepage/index');
在上面的代码中，我们定义了一个名为singlepage的路由规则，将id作为参数传递给singlepagecontroller类的index方法。
以上就是thinkphp如何设置单页的详细内容。