Angular4專案(水果商城移動端)

duanhao發表於2021-09-09


## 登入賬戶

賬戶123456

密碼123456


## 完成了登入<->註冊->首頁<->分類


完成了登入頁面,註冊頁面,首頁頁面,分類頁面。

各頁面的路由可自由跳轉。


## test包


是已經打包好的專案,可直接放入伺服器中執行


## 分類頁面佈局完成。

佈局分為 頭部元件和分類元件和今日推薦元件。以後可能需要其他內容,用元件的方式插入。


## 購物車頁面佈局完成,部分功能已實現。

頁面分為 頭部元件 物品元件  結算元件   元件互動部分完成。結算--全選--數量增加/減少功能實現


## 個人頁面佈局完成

靜態介面佈局。沒有使用元件。


## 把個人重構為一個模組(Module)-->有自己的路由模組(routing.module)。其他3個後面也會重構為模組。

個人下有許多的子頁面,為模組後,方便管理和書寫。

下屬的-->我的餘額元件完成--->建立一個通用的頭部元件


## 我的優惠券,我的收藏頁面前端頁面完成。


## 個人設定頁面。


收貨地址管理和新增地址頁面完成且路由配置完成。


## 我的訂單頁面完成


代付款-代發貨-待收貨-待評價。目前是在myOrder元件中的透過一個變數配合*ngIf控制.(改用子路由配置)

個人-》我的訂單跳轉相關路由完成 


## 我的訂單頁面重構完成


重構為根據路由導航內容,最佳化了導航

<ul class="menu clear">

<li routerLinkActive="active" [routerLink]="['payment']" >待付款</li>

<li routerLinkActive="active" [routerLink]="['deliverGoods']" >待發貨</li>

<li routerLinkActive="active" [routerLink]="['goodsReceipt']" >待收貨</li>

<li routerLinkActive="active" [routerLink]="['evaluate']"> 待評價</li>

</ul>

<router-outlet></router-outlet>


## 開始做首頁下的子模組

  

邀請頁面已完成。首頁使用了子路由導航。把首頁重構為了一個Module


## 首頁模組下的團購模組部分完成。(有psd的都做了)


團購模組--》路由跳轉--》相關互動完成。


## 秒殺模組部分完成。


## 專案到這基本,頁面部分基本結束了。後面等把資料這一塊研究一下。後面在完善這個專案。


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/1343/viewspace-2815859/,如需轉載,請註明出處,否則將追究法律責任。

相關文章