接下來學的則是會跟其他檔案一起串接
串接子組件,要透過聲明屬性’props’,然後用export的方式去串接
export
App.svelte
<script> import Nested from './Nested.svelte';</script><Nested answer={42} /><Nested />
svelte是建立在html css 和javascript 上面,但是語法還是有一點差別,甚至是可以再有html的檔案中(Svelte檔)進行迴圈的應用,這一篇會是Svelte自己內部的寫法
後端:
如果要用後端接值並去運算的話,在svelte檔裡的html前面增加<script></scripy>並在裡面定義要的值let count=0;
<script></scripy>
let count=0;
<script> let count = 0;</script>
GitHub大概在我國中的時候可以直接使用終端機登入GitHub,然後進行各種動作,但這一次我要使用的時候發現怎麼都登不進去
這學期的系統分析,我們這組的題目是關於個人碳排放的紀錄以及計算,在學期末的時後要建成一個可以運作的網站。
目前的程序是這樣的1.發展背景與動機,怎樣的功能會讓使用者想要使用,運作的形式2.系統發展目的,釐清系統是否真的能解決到問題3.系統範圍,有哪些功能,然後可以如何使用4.背景知識,跟目前已有的相關功能比較5.系統限制(可行性分析)
這是一個專案,我們要在一個月的時間完成一個電商平台,並實際營運。我們得知的訊息只有這個。聽完簡短的一天任務說明後,便開始進行了分工。
慕祈直接從架設網站開始。而我,建立了midium後便看了幾篇AWS的教學。
我花了很多時間研究了文章,因為我沒有實際碰過這些程式。
文章:https://aws.amazon.com/cn/getting-started/tutorials/build-train-deploy-machine-learning-model-sagemaker/?trk…
早上看了混沌大學的影片
“思想是人類的行為基礎”
然後開始討論我們想像網站的樣子並摸索CSS看能不能寫出什麼。
所以我開始寫其中一頁的規劃(最後CSS只寫出buttons)
但一直不是我們心目中規劃的樣子,所以也花了點時間在查資料
今天去台大聽哥哥姊姊的Demo。
他們先找了個主題,然後搜集那方面的資料。然後用程式去分析那些資料。
像是最多人做的也是他們目前最需要的「就業環境」、「就業薪資」或是分析台灣大學的排名為何一直往下掉,還有一些很有趣的題目像是棒球的打擊率。
每種分類,都有出現分析圖。還可以依照你的需求,調整你要的數據。
今天除了繼續完成網站之外,我整理了網站裡面所需要的內容。
包括:產品介紹、故事、關於我們和常見問題,然後直接地瞭解我們要賣的商品背後的故事。
包括謝昇佑老師和郭伯伯的蛋糕合作一起解決台灣稻米過剩的問題。
然後釐清了幾個問題並在10號要問謝昇佑老師的幾個問題。
包括稻米過剩對於台灣造成的問題然後為什麼台灣的米會過剩。
然後我也成功地在慕祈和哥哥的「教學」下學會了用中端機push &pull,雖然我的upload方式比較簡單但我之前還是有成功uplaod啦XD
Demo day
報告了這個禮拜的進度和待辦。
下禮拜待辦
今天應該可以先把文字的部分生出來,因為有些東西要問謝老師
完成(排版、連接問題、兩個bot回到首頁chat、細部圖片)
謝昇佑老師今天有來,跟我們分享米蛋糕的故事,和台灣稻米所遇到的問題。他們是台灣最早開始做米製品的人!
今天終於把滑到部分地方的功能做出來了!
然後因為我們的網站在手機上看有些字體會自動換行。所以為了要改善這件事,有人提到RWD。但最後是用這種方法解決。
今天做的是按一個鈕會跑到最上面的作業。所以一開始我畫了icon
一個還蠻簡單的icon。然後我要讓它顯示在網頁上。但後來找到了一個更見單的方法。在awesome font這個網站裡,有免費的icon然後還有提供程式碼。所以就改用這個了。
然後為了讓他動起來。
14號快結束時,在atom上遇到了一個問題。
所以基本上早上就在摸索atom和上傳最新的版本。(+上傳AWS)
然後下午在研究網站的gallery…
我們討論的結果是
今天我把這個加進去了網站。它現在可以左右滑動看其他張照片。點照片還會放大。
這是從葉柏秀寫的code來的。
今天報告了這個禮拜做的東西。
這個禮拜做的東西有,修文章、烘焙商品新增了一個類別、新增了圖片產品、常見問題的按鈕和部分文字、關於我們的圖片加文字。
所以我們接下來要做的東西就需要跟後端一起合作了。
https://ithelp.ithome.com.tw/articles/10192314
今天就設計和討論我們社群網站要放在網站的哪一部分。
現在有三種選擇
1.放在下面+有結束的那一塊
2.放在下面然後最上面多一個選項但沒有結束的那一塊
3.往上滑的按鈕之外,要做一個按鈕是可以收納所有社群網站icon的按鈕
我最後選了第三種。i
哎居:今天辦了一個ig的帳號。然後到時候會陸陸續續的po一些介紹文。
line bot:有跟慕祈討論line bot的對話內容要怎麼改進。像是:每一段文字的下面要加上輸入文字的提醒、回復的語氣。
網站:昨天做的三個icon放在網站的側邊會擋到字,所以選擇用一個收納用的icon。但後來我們還是決定把icon們丟在最下面並新增一個欄位「聯絡我們」
icon本人:購物車的按鈕已經可以連結到ec呸的網頁ㄌ
今天my工作就是
.決定我們產品的價格
雖然是說昨天要做但因為我進貨價格問得比較晚,所以就今天做啦!(昨天大家在討論運費的事)
還有討論當天demo要講的內容和形式
.討論line bot 的架構
討論的結果
官網