整合營銷服務(wù)商

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

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

          SpringBoot應(yīng)用不能訪問項(xiàng)目靜態(tài)頁面html問題處理

          題描述:SpringBoot搭建web應(yīng)用在eclipse中啟動(dòng)能夠正常訪問頁面,打包成jar之后不能訪問到頁面,沒有任何出錯(cuò)提示。

          環(huán)境:使用的是前后端分離架構(gòu),沒有使用模板,前端html和靜態(tài)文件放到src/main/webapp下。

          解決方法:1、將pom文件中的打包方式改為war。

          2、使用mybatis,將mapper等xml文件放到src/resources下。

          3、配置好mapper-locations

          以上配置正確之后,重新使用maven打包就可以正常生成一個(gè)war包,然后同樣可以使用 java -jar xx.war 方式運(yùn)行項(xiàng)目,啟動(dòng)之后應(yīng)該就可以正常訪問了。

          覽在線網(wǎng)站的體驗(yàn)并不總是流暢的。


          曾經(jīng)有一段時(shí)間,你在網(wǎng)上沖浪時(shí),可能會(huì)聽到你不愿意聽的音樂,并在配色奇怪的網(wǎng)頁上瀏覽用呆板字體(通常是 Times New Roman)寫成的文字。


          在 2000 年代,在 Squarespace 和社交媒體出現(xiàn)之前,網(wǎng)站是個(gè)性的體現(xiàn),完全由對代碼有一定了解并渴望上網(wǎng)的用戶使用 HTML 從零開始構(gòu)建。


          現(xiàn)在,分散在網(wǎng)絡(luò)上的程序員社區(qū),正在努力恢復(fù)這種看似過時(shí)的東西。這場運(yùn)動(dòng)來源于藝術(shù)家勞蕾爾·施伍斯特(Laurel Schwulst)和埃利奧特·科斯特(Elliott Cost)創(chuàng)造的“HTML 能量”概念,絕不是對復(fù)古美學(xué)的膚淺致敬。


          它專注于 HTML 編碼的“觸覺”過程,探索語言如何實(shí)現(xiàn)自我表達(dá),并使個(gè)人能夠在互聯(lián)網(wǎng)中占據(jù)一席之地。


          HTML 能量運(yùn)動(dòng)在小型 Discord 頻道和數(shù)字雜志等領(lǐng)域形成,旨在慶祝數(shù)字體驗(yàn)中的“人性觸摸”。


          (來源:AI 生成)


          如今,大多數(shù)互聯(lián)網(wǎng)都針對社交、電子商務(wù)和流媒體進(jìn)行了優(yōu)化。大多數(shù)互聯(lián)網(wǎng)流量集中在少數(shù)幾個(gè)網(wǎng)站上,這些網(wǎng)站又都?xì)w少數(shù)幾家公司所有。從冗長的廣告到咄咄逼人的 cookie 設(shè)置,一些小障礙和麻煩層出不窮。


          用戶不斷被提醒,他們訪問互聯(lián)網(wǎng)的條件是讓少數(shù)人從中獲利。X(原推特)的情況完美地概括了互聯(lián)網(wǎng)所有權(quán)的這種狀態(tài),只需要一位高管就可以引發(fā)大量用戶逃離該平臺(tái),并將其長期存在的社區(qū)割裂開來。


          然而,盡管大型科技公司壟斷了市場,但一個(gè)基本現(xiàn)實(shí)仍然能夠證明互聯(lián)網(wǎng)的民主:任何人都可以用 HTML 免費(fèi)發(fā)布網(wǎng)站。


          從技術(shù)上講,互聯(lián)網(wǎng)為每個(gè)人都提供了空間,因此不存在無處容身的問題。真正的問題是流量。


          當(dāng)我與 HTML 能量社區(qū)的不同成員交談時(shí),所有人都一致地傳達(dá)著一個(gè)基本信息:網(wǎng)絡(luò)上的一切最終都是 HTML。HTML 是任何網(wǎng)站的主干。


          這是網(wǎng)站運(yùn)行所需的唯一東西。雖然當(dāng)今流行的 web 開發(fā)語言使用 abridged 命令,通過所謂的數(shù)據(jù)抽象來隱藏技術(shù)復(fù)雜性,但 HTML 是細(xì)粒度的,編程經(jīng)驗(yàn)也不是先決條件。


          正如科斯特所解釋的,正是 HTML 的包容性給了渴望在網(wǎng)絡(luò)上發(fā)布自我的人機(jī)會(huì)。使用 HTML,即使缺少一行代碼,網(wǎng)站仍將加載。HTML 能量運(yùn)動(dòng)包含了這些可能性:歡迎通過試錯(cuò)學(xué)習(xí),鼓勵(lì)創(chuàng)造性實(shí)驗(yàn)。


          隨著主流數(shù)字體驗(yàn)趨向于同質(zhì)的視覺語言,人類的觸覺在許多抽象層中迷失了。網(wǎng)站創(chuàng)建者離他們的網(wǎng)站越來越遠(yuǎn),網(wǎng)絡(luò)也變得更具交易性。


          但 HTML 能量運(yùn)動(dòng)呼吁人們重新審視我們與技術(shù)的關(guān)系,使用 HTML 制作網(wǎng)站可以讓程序員探索網(wǎng)站的本質(zhì)。


          與公司不同,人們自己創(chuàng)建網(wǎng)站無需向股東負(fù)責(zé)。他們沒有創(chuàng)造有利可圖的體驗(yàn)的壓力,所以他們的創(chuàng)作可以采取各種各樣的形式。


          常見類型的 HTML 能量網(wǎng)站包括數(shù)字花園,其中的元素隨著季節(jié)的變化而變化;交互式詩歌生成器,用戶的輸入會(huì)創(chuàng)造新的意義;以及分享創(chuàng)作者生活細(xì)節(jié)的個(gè)人網(wǎng)站。


          在一個(gè)消費(fèi)主義至上的互聯(lián)網(wǎng)中,HTML 能量的網(wǎng)站溫和地提醒人們,網(wǎng)站可以帶來冥想一樣的體驗(yàn)。


          HTML 能量社區(qū)提倡理解 HTML 的字面含義,它就是一種語言。它贊美了這種語言的基本特征對用戶意圖的要求。


          作為微小和復(fù)雜創(chuàng)意決策的融合,僅使用 HTML 構(gòu)建的網(wǎng)站是一種自我表達(dá)形式。


          查看網(wǎng)站的源代碼與瀏覽界面一樣重要。代碼中經(jīng)常隱藏著彩蛋,比如來自其他 HTML 網(wǎng)站的消息或引用。


          在很多方面,HTML 網(wǎng)站都“記錄著”創(chuàng)作者的身份:這個(gè)人選擇了構(gòu)建什么?如何構(gòu)建?


          這種對 HTML 不同應(yīng)用的迷戀,也出現(xiàn)在被稱為“freewrites”的物理社區(qū)聚會(huì)中,社區(qū)成員常聚在一起編寫代碼。


          Sunday Sites 和 Fruitful School 是組織這些集會(huì)的網(wǎng)站之一,它們經(jīng)常將教育元素融入活動(dòng)中,以增強(qiáng)更多人加入該社區(qū)的能力。


          與此同時(shí),像 HTML 評論這樣的網(wǎng)站以文學(xué)雜志的形式展示了它的一些產(chǎn)品。


          (來源:資料圖)


          項(xiàng)目 1:多景劇場


          吉·金(Ji Kim)的“多景劇場”拼貼了一部舊 iPhone 的多個(gè)片段。當(dāng)訪問者瀏覽網(wǎng)站時(shí),圖像會(huì)重疊,并播放嵌入的音頻片段。


          當(dāng)用戶點(diǎn)擊任何圖像時(shí),都會(huì)出現(xiàn)一個(gè)關(guān)于拍攝時(shí)間和地點(diǎn)的小描述,以及更多額外的媒體內(nèi)容。


          金的網(wǎng)站旨在模仿記憶的零散性和層次性。這是一種有意分散的數(shù)字體驗(yàn),就像試圖回憶幾年前的一次家庭旅行一樣。


          (來源:資料圖)


          項(xiàng)目 2:有窗戶的房間


          謝爾比·威爾遜(Shelby Wilson)的帶窗戶的房間,是一個(gè)只允許一種互動(dòng)的網(wǎng)站:打開和關(guān)閉一組窗簾。


          該網(wǎng)站有意將物理空間和數(shù)字空間混合在一起。威爾遜將瀏覽器視為通往有物理邊界和邊緣的地方的門戶,但也保留了超現(xiàn)實(shí)主義元素(百葉窗關(guān)閉時(shí)房間不會(huì)變暗)和隨機(jī)元素(每次訪問時(shí)房間的顏色都會(huì)變化),以突出數(shù)字形式。


          (來源:資料圖)


          項(xiàng)目 3:HTML 花園


          史賓賽·張(Spencer Chang)的網(wǎng)站設(shè)想了一個(gè)花園在互聯(lián)網(wǎng)上的樣子。


          一些由原生 HTML 元素組成的“植物”在生長,每次訪問你都會(huì)注意到時(shí)間的流逝:季節(jié)的變化、植物的發(fā)芽和開花。沒有明確的行為,你所需要做的只是觀察。


          (來源:資料圖)


          項(xiàng)目 4:散文劇


          凱瑟琳·楊(Katherine Yang)的散文游戲是一首互動(dòng)詩,鼓勵(lì)用戶在預(yù)設(shè)的句子結(jié)構(gòu)中輸入不同的單詞。


          該網(wǎng)站以單詞為變量,探索互聯(lián)網(wǎng)的互動(dòng)性。它把“作者之死”的文學(xué)理論,即“文本的意義不是由作者的本意決定的,而是由讀者的解釋決定的”放在了代碼的語境中。


          (來源:資料圖)


          項(xiàng)目 5:Erich Friedman


          埃里希·弗里德曼(Erich Friedman)的網(wǎng)站是他生活的個(gè)人百科全書,里面有從電影評級到佛羅里達(dá)州中部迷你高爾夫球場評論的各種檔案。該網(wǎng)站分為數(shù)學(xué)類、益智類、個(gè)人類和專業(yè)類,結(jié)構(gòu)比較簡單。


          它使用基本的 HTML 來展示弗里德曼在過去十年中不拘一格的興趣,包括從 0 到 9999 的每個(gè)數(shù)字的有趣事實(shí)列表,以及數(shù)學(xué)和瑣事問題的集合。


          該網(wǎng)站不需要任何特定操作。它只是對埃里希·弗里德曼的詳盡、坦率的描述,在龐大的互聯(lián)網(wǎng)中占據(jù)了一小部分。


          (來源:資料圖)


          項(xiàng)目 6:屏幕博物館


          圖盧·圖穆(Toulou TouMou)的屏幕博物館,是一個(gè)存放由游戲愛好者創(chuàng)建的瀏覽器游戲的網(wǎng)站。為了與展示的游戲互動(dòng),用戶必須在數(shù)字空間中導(dǎo)航,就像用 ASCII 圖形可視化的物理博物館一樣。


          這個(gè)網(wǎng)站有實(shí)際的參觀時(shí)間,還會(huì)隨機(jī)選擇一個(gè)“休息日”。


          圖穆的博物館是為了在 Flash 游戲時(shí)代給予業(yè)余開發(fā)者應(yīng)有的榮譽(yù)而創(chuàng)建的,旨在強(qiáng)調(diào)承認(rèn)作者身份和獨(dú)立游戲豐富歷史的重要性。


          HTML 能量的網(wǎng)站沒有集中的來源,偶然發(fā)現(xiàn)讓他們覺得自己很特別,就像發(fā)現(xiàn)停車場的一幅街頭藝術(shù)作品一樣。它們不是為被發(fā)現(xiàn)而設(shè)計(jì)的,也不是為任何特定操作而優(yōu)化的。


          他們只是按照訪客的條件與訪客互動(dòng),描繪出創(chuàng)作者的風(fēng)格。如果像谷歌或臉書這樣的網(wǎng)站是你購買必需品的超市和購物中心,那么 HTML 能量的網(wǎng)站就像你偶然發(fā)現(xiàn)的隱藏花園,在任何地圖上都找不到。


          支持:Ren

          、html的介紹

          1.1 html的定義

          HTML 的全稱為:HyperText Mark-up Language, 指的是超文本標(biāo)記語言。標(biāo)記:就是標(biāo)簽, <標(biāo)簽名稱></標(biāo)簽名稱>,比如:<html></html>、<h1></h1>等,標(biāo)簽大多數(shù)都是成對出現(xiàn)的。

          所謂超文本,有兩層含義:

          1. 因?yàn)榫W(wǎng)頁中還可以圖片、視頻、音頻等內(nèi)容(超越文本限制)
          2. 它還可以在網(wǎng)頁中跳轉(zhuǎn)到另一個(gè)網(wǎng)頁,與世界各地主機(jī)的網(wǎng)頁鏈接(超鏈接文本)

          1.2 html的作用

          html是用來開發(fā)網(wǎng)頁的,它是開發(fā)網(wǎng)頁的語言。

          1.3 小結(jié)

          • html是開發(fā)網(wǎng)頁的語言
          • html中的標(biāo)簽大多數(shù)都是成對出現(xiàn)的, 格式: <標(biāo)簽名>

          二、html的基本結(jié)構(gòu)

          2.1 結(jié)構(gòu)代碼

          <!DOCTYPE html>
          <html>
             <head>            
                 <meta charset="UTF-8">
                 <title>網(wǎng)頁標(biāo)題</title>
             </head>
             <body>
                  網(wǎng)頁顯示內(nèi)容
             </body>
          </html>
          1. 第一行<!DOCTYPE html>是文檔聲明, 用來指定頁面所使用的html的版本, 這里聲明的是一個(gè)html5的文檔。
          2. <html>...</html>標(biāo)簽是開發(fā)人員在告訴瀏覽器,整個(gè)網(wǎng)頁是從<html>這里開始的,到html結(jié)束,也就是html文檔的開始和結(jié)束標(biāo)簽。
          3. <head>...</head>標(biāo)簽用于定義文檔的頭部,是負(fù)責(zé)對網(wǎng)頁進(jìn)行設(shè)置標(biāo)題、編碼格式以及引入css和js文件的。
          4. <body>...</body>標(biāo)簽是編寫網(wǎng)頁上顯示的內(nèi)容。

          2.2 瀏覽網(wǎng)頁文件

          網(wǎng)頁文件的后綴是.html或者.htm, 一個(gè)html文件就是一個(gè)網(wǎng)頁,html文件用編輯器打開顯示的是文本,可以用文本的方式編輯它,如果用瀏覽器打開,瀏覽器會(huì)按照標(biāo)簽描述內(nèi)容將文件渲染成網(wǎng)頁。

          2.3 小結(jié)

          三、vscode的基本使用

          3.1 vscode 的基本介紹

          全拼是 Visual Studio Code (簡稱 VS Code) 是由微軟研發(fā)的一款免費(fèi)、開源的跨平臺(tái)代碼編輯器,目前是前端(網(wǎng)頁)開發(fā)使用最多的一款軟件開發(fā)工具。

          3.2 vscode 的安裝

          1. 下載網(wǎng)址: https://code.visualstudio.com/Download
          2. 選擇對應(yīng)的安裝包進(jìn)行下載:


          1. 根據(jù)下載的安裝包雙擊進(jìn)行安裝即可,當(dāng)然為了更好的使用 vscode 還可以安裝對應(yīng)的插件。

          3.3 vscode 的插件安裝

          插件名說明Chinese (Simplified) Language Pack for VS Code中文(簡體)漢化包open in browser右擊在瀏覽器打開html

          1. 漢化插件安裝

          1. open in browser插件安裝


          1. 注意: 如果在vscode打開的html文檔中右擊沒有出現(xiàn) open in browser 類型的選項(xiàng),需要把當(dāng)前打開的文件關(guān)掉,重新打開這個(gè)文件就好了。

          3.4 vscode 的插件卸載

          點(diǎn)擊對應(yīng)安裝的插件,然后再點(diǎn)擊卸載按鈕即可。

          3.5 vscode 的使用

          1. 打開文件夾創(chuàng)建文件


          1. 快速創(chuàng)建html文檔的基本結(jié)構(gòu)


          1. 右擊在瀏覽器打開html文檔


          3.6 設(shè)置字體大小


          3.7 設(shè)置顏色主題


          3.8 設(shè)置默認(rèn)瀏覽器[可選]

          1. 可以根據(jù)自己的需要設(shè)置默認(rèn)使用的瀏覽器


          3.9 小結(jié)

          • vscode 是由微軟研發(fā)的一款免費(fèi)、開源的跨平臺(tái)代碼編輯器
          • 通過資源管理器打開文件夾創(chuàng)建HTML文件,編寫 HTML 代碼
          • 可以根據(jù)需要安裝對應(yīng)的插件
          • 可以設(shè)置字體大小和顏色主題

          主站蜘蛛池模板: 国语精品一区二区三区| 亚洲一区精品视频在线| 国产福利91精品一区二区| 日韩aⅴ人妻无码一区二区| 精品一区二区三区波多野结衣| 亚洲国产精品一区二区三区久久| 精产国品一区二区三产区| 无码精品人妻一区二区三区免费看| 久久成人国产精品一区二区| 精品人妻一区二区三区四区在线| 日本一区二区三区久久| 波多野结衣AV一区二区三区中文| 精品动漫一区二区无遮挡| 精品国产一区二区三区无码| 日韩AV无码久久一区二区| 亚洲一区二区影院| 亚洲中文字幕在线无码一区二区| 精品无码一区二区三区爱欲| 亚洲日本精品一区二区| 色久综合网精品一区二区| 日本免费一区二区三区四区五六区 | 在线不卡一区二区三区日韩| 国语对白一区二区三区| 国产福利一区二区精品秒拍| 欧洲精品码一区二区三区免费看| 精品女同一区二区| 国产在线不卡一区二区三区| 国产亚洲一区二区精品| 亚洲国产情侣一区二区三区| 极品尤物一区二区三区| 国产成人久久一区二区三区| 人成精品视频三区二区一区| 中文字幕一区二区三区视频在线| 久久亚洲一区二区| 亚洲综合一区无码精品| 视频一区视频二区在线观看| 免费一区二区无码东京热| 亚洲图片一区二区| 国产亚洲福利一区二区免费看| 中文字幕一区二区区免| 老熟女高潮一区二区三区|