iT邦幫忙

0

C# .Net MVC 網站頁面外觀 View 套版

網路上大大分享的教學
https://progressbar.tw/posts/143

照著上面實作後
https://ithelp.ithome.com.tw/upload/images/20210517/20136646gveYTpN44r.jpg

網頁一直再載入畫面 一直跑
但一直近不去網頁內QQQ

我使用的套版是下面這個
https://www.free-css.com/free-css-templates/page267/sixteen-clothing

附上F12結果
https://ithelp.ithome.com.tw/upload/images/20210517/20136646qeQOJ7IKsM.png

0517編輯-------重新更改js CSS路徑------------
https://ithelp.ithome.com.tw/upload/images/20210517/20136646JPydU6WKNK.png
https://ithelp.ithome.com.tw/upload/images/20210517/201366462a6cEKB7zC.png
https://ithelp.ithome.com.tw/upload/images/20210517/20136646MVvEbn2zYL.png

https://ithelp.ithome.com.tw/upload/images/20210517/201366465M7WhU3xSu.png

0517再次編輯
--------問題1 Layout的錯誤碼------------
https://ithelp.ithome.com.tw/upload/images/20210517/201366460paPJOE9Fz.png

如上圖 頁面套版已經成功套入 但還是出現些微錯誤
但路徑都改過了不知道是哪裡錯誤QQ

-------問題2 Index2 吃不到頁面------------
https://ithelp.ithome.com.tw/upload/images/20210517/20136646rXBnK8JWa4.png
由於想要測試看看Layout是否錯誤
開了一個index2來測試看看
卻發現我的index2吃不到圖片中的Layout 路徑也沒有錯
是因為什麼原因呢...

附上Layout圖
https://ithelp.ithome.com.tw/upload/images/20210518/201366468tUdFwSzFZ.png

看更多先前的討論...收起先前的討論...
chunwen iT邦新手 5 級 ‧ 2021-05-17 15:08:24 檢舉
妳的js 跟 css都沒有載入內 上面錯誤訊息全部是404
試著改妳檔案路徑應該就可以
請問是像我新更新的那樣嗎
但這樣錯誤更多了QQ
Homura iT邦高手 1 級 ‧ 2021-05-18 10:01:08 檢舉
你Index2檔案在哪裡?
又是404吃不到...
一樣在View...
所以我不能在View上 直接增加頁面嗎
是要從controller 開一個控制器 在連Index新增檢視過去view嗎

因為在view上直接開index2 是我的學長教我測試的
不知道會錯誤...
0
daylern0413
iT邦新手 5 級 ‧ 2021-05-17 12:38:47

你有Import boostrap ? 看起來都是相關的.CSS沒有Work造成.

看更多先前的回應...收起先前的回應...

沒有欸 我只有匯入套版的CSS JS 然後改一下
Index 和 Layout路徑
Boostrap匯入放法一樣嗎

    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!--

TemplateMo 546 Sixteen Clothing

https://templatemo.com/tm-546-sixteen-clothing

-->

    <!-- Additional CSS Files -->
    <link rel="stylesheet" href="assets/css/fontawesome.css">
    <link rel="stylesheet" href="assets/css/templatemo-sixteen.css">
    <link rel="stylesheet" href="assets/css/owl.css">

謝謝您!我更改路徑後成功了

不好意思請問可以問您新增的兩個問題嗎QQ

Issue 1 : 少了Jaquery / bundle.min

  <!-- Bootstrap core JavaScript -->
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>


    <!-- Additional Scripts -->
    <script src="assets/js/custom.js"></script>
    <script src="assets/js/owl.js"></script>
    <script src="assets/js/slick.js"></script>
    <script src="assets/js/isotope.js"></script>
    <script src="assets/js/accordions.js"></script>

Issue 2 : 可以的話請貼文字.

  • 問題應該是在你Index2 怎會直接寫在viewstart裡面.
    另外你的Layout請先參考mvc專案設計再來回頭看你現在的寫法.
    mvc的傳遞方式你不熟, 你會無法再走下去.*

第一個成功了
我一直以為是Jquery.min和bootstrap.bundle.min沒有加到路徑

原來是jquery.bundel.min也要加上去

不好意思..我會想辦法更清楚的
直接寫在view是因為問學長問題的時候
他說幫我測試看看 就教我這種測試方法
後來出現問題 他就請我上網找...

可以的話問題在排版一下, 要幫忙的人也要先看得懂你的版面.

好的謝謝你

0
Homura
iT邦高手 1 級 ‧ 2021-05-17 16:19:59

Views不是靜態目錄
只能透過Router進controller去讀取
改成其他目錄應該就沒問題了
建議先學一下MVC專案是如何運作的....

看更多先前的回應...收起先前的回應...

好的不好意思
我前兩天才剛學MVC
還沒有很熟悉
後來改路徑後就成功了
想請問您更新後的兩個問題

Homura iT邦高手 1 級 ‧ 2021-05-18 10:02:55 檢舉

社會小菜鳥
這跟剛學沒關係
純粹是學習順序錯誤....
你Index2在目錄哪邊要貼出來...

https://ithelp.ithome.com.tw/upload/images/20210518/20136646w6zInjULJJ.png

在這裡 不好意思麻煩你

Homura iT邦高手 1 級 ‧ 2021-05-18 11:19:53 檢舉

社會小菜鳥
我在猜你沒是不是沒建立相關的Controlle和動作...
例如你的index是對應到homeController裡面的index
你index2也要比照建立對應的controller和action

