整合營(yíng)銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          PHP 頁(yè)面跳轉(zhuǎn)到另一個(gè)頁(yè)面的幾種方法分享

          何在PHP中從一個(gè)頁(yè)面重定向到另外一個(gè)頁(yè)面呢?今天清源為大家列舉出了三種辦法,供大家來(lái)參考。

          一、用HTTP頭信息

          也就是用PHP的HEADER函數(shù)。PHP里的HEADER函數(shù)的作用就是向?yàn)g覽器發(fā)出由HTTP協(xié)議規(guī)定的本來(lái)應(yīng)該通過(guò)WEB服務(wù)器的控制指令,例如聲明返回信息的類型("Context-type: xxx/xxx"),頁(yè)面的屬性("No cache", "Expire")等等。(PS:PHP QQ技術(shù)交流群:304224365,驗(yàn)證:ttf)

          用HTTP頭信息重定向到另外一個(gè)頁(yè)面的方法如下:

          代碼如下:

          [php] view plaincopy

          <?

          if (isset($url))

          {

          Header("HTTP/1.1 303 See Other");

          Header("Location: $url");

          exit; //from www.tsingyuan.cn

          }

          ?>

          注意一下,"Localtion:"后面有一個(gè)空格。

          二、用HTML標(biāo)記

          用HTML標(biāo)記,就是用META的REFRESH標(biāo)記,舉例如下:

          代碼如下:

          [php] view plaincopy

          <? if (!isset($url)) exit;?>

          <HTML>

          <HEAD>

          <META HTTP-EQUIV="REFRESH" CONTENT="5; URL=<? echo $url;?>>

          </HEAD>

          <BODY>

          </BODY>

          </HTML>

          三、用腳本來(lái)實(shí)現(xiàn)

          舉例如下:

          代碼如下:

          [php] view plaincopy

          <?

          $url="http://www.tsingyuan.cn/";

          echo "<!--<scrīpt LANGUAGE="Javascrīpt">";

          echo "location.href='$url'";

          echo "</scrīpt>-->";

          ?>

          下面是補(bǔ)充

          第四種:

          [php] view plaincopy

          echo "< meta http-equiv=\"Refresh\" content=\"秒數(shù); url=跳轉(zhuǎn)的文件或地址\" > ";

          其中:XX是秒數(shù),0為立即跳轉(zhuǎn).refresh 是刷新的意思.Url 是要跳轉(zhuǎn)到的頁(yè)面.

          第五種:利用script實(shí)現(xiàn)

          [php] view plaincopy

          <script>url="submit.php";window.location.href=url;</script>

          第六種:利用script實(shí)現(xiàn),所不同的是使用 open 語(yǔ)句.且可以限制原窗口還是父窗口,子窗口或者新窗口.

          [php] view plaincopy

          <script>url="submit.php";window.open(\'url,\'\',\'_self\');</script>

          其中 更改\'_self\' 就可以實(shí)現(xiàn)跳轉(zhuǎn)限制原窗口還是父窗口,子窗口或者新窗口.第七種:利用php自帶函數(shù)發(fā)送頭部信息

          [php] view plaincopy

          header("Location: Url");

          速度最快,功能強(qiáng)大...但是有個(gè)問(wèn)題必須指出:如果在使用這個(gè)函數(shù)前已經(jīng)有html輸出,哪怕是一個(gè)空格.那么在頁(yè)頂會(huì)顯示錯(cuò)誤信息.

          .創(chuàng)建項(xiàng)目

          使用vue-cli V3.0+創(chuàng)建項(xiàng)目

          vue create antd-vue-theme-demo

          選擇css預(yù)處理器(其他的根據(jù)項(xiàng)目所需選擇)

          由于ant-design-vue的樣式使用的是less作為開(kāi)發(fā)語(yǔ)言,所以這里我們選擇Less

          其他的根據(jù)自己的需要配置即可,創(chuàng)建完成

          注意:項(xiàng)目創(chuàng)建完成后,需要將less的版本號(hào)改成3.0以下,否則后面再更改主題時(shí)會(huì)出錯(cuò),這里改成了2.7.2

          改完后保存,并重新下載依賴

          yarn install

          下載完后啟動(dòng)項(xiàng)目

          yarn serve

          在瀏覽器輸入localhost:8080就可以看到創(chuàng)建好的項(xiàng)目

          項(xiàng)目已經(jīng)啟動(dòng)成功,接下來(lái)ant-design-vue

          2.安裝ant-design-vue

          yarn add ant-design-vue

          然后在main.js中添加所需的antd組件

          注意:ant-design-vue支持完整引入和按需加載,這里我們不要用完整引入,后面會(huì)講官方建議的按需引入babel-plugin-import

          在HelloWorld.vue中使用組件,刪除其他不必要的代碼,然后添加一個(gè)按鈕

          重新啟動(dòng)項(xiàng)目,刷新瀏覽器,即可看到默認(rèn)主題的按鈕

          3.安裝babel-plugin-import

          可以使用 babel-plugin-import 的方式按需引入組件(官方推薦)

          yarn add babel-plugin-import

          在babel.config.js中添加配置

          module.exports = {
            presets: [
              '@vue/app'
            ],
            plugins: [
              ["import", {
                libraryName: "ant-design-vue",
                libraryDirectory: "es",
                style: true
              }]
            ]
          }

          定制主題(靜態(tài))

          在項(xiàng)目根目錄下新建文件vue.config.js,添加如下代碼

          // vue.config.js 
          module.exports = {
            css: {
              loaderOptions: {
                less: {
                  modifyVars: {
                    "primary-color": "#1DA57A",
                    "link-color": "#1DA57A",
                    "border-radius-base": "2px"
                  },
                  javascriptEnabled: true
                }
              }
            }
          };

          保存重啟并訪問(wèn)頁(yè)面后就可以看到定制的主題了

          但官方提供的這種方式只能在編譯時(shí)改變主題,無(wú)法在運(yùn)行性動(dòng)態(tài)切換。下面就是本文的重點(diǎn),如何實(shí)現(xiàn)在運(yùn)行時(shí)動(dòng)態(tài)切換主題。

          提取antd的less變量文件
          我們的思路就是提取ant-design-vue中所有的less代碼匯總到一個(gè)文件中,然后在index.html頁(yè)面中直接引用,最后使用less.js中的modifyVars方法修改主題變量,這樣antd的樣式就不會(huì)被編譯,實(shí)現(xiàn)運(yùn)行時(shí)動(dòng)態(tài)切換。

          4.【重點(diǎn)】安裝antd-theme-webpack-plugin

          1.首先安裝提取less文件的插件antd-theme-webpack-plugin

          yarn add antd-theme-webpack-plugin

          2、修改vue.config.js,配置并使用插件

          注:可以參考一下兩個(gè)網(wǎng)址

          1.https://github.com/mzohaibqc/antd-theme-webpack-plugin

          2.https://medium.com/@mzohaib.qc/ant-design-dynamic-runtime-theme-1f9a1a030ba0

          3.新建文件variables.less、index.less,options 中的路徑一定要和實(shí)際項(xiàng)目一致

          index.less可以為空

          variables.less文件中添加主題變量

          @import "~ant-design-vue/lib/style/themes/default.less";
          @primary-color: #992777;

          4.然后yarn serve 運(yùn)行項(xiàng)目就可以在你設(shè)置的目錄下看到提取的less文件了

          color.less文件已經(jīng)拿到,接下來(lái)就好辦了

          5.定制主題

          1.修改index.html(注意紅框內(nèi))

          2.使用window.less.modifyVars()方法修改主題

          3.效果

          4.最終效果

          果你有MicrosoftWord文檔,并且希望將其放到Web上,則需要將該文檔轉(zhuǎn)換為HTML,以便在網(wǎng)頁(yè)上顯示該文檔。有幾種不同的方法可以做到這一點(diǎn)。你選擇的方式將取決于你最終想要的效果。如果你想要一些高級(jí)訓(xùn)練,你可以參加學(xué)習(xí)HTML 5培訓(xùn)課程這將教會(huì)你更多的知識(shí)。

          將Word轉(zhuǎn)換為HTML的簡(jiǎn)單方法

          將 Word 文檔轉(zhuǎn)換為 HTML 的最簡(jiǎn)單方法是使用 Microsoft Word 來(lái)完成。 在 Microsoft Word 中打開(kāi)你的文檔,然后轉(zhuǎn)到頁(yè)面頂部并選擇“文件”,然后選擇“另存為”。 當(dāng)另存為窗口打開(kāi)時(shí),在文件名插槽中輸入你想要的文件名稱。 接下來(lái),單擊另存為類型,將顯示一個(gè)下拉菜單。 選擇網(wǎng)頁(yè)并點(diǎn)擊保存。

          使用在線轉(zhuǎn)換器

          如果有很多文本格式并且使用 Microsoft Word 并沒(méi)有按照你想要的方式保存它,你可能需要使用免費(fèi)的在線 Word 到 HTML 轉(zhuǎn)換器。 這些在線轉(zhuǎn)換器會(huì)將你的 Word 文檔轉(zhuǎn)換為 HTML 代碼。 然后你可以將代碼粘貼到空白網(wǎng)頁(yè)上并上傳。

          使用 HTML 軟件轉(zhuǎn)換 Word 文檔

          使用許多 HTML 編寫軟件,你可以選擇在 HTML 編寫軟件中轉(zhuǎn)換你的 Microsoft Word 文檔。 Dreamweaver 是最流行的 HTML 編寫軟件,它有一項(xiàng)功能可以幫你完成這項(xiàng)工作。想要學(xué)習(xí)HTML5相關(guān)技術(shù),HTML5培訓(xùn)學(xué)習(xí)是一個(gè)很快的捷徑,專業(yè)導(dǎo)師線下面授教學(xué),4-5個(gè)月的學(xué)習(xí)周期,課程系統(tǒng)又全面,緊跟企業(yè)需求,輕松就業(yè)。

          要使用 Dreamweaver 將 Word 文檔轉(zhuǎn)換為 HTML,請(qǐng)打開(kāi)一個(gè)新網(wǎng)頁(yè)。 轉(zhuǎn)到文件>導(dǎo)入>Word文檔,將出現(xiàn)一個(gè)帶有一些選項(xiàng)的彈出框。 選擇哪些選項(xiàng)并選擇確定。 然后你的文檔將出現(xiàn)在網(wǎng)頁(yè)上。

          如何使用記事本轉(zhuǎn)換文檔

          如果你知道一點(diǎn) HTML,你可以自己轉(zhuǎn)換你的 Microsoft Word 文檔。 首先復(fù)制你的 Word Doc,然后打開(kāi)記事本并將其粘貼到記事本上。 這將從你的 Word 文檔中刪除所有格式。 現(xiàn)在你只有文本,你可以構(gòu)建你的 HTML。

          使用 Google Docs 轉(zhuǎn)換為 HTML

          現(xiàn)在稱為 Google Drive 的 GoogleDocs 也將為你執(zhí)行此操作。 這是許多記者將他們的 word 文檔轉(zhuǎn)換為 HTML 以在網(wǎng)絡(luò)上發(fā)布的方式。

          首先,單擊紅色的“創(chuàng)建”按鈕并選擇“文檔”。 復(fù)制你的 Microsoft Word 文檔,然后將其粘貼到你的新 GoogleDocs 頁(yè)面上。 接下來(lái),單擊文件,然后選擇“下載為”。 會(huì)彈出一些選項(xiàng),你選擇“網(wǎng)頁(yè)”。 它會(huì)立即將你的文件下載為 zip 文件。

          有很多方法可以將你的 Microsoft Word 文檔轉(zhuǎn)換為適用于 Web 的 HTML。 你可以使用免費(fèi)的在線工具來(lái)完成,脫離文檔并自己制作 HTML,如果你想了解更多HTML 5相關(guān)知識(shí),可以報(bào)名參加HTML 5培訓(xùn)課程并學(xué)習(xí)如何將HTML 5編程技能提升到更高的水平,增強(qiáng)自身競(jìng)爭(zhēng)力,讓自己在職場(chǎng)中更有優(yōu)勢(shì)。

          了解更多


          主站蜘蛛池模板: 高清国产AV一区二区三区| 日本免费一区尤物| 国产一区二区视频免费| 亚洲国产精品一区二区第一页免| 91精品一区二区三区久久久久| 亚洲欧洲无码一区二区三区| 国产精品熟女视频一区二区| 亚洲AV无码一区二区三区久久精品| 国产一区二区精品久久91| 亚洲综合色一区二区三区小说| 国产亚洲一区二区在线观看| 波多野结衣中文一区二区免费| 亚洲丰满熟女一区二区哦| 精品午夜福利无人区乱码一区| 亚洲国产一区二区三区青草影视| 一区二区三区免费电影| 一区二区三区国模大胆| 日韩精品一区二区三区四区| 亲子乱AV视频一区二区| 加勒比精品久久一区二区三区| 精品亚洲AV无码一区二区三区 | 无人码一区二区三区视频| 精品无码人妻一区二区三区18| 亚洲午夜精品一区二区公牛电影院 | 内射白浆一区二区在线观看 | 一区二区视频在线| 色系一区二区三区四区五区| 国产成人一区二区动漫精品| 一区二区三区在线|日本| 久久久久久综合一区中文字幕| 亚洲美女一区二区三区| 成人精品一区二区不卡视频| 国产人妖在线观看一区二区| 蜜臀Av午夜一区二区三区| 日韩精品一区二区三区国语自制| 亚洲国产一区视频| 中文字幕乱码人妻一区二区三区| 国产成人一区二区三区免费视频| 四虎永久在线精品免费一区二区| 国产一区视频在线| 农村人乱弄一区二区|