[MERN] express & JS 教學

-

express 實做 

https://www.runoob.com/nodejs/nodejs-express-framework.html


https://ithelp.ithome.com.tw/articles/10191816


Express 介紹

Express是一個最小的，靈活的Node.js Web應用程序框架，它提供了一套強大的功能來開發Web和移動應用程序。 它有助於基於Node Web應用程序的快速開發。下麵是一些Express框架的核心功能：

  • 允許設立中間件響應HTTP請求

  • 定義了用於執行基於HTTP方法和URL不同動作的路由表

  • 允許動態渲染基於參數傳遞給模板HTML頁麵http://tw.gitbook.net/nodejs/nodejs_express_framework.html








Javascript

https://www.youtube.com/watch?v=OkphAk_cWPM&list=RDCMUCguZS-y7codLSt6vpkVdnKg&index=3

事先做3個網頁: pupular.html, latest.html,  page.html
在page.html 為主頁, 控制何時要用pupular.html & latest.html








用content id  








https://www.youtube.com/watch?v=OkphAk_cWPM&list=RDCMUCguZS-y7codLSt6vpkVdnKg&index=3





網頁載入時, 要點擊資料才會進去
網頁載入時, 資料直接全部load 進去

Take away

1.內容在 id =content
2.上面有2個標簽在點擊時會觸發


3.觸發時會去做ajax 動態顯示內容
4.創立XMLHttpReques 物件 ->  建立連線 -> load 進去會做的事 -> 送出連線 (利用load 事件 偵測連線是否結束-> 連線完成作load 處理)
5.利用 pageName 船參數去控制內容


顯示結果

















留言

張貼留言

這個網誌中的熱門文章

考績被打差了 輕率離職會更傷

-
  最後是看工作態度與敬業精神，小羊認真負責，但是很少到主管面前走動，主管常常很疑惑他究竟在忙些什麼；而胡大不同，他會主動向主管報備，並提出問題請示主管，在主管心裡留下主動積極的觀感。 考績是一面鏡子，照見的不是你看到的自己，而是主管看到的自己，而主管就是按照以上四個因素在評估你的績效，新的一年就抓緊這四大項辦了吧！ https://www.yes123.com.tw/aboutwork_2020/article.asp?w_id=7082
閱讀完整內容

Arrays - DS (Reverse array) [Easy]

-
  Example Return  . Sample Input 1 Copy Download Array: arr 1 4 3 2 4 1 4 3 2 Sample Output 1 2 3 4 1      static   int [] reverseArray( int [] a) {          int [] b= new   int [a.length];          int  j=a.length;        for  ( int  i= 0 ;i<a.length;i++){          b[j- 1 ]=a[i];          j=j- 1 ;       }        return  b;     }
閱讀完整內容

WireMock

-
(WireMock 在Spring boot 啟動 by chatgpt)  1.在 Spring Boot main 方法中啟動 WireMock Maven: <dependency>     <groupId>com.github.tomakehurst</groupId>     <artifactId>wiremock-jre8</artifactId>     <version>2.35.0</version>     <scope>test</scope> </dependency> 2. 在 Spring Boot main 方法中啟動 WireMock import com.github.tomakehurst.wiremock.WireMockServer; import static com.github.tomakehurst.wiremock.client.WireMock.*; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; @SpringBootApplication public class Application {     public static void main(String[] args) {         // 啟動 Spring Boot 應用         SpringApplication.run(Application.class, args);         // 啟動 WireMock 伺服器         WireMockServer wireMockServer = new WireMockServer(8081); //...
閱讀完整內容