我的index2 是從Index2Controller裡的Index新增檢視出來的
這樣的話也不行嗎
還是還有別的方法可以對應呢

Homura iT邦高手 1 級 ‧ 2021-05-18 11:58:52 檢舉

社會小菜鳥
這樣應該不會有問題才對
你進去的URL是localhost:44379/Index2/index嗎??
然後你圖片404吃不到可以用F12選Network看到所有檔案的要求路徑

URL是進去/Index2/Index沒錯
F12附圖
https://ithelp.ithome.com.tw/upload/images/20210518/20136646QGpE8whGvr.png

Homura iT邦高手 1 級 ‧ 2021-05-18 14:24:09 檢舉

社會小菜鳥
這樣看起來正常啊...
我看你layout裡面也只用引用沒呼叫圖片@@

天啊QQQQQQ 找不到問題

Homura iT邦高手 1 級 ‧ 2021-05-18 16:19:51 檢舉

社會小菜鳥
你Index2又沒寫東西是有什麼問題???

沒寫東西沒辦法套版嗎?

因為昨天回覆達上限沒辦法回應很抱歉T_T

我後來寫了一些東西上去
一樣沒辦法套Layout的版
https://ithelp.ithome.com.tw/upload/images/20210519/20136646XWrOCsoWPO.png
https://ithelp.ithome.com.tw/upload/images/20210519/20136646zDLzHNbsTD.png

Homura iT邦高手 1 級 ‧ 2021-05-19 11:11:05 檢舉

社會小菜鳥
不是這意思
我是說你layout裡面只有引入JS和CSS
並沒有其他東西...
看你上一張貼圖好像也有引用到

原來是這樣...
那麼我應該怎麼做呢
因為引入JS和CSS就跑套版的畫面出來了太開心
完全不知道還有東西沒加進去..

Homura iT邦高手 1 級 ‧ 2021-05-19 11:46:42 檢舉

社會小菜鳥
layout除了放共用的JS和CSS
還要把你共用的HTML抽出來放進去
例如版面的頁首頁尾部分
每頁都是長一樣的所以內頁不用每次都套

原來如此
我剛剛嘗試了一下 出現了頁首和頁尾
不過@RenderBody()是錯的不知道怎麼改寫

然後版面吃進去之後表格之前跑到最上面是為什麼Q___Q
https://ithelp.ithome.com.tw/upload/images/20210519/201366462qgtr5e7Jl.png
https://ithelp.ithome.com.tw/upload/images/20210519/201366462TxdVW63Cq.png
https://ithelp.ithome.com.tw/upload/images/20210519/20136646eTUSOEU9yR.png
https://ithelp.ithome.com.tw/upload/images/20210519/20136646vBf72ma8yq.png

--更新--
剛剛改變了@RenderBody()的位子錯誤不見了
但是現在畫面跑不出來....
附上Layout程式碼和F12
https://ithelp.ithome.com.tw/upload/images/20210519/20136646U696kCAeB4.png

https://ithelp.ithome.com.tw/upload/images/20210519/20136646eb61jQz5Ci.png

https://ithelp.ithome.com.tw/upload/images/20210519/20136646tD09CSoZb0.png

https://ithelp.ithome.com.tw/upload/images/20210519/20136646CZrebQm4jl.png

https://ithelp.ithome.com.tw/upload/images/20210519/20136646AKwIUz8FgC.png

https://ithelp.ithome.com.tw/upload/images/20210519/20136646Q1fO0GSsIz.png

https://ithelp.ithome.com.tw/upload/images/20210519/20136646SjOiaNsqYl.png

Homura iT邦高手 1 級 ‧ 2021-05-19 14:46:52 檢舉

社會小菜鳥
@RenderBody()是你其他頁面會嵌入到這個地方
你頁首應該放在這區塊上方....
還有你Body怎麼會有2個

好的明白!
body我剛剛改掉了 一開始沒發現QQQ
更新後的我放在上一個回覆
再麻煩大大QQ

Homura iT邦高手 1 級 ‧ 2021-05-19 14:57:26 檢舉

社會小菜鳥
你RenderBody要擺在你的頁面內容裡吧
怎麼會擺在頁面外面.....

放進頁面是像這樣嗎Q____Q
https://ithelp.ithome.com.tw/upload/images/20210519/20136646SF04VQHjEP.png

大大您好 我終於套成功 Layout 了
在有連Layout的頁面都看的到套版
但不知道為什麼
最一開始的首頁Index又變成在粉紅頁面跑了很久進不去QQ

Homura iT邦高手 1 級 ‧ 2021-05-20 13:23:50 檢舉

社會小菜鳥
恭喜
那只能善用F12或看原始碼查錯了...
學會了你就進步了
加油吧

https://ithelp.ithome.com.tw/upload/images/20210520/201366466mH52wPJG8.png

我本來也是這麼想 結果一點錯都沒有..

Homura iT邦高手 1 級 ‧ 2021-05-20 13:39:00 檢舉

社會小菜鳥
前端不一定有錯誤才是錯誤喔....
我是要你看他原始碼有什麼問題

找到錯誤了! 謝謝你!

0

問題1

沒看到你有引用jquery.min.js 和 bootsrap.bundle.min.js呀,可是你的那些js有套用到~缺了這兩個吧?

問題2

看不到你_layout怎麼寫的,看不出

不好意思! 更新附上Layout圖

https://ithelp.ithome.com.tw/upload/images/20210518/20136646mRQ7tDL7tI.png

我要發表回答

立即登入回答