從零開始Vue專案實戰(一)-準備篇
從前參與過一個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專案實戰(一)-準備篇
從前參與過一個react專案的程式碼編寫,大神搭建的框架,我主要負責業務邏輯程式碼編寫,現在回想起來似乎又什麼都不會,現在為了鞏固前端知識,決定用Vue來做這個專案的移動端網站,我本人Vue是從零開始的,一邊學習一邊寫程式碼,在這裡記錄一下過程。 專案說明: 主要功能實現一個投資平臺,會員身份為融資人或投
從零開始Vue專案實戰(三)-專案結構
現在在瀏覽器中輸入http://localhost:8083,可以看到初始的“Welcome to Your Vue.js App”頁面了 目錄結構 ├── README.md 專案介紹 ├── index.html 入口頁面 ├── build
從零開始Vue專案實戰(二)-搭建環境
1、下載node.js並安裝 下載地址:https://nodejs.org/en/download/。 下載.msi 格式的直接連續下一步就可以了。安裝完成後可以用 node -v 和 npm -v 檢視版本號。 2、安裝vue-cli 腳手架構建工具 在命令列中輸入npm ins
Vue + Spring Boot從零開始搭建個人網站(一) 之 專案前端Vue.js環境搭建
前言: 最近在考慮搭建個人網站,想了想決定採用前後端分離模式 前端使用Vue,負責接收資料 後端使用Spring Boot,負責提供前端需要的API 就這樣開啟了我邊學習邊實踐之旅 Vue環境搭建步驟: 1、安裝node.js
從零開始學習OpenCL開發(一)架構
處理器 多媒體 c++ stl context 實驗 通用 必看 是你 同時存在 1 異構計算、GPGPU與OpenCL OpenCL是當前一個通用的由很多公司和組織共同發起的多CPU\GPU\其他芯片 異構計算(heterogeneous)的標準,它是跨平臺的。旨在充
從零開始學Linux系統(一)
系統啟動 linux 自定義 管理 如果 level 技術 int 沒有 Linux系統:分時多用戶多任務的操作系統; Linux系統引導流程: inittab配置文件中: 定義了linux系統的運行的7個級別:從0~6 0、6:分別代表關機和重啟,不建議設置為默認的
從零開始學習敏捷開發(一)
一、敏捷開發--歷史背景: 20世紀60年代:軟體作坊,軟體規模小,以作坊式開發為主; 70年代:軟體危機,硬體飛速發展,軟體規模和複雜度激增,引發軟體危機; 80年代:軟體過程控制,引入成熟生產製造管理方法,以“過程為中心”分階段來控制軟體開發(瀑布模型),一定程度上緩解了軟體危機; 90年代:
從零開始學Socket:(一)服務端和客戶端建立
上篇我提到Socket是TCP/IP的抽象介面。所以我們直接使用就好,沒必要知其甚解。 1.開啟VS 新建專案 名稱,位置隨意 這裡名稱是Server 框架選.NET 4.5(在這篇部落格裡也無所謂) 注意引用 using System.Net; using
vue專案實戰(一)之vue-cli腳手架搭建專案
首先假如你已經安裝了node和npm,如果沒有的話自己百度安裝一下。 如果感覺npm下載速度慢,可以使用淘寶映象cnpm,連結地址: http://npm.taobao.org/ 安裝cnpm 方式一: npm install -g cnpm --registry
【平行計算-CUDA開發】從零開始學習OpenCL開發(一)架構
本文將作為我《從零開始做OpenCL開發》系列文章的第一篇。 1 異構計算、GPGPU與OpenCL OpenCL是當前一個通用的由很多公司和組織共同發起的多CPU\GPU\其他晶片 異構計算(heterogeneous)的標準,它是跨平臺的。旨在充分利用G
從零開始學習Kinect程式設計(一) 4.20
今天是第一天開始學習Kinect 之前並沒有接觸過這個東西 1,Kinect是什麼?–百度找的 =.= Kinectfor Xbox 360,簡稱 Kinect,是由微軟開發,應用於Xbox 360 主機的周邊裝置。它讓玩家不需要手持或踩踏控制器,而是使用
Flask零基礎到專案實戰(一)
文章來源–知了課堂的課件 Python基礎 前端基礎 資料庫表設計(一對一、一對多,多對多,外來鍵) 認識web url詳解: URL是Uniform Resource Lo
從零開始微信機器人(一):wxpy簡介(登入、訊息傳送、註冊回覆)
在過去的幾個月中,由於在新生群中回答問題費時費力,同時又有許多重複而又有固定答案的回答,我受到一些知乎文章的啟發,維護了一個基於itchat的群聊機器人。從剛開始接入圖靈機器人時只會尬聊的機器人,之後又加入了api.ai的按照訊息內容自動回覆,而後再加入了回覆表情功能
從零開始寫JavaScript框架(一)
1. 模組的定義和載入 1.1 模組的定義 一個框架想要能支撐較大的應用,首先要考慮怎麼做模組化。有了核心和模組載入系統,外圍的模組就可以一個一個增加。不同的JavaScript框架,實現模組化方式各有不同,我們來選擇一種比較優雅的方式作個講解。 先
從零開始學Electron筆記(一)
前端技術在最近幾年迅猛發展,在任何開發領域我們都能看到前端的身影,從PC端到手機端,從APP到小程式,似乎前端已經無所不能,這就要求我們需要不斷地去學習來提升自己!前段時間尤大通過直播介紹了一下Vue3.0開發的心路歷程並放話今年釋出,Deno v1.0 的釋出,揚言要幹掉Node,摸了摸日漸稀疏的頭髮,表示
好學易懂 從零開始的插頭DP(一)
好學易懂 從零開始的插頭DP(一) 寫在前面 這是一篇,以蒟蒻視角展開的梳理總結。更改了一些順序,變化了一些細節。方便蒟蒻學習理解(起碼本蒟蒻是這樣)。大佬們可以直接看其它大佬的部落格,可以學的更快。 你必須要學會的前置知識:狀態壓縮DP學不會依舊可以讀,但是推薦學的前置知識:雜湊 論文貢前面,建議讀完部落格
從零學習遊戲伺服器開發(一) 從一款多人聯機實時對戰遊戲開始
寫在前面的話 經常有學生或者初學者問我如何去閱讀和學習一個開源軟體的程式碼,也有不少朋友在工作崗位時面對前同事留下的專案,由於文件不完善、程式碼註釋少、工程數量大,而無從下手。本文將來通過一個多人聯機實時對戰遊戲——最後一戰,來解答以上問題。 其實,我以上
Flask零基礎到專案實戰(四)SQLAlchemy資料庫(一)
文章來源—知了課堂的課件 一、SQLAlchemy簡介 flask_sqlalchemy是一套ORM框架。 ORM(Object Relationship Mapping):模型關係對映 ORM的好處:可以讓我們操作資料庫跟操作類的物件一樣。一個表可
從零開始搭建個人網站(6)nginx+uWSGI部署Django專案(上)
Django雖然自帶一個Server,但只能作為開發時測試使用,我們需要一個可以穩定而持續的伺服器對網站進行部署,比如Apache, Nginx, lighttpd等,本篇將利用nginx和uWSGI部署Django網站專案。 前言 n
[Golang] 從零開始寫Socket Server(3): 對長、短連接的處理策略(模擬心跳)
microsoft ted 每次 range 點擊 關閉 ade 而在 href 通過前兩章,我們成功是寫出了一套湊合能用的Server和Client,並在二者之間實現了通過協議交流。這麽一來,一個簡易的socket通訊框架已經初具雛形了,那麽我們接下來做的