php页面转发,php实现页面路由转发的方法

php实现页面路由转发的方法

发布时间:2020-10-09 14:32:15

来源:亿速云

阅读:68

作者:小新

小编给大家分享一下php实现页面路由转发的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!php实现页面路由转发的方法:首先配置nginx服务器,在【.htaccess】中写上nginx的语法;然后打开根目录的【index.php】,编写文件路由即可。

php实现页面路由转发的方法:

1、配置nginx服务器

nginx服务器不会自动读取.htaccess,也不支持.htaccess语法,这里需要做一个投机取巧的方法:在.htaccess中写上nginx的语法,同时把该文件引入到nginx的配置中。这样就达到了和apache同样的目的。编辑.htaccess文件,输入以下内容并保存if (!-e $request_filename){

rewrite ^(.*)$ /index.php;

}

location ~ /.ht {

deny all;

}

【解释】nginx匹配失败的uri全都转给index.php,同时禁止访问.htaccess文件

最重要的一步:在nginx配置中,在server{}内加入一句话:include E:/demo/.htaccess;

【解释】将该文件原封不动的引入到nginx配置中。注意使用绝对路径!

2、编写index.php路由

打开根目录的index.php,输入以下内容<?php

//路由

$uri = $_SERVER['REQUEST_URI']; //获取uri,例如 http://www.abc.com/study,其uri="/study"

switch($uri){

case "/": include "template/home.php"; break;

case "/study": include "template/study.php"; break;

case "/play": include "template/play.php"; break;

}

编写/template/下的网页文件

/template/下存放的网页文件,随便编辑点html用于测试。例如 home.php

这里是home

你好,这里是home页面

效果

在浏览器访问http://localhost:8000             可以访问到/template/home.php

在浏览器访问http://localhost:8000/study    可以访问到/template/study.php

在浏览器访问http://localhost:8000/play      可以访问到/template/play.php

以上是php实现页面路由转发的方法的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在前端路由中,通过路由转发可以实现页面跳转。一般来说,前端框架都有自己的路由机制,常见的有 Vue Router、React Router 等。这些框架提供了路由表配置、路由匹配、路由跳转等功能,可以帮助我们实现前端路由转发页面跳转。 下面以 Vue Router 为例,简单介绍一下如何配置路由表和进行路由转发。 1. 安装 Vue Router 在项目中安装 Vue Router: ```bash npm install vue-router ``` 2. 配置路由表 在项目中添加一个 `router.js` 文件,用于配置路由表。在这个文件中,我们可以通过 `VueRouter` 构造函数来创建一个路由实例,并通过 `routes` 属性来配置路由表: ```javascript import Vue from 'vue' import VueRouter from 'vue-router' import Home from './views/Home.vue' import About from './views/About.vue' Vue.use(VueRouter) const routes = [ { path: '/', name: 'home', component: Home }, { path: '/about', name: 'about', component: About } ] const router = new VueRouter({ routes }) export default router ``` 在上面的代码中,我们定义了两个路由,它们分别对应着 `/` 和 `/about` 这两个路径。当访问这两个路径时,分别会加载 `Home` 和 `About` 组件。 3. 配置路由转发 在应用中,我们可以通过 `router-link` 组件来实现路由跳转。例如,在 `App.vue` 中可以添加以下代码: ```html <template> <div id="app"> <router-link to="/">Home</router-link> <router-link to="/about">About</router-link> <router-view></router-view> </div> </template> ``` 在上述代码中,我们使用 `router-link` 组件来定义两个链接,分别对应着 `/` 和 `/about` 这两个路径。当用户点击这些链接时,页面会自动跳转到对应的路径,并加载对应的组件。其中,`router-view` 组件用于显示当前路由匹配到的组件。 除此之外,我们还可以通过编程式导航的方式进行路由跳转。例如,在组件中可以添加以下代码: ```javascript export default { methods: { goToAbout() { this.$router.push('/about') } } } ``` 在上述代码中,我们定义了一个 `goToAbout` 方法,当用户点击某个按钮时,会触发该方法实现路由跳转到 `/about` 路径。 这就是一个简单的前端路由转发页面跳转的实现。希望可以帮助到您。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值