Angular4專案(水果商城移動端)
## 登入賬戶
賬戶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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- vue移動端專案接入vconsole(移動端除錯)Vue除錯
- React專案使用vw適配移動端React
- nginx 判斷移動端或者 PC 端 進入不同專案Nginx
- 面試官 | 說說移動端專案適配面試
- react+flexible適配移動端專案的配置ReactFlex
- vue移動端專案快取問題實踐Vue快取
- JavaScript實戰專案:移動端 Touch 輪播圖JavaScript
- WeMall水果版商城系統1.4版
- Vue 移動端專案生產環境的優化Vue優化
- ecshop仿小米商城原始碼 帶手機移動端原始碼
- vue,angular4,react如何搭建完美的工程專案VueAngularReact
- PC商城跟移動商城實現同步整合
- vue實戰 | vue移動端專案架構設計(附demo)Vue架構
- 基於vue-cli配置移動端rem自適應專案VueREM
- 商城專案--工程搭建
- 小米商城專案(JSP+Servlet專案)JSServlet
- WeMall水果版商城系統更新至1.4版
- 剖析虛幻渲染體系(12)- 移動端專題Part 1(UE移動端渲染分析)
- vue+node全棧移動商城【6】-node介面配置檔案Vue全棧
- fastclick外掛的使用--移動端vue專案開發(vue常用外掛)ASTVue
- css在移動端常遇到的檔案CSS
- thinkphp做的全棧移動商城!PHP全棧
- 移動端定位
- 你在尋找Vue3移動端專案框架嘛?請看這裡Vue框架
- egg商城--專案準備篇
- Lesktop開源IM移動端:接入LayIM移動端UIUI
- 移動端檔案、圖片及拍照上傳
- Vue+Spring Boot 前後端分離的商城專案開源啦!VueSpring Boot後端
- 【移動端開發】移動端開發基礎問題
- vue 實現一個商城專案Vue
- JavaScript實現專案列表的增刪移動JavaScript
- Vue專案中使用vConsole移動除錯工具Vue除錯
- 移動端規則
- 移動端 touch事件事件
- 移動端適配
- 移動端UI框架UI框架
- 移動端佈局
- 移動端彈窗