iT邦幫忙

0

已刪文30

看更多先前的討論...收起先前的討論...
pickuse iT邦新手 4 級 ‧ 2023-07-01 21:01:15 檢舉
你先把你的edit按鈕跑版修好再說吧,上上篇就幫你修掉了,你到現在都還擺著呢
恩恩,了解了
我改好了 , 這大神改的log page(https://ibb.co/CJXwMws) , 這我改的ipc page(https://ibb.co/LRS6kQ0) 我還有做其他細微改動,整體layout有變好看嗎?
pickuse iT邦新手 4 級 ‧ 2023-07-03 16:06:59 檢舉
再給你一個建議:網站的字體統一會更好看,我注意到你的用戶名稱(右上角)是使用「襯線字體」,然後你其他使用介面都是「非襯線字體」,建議你設計要統一,不要跳tone
pickuse iT邦新手 4 級 ‧ 2023-07-03 16:20:02 檢舉
另外在上篇文章,如果我的回答是正確的麻煩幫我標記解答
喔喔好,沒問題
如果初學前端,我記得我之前會從CSS 開始學
以下網址是 3D button 產生器
https://www.bestcssbuttongenerator.com/#/3

學習經過:
CSS、HTML => 改「按鈕風格」 => bootstrap 套件
難易度也是從 最前面 CSS 最簡單, 再來熟了之後,再進化為 bootstrap 套件
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
純真的人
iT邦大師 1 級 ‧ 2023-06-30 17:10:30

漂亮是主觀的~只能找美術設計人員~
套裝化的套版一律看待醜死....

bootsrap demo link 用類似這種是有好看點,只是那我要一個一個弄上去,也是大工程,也不確定我取到的資料能不能放進去,才想大神有沒有其他方法

沒有呢~也都是客製化調整處理~
況且漂亮只能看對方的接受度了~

0
PPTaiwan
iT邦好手 1 級 ‧ 2023-07-01 13:17:30

https://wrapbootstrap.com/

可以找自己喜歡的

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

我也有買了兩版付費的,用類似這種bootsrap demo 是有好看點,只是那我要一個一個弄上去,也是大工程,也不確定我取到的資料能不能放進去,才想大神有沒有其他方法

PPTaiwan iT邦好手 1 級 ‧ 2023-07-03 09:40:38 檢舉

沒有辦法也!! 如果要輕鬆,有很多資料都是要先靠後端分析完並能夠寫好 JSON 再整合 bootstrap 應用來展示出美美畫面,就只看誰比較辛苦了。

但你的 Code 我會建議你可以的話,畫面上的 CRUD 各別拆開另外再做,列表只要列出資料即可降低整個 code , html 複雜度

關於大神說的 CRUD 各別拆開另外再做,是指機能變得跟小零件一樣,以後要用可以隨便弄上來,這樣對嗎?

可是,我觀念上就卡在https://www.tutorialrepublic.com/snippets/preview.php?topic=bootstrap&file=crud-data-table-for-database-with-modal-form 這種寫好美美的,資料怎麼ajax進來,怎麼edit delete都沒有,所以到後來我只能找有功能,能跑的table, navigation bar 自己拼接(然後就不好看惹)/images/emoticon/emoticon02.gif

不然像這種就比較漂亮https://dash-ui-admin-template.vercel.app/#

PPTaiwan iT邦好手 1 級 ‧ 2023-07-04 12:39:45 檢舉

這種寫好美美的,資料怎麼ajax進來,怎麼edit delete都沒有

我會建議你,將你的問題直接去詢問 GPT4 我有很多不了解 css 與 javascript 的部份並整合 ajax 去讀取 Web API(C#) 這部份都可以將問題一個個去問,GPT4 可以幫你解答很多與提供程式碼。

詢問時記得以下幾點

  1. 你可以提供部份的 Code 先給他了解,例如

以下的 javascript code 請先記起來,我會提供超過 4000 行的分段給你,請記得不用有任何回應。

分段落給他後再以你想問的與不懂再去詢問 GPT 90% 都可以得到答案,除非你給的資訊本身就有問題了

  1. 詢問時回應的程式碼如果有錯,將錯誤的資訊提供給 GPT 他會另外再以你的錯誤再進行改進再回應給你

  2. 之後記得將最終的結果自己整理起來以便再參考

以以上三點,我有很多不了解的應用套件都可以給我解答

酷喔!!大人,時代變了

PPTaiwan iT邦好手 1 級 ‧ 2023-07-04 18:41:49 檢舉

程式寫的好的話,你也可以將 GPT 整合到你的 bootstrap 框架也非常棒,就有像是你給他一些特定資訊,那就有一個老師會在旁邊回答你一樣。

那你這框架就會紅了

0
鬼王很慘
iT邦新手 2 級 ‧ 2023-07-03 14:02:40

恭喜你從後端走到前端了
你想要網頁更加美觀可以:

  1. 請UI、UX設計師處理
    要花錢,看你願不願意

  2. Bootstrap用熟
    什麼叫「把我的功能跟資料放上bootstrap」?
    顯然你現在對Bootstrap理解有點問題
    就算純用Bootstrap也能比你現在好看很多

  3. 套版
    不見得是Bootstrap的模板
    網路你能找得到的都可以,當然要注意License
    不過免不了要修改

額外多嘴
「我要一個一個弄上去,也是大工程」
有沒有想過是自己程式能力不足,所以造成很多重工?
又或者大家都是這樣一步一步處理的,你又怎麼可能逃避?

pickuse iT邦新手 4 級 ‧ 2023-07-03 16:09:44 檢舉

有道理,原PO的code我也是「一個一個」整理出來的說,
所以原PO建議你要加強程式設計的能力,
這件事在未來只要你繼續當任開發者就跑不掉。

了解了,謝謝各位建言,各位大部分說的都有理,我也算菜鳥剛步入這個大家庭

因為我對Bootstrap的理解,他只是個裝潢,看起來漂亮可是沒功能,水電還是要自己拉,(我才學幾周,還是說我的這apply 到Bootstrap 上其實不難? 是的話我賊想知道方法)

Bootstrap不是個平台或應用程式,所以不是你的網站「放上」Bootstrap。Bootstrap是個框架,你應該將Bootstrap「應用在」你的網站上。不用Bootstrap純寫CSS + JavaScript也能達到一模一樣的效果,只是很累。之所以稱為框架就是能讓你用class快速達到排版、美化、簡易互動效果。

0
犬千賀
iT邦新手 3 級 ‧ 2023-07-03 18:00:29

首先,你main table就沒走boostrap階層格式了... 使用DataTable記得改DOM

不太懂你說的一個一個的意思... 如果是說所有檔案都要套用的話,簡單就是下js,css硬改。只是可能導致功能js死掉。通常先改幾個檔案你就知道哪些可以下共用js不用一個個改,除非平常寫的習慣就不好。

我知道了,初心者,下次會留意

我要發表回答

立即登入回答