.启动项目技能学习:学习使用php(tp6框架)+vue.js

2023-11-09    分类: 网站建设

技能学习:学会使用php(tp6框架)+vue.js,开发前端全栈网站-2.

技能学习:学会使用php(tp6框架)+vue.js,开发前端全栈网站-1.和本地环境

技能学习:学会使用php(tp6框架)+vue.js,开发前端全栈网站-2.

技能学习:学会使用php(tp6框架)+vue.js,开发前端全栈网站-3.,模型和数据库操作

技能学习:学会使用php(tp6框架)+vue.js,开发前端全栈网站-4.跨域和传输数据,优化后端接口

1.后端项目启动,多应用项目

所以在框架中,需要使用多应用项目。

单个应用项目中的应用目录结构:

├─app应用目录

│ ├─ 控制器目录

│ ├─ 模型目录

│ ├─查看查看目录

│ └─……更多类库目录

多用途项目中的app目录结构:

├─app应用目录

│ ├─ 主要应用

│ │ ├─ 控制器目录

│ │ ├─ 模型目录

│ │ ├─查看查看目录

│ │ ├─ 配置目录

│ │ ├─ 路由目录

│ │ └─…更多类库目录

│ │

│ ├─ 后台申请

│ │ ├─ 控制器目录

│ │ ├─ 模型目录

│ │ ├─查看查看目录

│ │ ├─ 配置目录

│ │ ├─ 路由目录

│ │ └─…更多类库目录

如果要使用多应用模式,需要安装多应用模式扩展--app:

composer require topthink/think-multi-app

报告了错误。这意味着.json和.lock的问题。根据vue的经验,.json必须是存放包名的地方。

(1)写下我们需要的扩展:

(2).lock

(3)清除缓存:

composer clearcache

(4)更新依赖并生成新的 .lock 文件:

composer update

这次可以安装扩展了,但是还是报错。搜了一下,还是php.ini的配置有问题,我再改一下:

在php.ini中找到并删除。

再次更新依赖:

你好,后来百度又改了,在php.ini里删了,又更新了:

大功告成,扩展安装成功。

更改应用程序目录结构并删除之前的文件夹。同时创建和 web 两个应用程序:

php think build admin
php think build web

下面的php配置文件

是一个通用文件,可供所有应用程序使用。如果需要单独配置某个应用程序,请在应用程序目录下新建一个同名文件夹进行配置。框架中配置文件的应用顺序是由内而外的。

此时访问目录结构地址为:

访问端:3000/.php/

访问网页:3000/.php/web

网站链接中有 .php 很奇怪,所以隐藏 .php。

在tp5中,需要配置服务器,吃完饭就生成了。把它放在中间。这个过程就是url重写。

但是在tp6中,可能几乎每个人都有隐藏.php的需求php前端开发,所以模板已经生成了生成的.file放入框架中:

如果您的框架中没有此项,则在文件夹中创建一个新文件并放入以下内容。

/.:


  Options +FollowSymlinks -Multiviews
  RewriteEngine On
 
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteRule ^(.*)$ index.php/$1 [QSA,pT,L]

去掉.php的访问地址:

此时,后端项目已经启动。

2.启动前端项目

(1) 项目文件夹

为了方便查看,我们把整个后端框架放到了一个新的文件夹 mine-php 中。由于文件夹是后端项目php前端开发,所以我按照我的习惯给它改了名。

在编辑器中打开 mine-php 文件夹:

我们启动后端项目后,需要进入文件夹,使用命令启动:

(2)新前端项目

使用vue-cli新建终端,没有前端经验的朋友可以参考我之前的文章:

技能学习:学会使用Node.js+Vue.js,开发前端全栈网站-2.

初学者:

使用 vue-cli 创建一个新的网络终端:

vue create web

过程同结束。

至此,项目启动完成。下一篇文章将研究模型和数据库操作。

更多设计和功能学习经验,也可以关注我的公众号!

————

当前名称:.启动项目技能学习:学习使用php(tp6框架)+vue.js
标题来源:https://www.cdcxhl.com/news10/293460.html

成都网站建设公司_创新互联,为您提供企业建站网站维护网站导航品牌网站设计电子商务品牌网站制作

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

小程序开发