備註
[workspace]
24h
projects
Mitch
Pi
Travel
node_modules
[library]
- Proj-Shopping
- Shared
- Module.ts
- Component
- tooltip
- tooltip-cutprice
tooltip
tabs
tabs
rating-star
rating-star
icons
icons
form
captcha
button
button
- paginator
toast
alert
error-code
loader
- Core
- Block
- header
header
HTML／CSS／TS
- footer
footer
HTML／CSS／TS
服務與依賴注入
入口應用配置端點 app configurations, 管道pipes, HTTP 攔截interceptors, 防止任意存取 guards, 服務 service,等等
- Module.ts
[projects]
- ec-EMD
APP
Ecvdr_credit
traded
repayment
withdrawal
viewevent
loan
application
collection
Module.ts
Component
Insurance
2021_Insurance
Insurance_Tmnewa
Insurance_Cathay
2020_Insurance
Insurance_seano
Insurance_Cathay
Insurance_Chubb
Module.ts
Component
Credit_card
P_Coin
Activity
Bank
Module.ts
Component
活動
活動3
活動2
活動1
Module.ts
Component
[projects]
- ec-Member
[projects]
- ec-Checkout
[projects]
- ec-Shopping
- header_replenish
HTML／CSS／TS
- header_cutprice
HTML／CSS／TS
assets
css
- base
style.css
reset.css
images
- Component
APP
- Order／交易紀錄
Module.ts
Announce／訂單查詢
- Login／登入
⚠
Auth ／認證
Module.ts
Component
loader／加載
系統忙碌中
Login
Catalog
Component
loader
loader_系統忙碌中
Module.ts
Login
- Account／我的帳號
⚠
Inquire ／折價券
Coupon_list
Component
Module.ts
Coupon_search
Component
Module.ts
Account
⚠
CoBrander ／點數管理
Cobrander／PChome聯名卡管理
Coin／P幣
Component
Module.ts
- Enterprice／企業登入
Credit／採購額度
Member／採購帳號管理
Purchaselistｖ採購明細
Billing／各期帳單查詢
Module.ts
⚠
Voucher ／企業贈送券
Voucher
Component
- QA／常見問題
Component
Module.ts
QA
Component
loader／加載
loader_Invoice
［now］Await_Invoice
會員載具歸戶作業處理中
navbar／選單
assets
css
images
Order
Login
Account
Enterprice
Voucher
QA
APP
- checkout／結帳頁
Component
checkout
- result／結帳完成
Module.ts
Component
result
- payment_qrcode／行動支付
Module.ts
Component
payment_qrcode
assets
- images
result
payment_qrcode
checkout
- css
APP
- Hp／首頁
Component
Lightbox
Lightbox03
Lightbox02
Lightbox01
region
- Component
- GO TOP
- Gotop-bg-red
GO TOP
boxman_teammate
- loader
loader
- prod
prod
- navbar
- nav-list-circleright
assets
- css
- images
Hp
Store
Region
Prod
Sign
Hito
Onsale
Cutprice
Replenish
- Store／館
Module.ts
Component
store_grid
store_list
- Region／區頁
Module.ts
Component
region
- Prod／單品
Module.ts
Component
store_grid
store_list
- Sign／路標
Module.ts
Component
sign_onsale_preview
sign_Mask
- Hito／搶購活動
Module.ts
Component
hito
- Onsale／瘋殺特賣
Module.ts
Component
onsale
- Cutprice／最新降價
Module.ts
Component
Cutprice
- Replenish／熱銷補貨
Module.ts
Component
replenish
Component
Lightbox
Lightbox01
Lightbox02
Lightbox03
ICON 標示
⚠：依現有的收納在相關功能中
assets
css
images
- Ecvdr_credit
- Credit_card
- Insurance
ec-Checkout
ec-Shopping
error-code
error-code_404
Module.ts
Module.ts
Component
verification
app-Component
by page區分 Component
https://javascript.plainenglish.io/how-to-structure-angular-apps-in-2021-a0bdd481ad0d
pipes
service
utils
form
captcha
paginator
建立多專案
指令
ng generate application ec-Member
ng generate application ec-Checkout
ng generate library Proj-Shopping
ng new ec-Workspace --createApplication="false"
ng generate application ec-Shopping
建立函式庫
ng generate library
工作區[workspace]
--createApplication="false"
建立專案
ng generate application
ng g application
相關檔案
angular.json
資料來源
click to edit