簡單 web 服務與客戶端開發實戰 前端個人總結

2021-10-12 16:01:59 字數 707 閱讀 3447

本次作業中,我主要負責前端的開發。前端開發的任務並不難,主要是完成頁面的編寫布局,並將api得到的資料顯示在頁面中。

本次開發選擇了主流的vue.js框架,各個頁面有單獨的檔案構成,再通過vue router完成頁面間的跳轉。

其中頁面的樣式可以參考css進行編寫, vue只關注檢視層,使用盡可能簡單的api實現響應的資料繫結和檢視的元件。

npm install
執行命令:

npm run dev
終端顯示compiled completely,瀏覽器視窗彈出

由於前後端是分開進行的,所以在進行前後端耦合及使用後端api的真實資料進行測試時也產生了不少問題,比如前期的前端測試使用的是靜態網頁直接填寫假資料,在使用api的資料時需要更改**,解決方法是使用mock服務模擬api返回假資料,在使用後端真正的api時只需要將mockjs相關的**注釋掉即可。

主頁

使用者登入介面:(使用者名稱和密碼如下圖)

頁面跳轉關係

服務計算 簡單 web 服務與客戶端開發實戰

這次的作業是乙個團隊開發的大專案,我們在這裡選擇的是製作乙個部落格 我在這次作業中的主要任務比較簡單 主要是是部落格api格式的設定以及文件的編寫 我們的這個部落格 比較簡易,其需要的功能大概有一下幾種 而這些api的格式大致如下 使用get獲取該文章的具體內容 api tag 使用get獲取所有t...

服務計算作業 簡單 web 服務與客戶端開發實戰

利用 web 客戶端呼叫遠端服務是服務開發本實驗的重要內容。其中,要點建立 api first 的開發理念,實現前後端分離,使得團隊協作變得更有效率。作業要求 以下是本人承擔的工作.在github建立本次作業的組織 blog,建立三個倉庫 邀請所有組員加入,並在自己的分支下分別進行開發,本地測試無b...

XMLHTTP開發Web 客戶端

關鍵字 xmlhttp,xml,web客戶端,c asp 所有的知識都不是最新的知識點,關鍵是達到自己的設計目的。某些時候,我們可能需要客戶端做點什麼以簡化複雜的指令碼處理,比如加密之類的等。不管用什麼樣的客戶端,首先我們應該確定我們遵守的協議,或者說如何設定或獲取我的資料。這裡,我們的伺服器端為i...