resources目录 – FoxDevelop

我们上节课，使用nativephp创建了一个默认的app，并且在浏览器种打开了此应用，默认的地址是：http://127.0.0.1:8000/

这个页面本质上，是一个网页，这个没有问题。nativephp的ui呈现，就是用html css js来完成。那么我们如何修改这个界面呢？

界面的呈现就在你的项目目录下面的resources这个文件夹

例如作者是在：

D:\phpproject\my-app\resources

打开后，你可以看到如下的文件夹：

其中css 和js是存放样式和js脚本的，views是存放页面的php文件，在views种，可以看到如下文件

打开 welcome.blade.php 文件，

其中一部分，就是这样的

熟悉吧? 这就是你的php代码了。下面我们尝试修改一下

比如我们找到里面的子标题部分：

<p class="subtitle">Your app is ready.</p>Code language: HTML, XML (xml)

在末尾增加一句话:

<p class="subtitle">Your app is ready.welcome to foxdevelop.com</p>Code language: HTML, XML (xml)

保存后，我们再次刷新页面 http://127.0.0.1:8000/

我们就可以看到，我们的界面的子标题已经变成我们修改后的内容了。读者们可以自己试试。nativephp不排斥你用任何的前端技术，你不会被限制使用任何一个工具或框架——你可以使用 Livewire、Vue、React、Svelte、HTMX 等。甚至是jQuery。

本节课，大家先找到这个resources目录，然后尝试修改。从中知道nativephp的技术框架。后续，我们会基于这个UI开始铺开来讲解。