從零開始Vue專案實戰(一) 準備篇

2022-05-10 12:35:08 字數 608 閱讀 1250

從前參與過乙個react專案的**編寫,大神搭建的框架,我主要負責業務邏輯**編寫,現在回想起來似乎又什麼都不會,現在為了鞏固前端知識,決定用vue來做這個專案的移動端**,我本人vue是從零開始的,一邊學習一邊寫**,在這裡記錄一下過程。

主要功能實現乙個投資平台,會員身份為融資人或投資人(不能有兩種身份),融資人可以發出融資申請,後台通過後,前端能獲取到該融資專案,投資人可以進行投資,投滿後,生成還款計畫,融資人按月還款,全部還完則專案結束。

1、登陸模組 

2、註冊模組

3、首頁

4、會員中心(充值 提現 我的投資 我的借款 個人資料等)

5、投資模組(包含借款申請、標的列表、標的詳情、投資、還款計畫、還款)

6、公告

由於沒有後台配合,準備用express搭建乙個伺服器,模擬前後端互動。

1、vue

2、flex

3、less

4、本地儲存(用來儲存登入使用者個人資訊 ,token ,資料字典)

5、http協議

6、跨域解決方案

7、路由守衛(路由跳轉前做一些驗證,比如登入驗證、身份驗證,融資人不能進入我的投資,投資人不能進入我的借款)

8、express

從零開始Vue專案實戰(四) 路由

傳統的頁面應用,是用一些超連結來實現頁面切換和跳轉的。而vue的單頁面應用是基於路由和元件的,路由用於設定訪問路徑,並將路徑和元件對映起來。路由中有三個基本的概念 route,routes,router。1,route,它是一條路由,由這個英文單詞也可以看出來,它是單數,home按鈕 home內容,...

從零開始建立VUE專案

1 首先配置npm的全域性模組的存放路徑 cache的路徑,此處選擇放在 d program files nodejs 輸入如下命令 npm config set prefix e nodejs node global npm config set cache e nodejs node cache...

從零開始的機械人比賽(一) 專案準備篇

11月看到這個比賽 軟銀盃 中國機械人大賽 的時候,就想去嘗試一下,鍛鍊一下自己。最開始是因為剛學習了python語言,正好想要做一些實際的專案練練手。而這個比賽預設使用的控制平台choregraph便可以通過使用python進行相關的程式設計,然後控制機械人的各項引數,從而實現目標要求。這和我想要...