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
标题来源:/news10/293460.html
成都网站建设公司_创新互联,为您提供企业建站、网站维护、网站导航、品牌网站设计、电子商务、品牌网站制作
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容