Giter VIP home page Giter VIP logo

ec-website-project's Introduction

ec-website-project's People

Contributors

hsuanchi avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar

ec-website-project's Issues

[Week2] Max

今天討論了什麼?結論是什麼?

最新的進度是什麼?

原預計本週完成事情:

  1. 列出大綱
  2. 爬取其他網站商品資料

本週最新進度:

  1. 完成列出大綱
  2. 完成主頁和商品頁的資料庫修改( Firebase 改成 MySql )

下次報告前要完成哪些事項?

  1. 研究 ORM 資料庫設計
  2. 將會員加入購物車 & 購買資料資料庫修改

其他心得

原本預計要爬取其他電商網站商品資料,但在將別人的商品套入自己網站後發現變得不太美觀XD
版面有太多要微調,所以在列完大綱之後決定先暫定原本的畫面,將前台的商品新增和畫面調整放到最後,目前正在處理將 Firebase 的資料庫結構改成 MySql 資料庫,過去使用 MySql 都是在資料清理居多,所以沒有太多的 ORM 的資料庫設計概念,還在研究一對多、多對多的資料庫結構,預計下週能完成加入購物車和結帳資訊的關聯式資料庫

接下來的大綱排序如下 (商品資料庫 > 後台 > 會員登入 > 金流 > 前台 > 細節調整)
1.商品資料庫 (資料庫改成 MySQL)

  • 主頁和商品頁的資料庫修改 (於第一週已完成)
  • 研究 ORM 資料庫設計
  • 會員加入購物車 & 購買資料庫修改

2.後台

  • 商品新增頁面
  • 商品更新頁面
  • 商品刪除頁面

3.會員登入

  • 會員註冊將 Firebase 改成 MySQL
  • 串接 Google 登入
  • 串接 Facebook 登入

4.金流

  • 預計使用綠界

5.前台

  • 品牌故事頁面
  • 隱私權頁面
  • 會員權益頁面
  • 增加商品品項

6.細節調整

  • 監控商品庫存

[Week4] Max

今天討論了什麼?結論是什麼?

原本預計後台只會做這三個功能(新增/更新/刪除),目前想把後台做更深入一點,除了增加基本的管理會員資料介面外,想製作一些顧客交易分析圖表,目前找到的是用 echart 來製作圖表 ( https://www.echartsjs.com/examples/zh/index.html ),基本上是會從範例裡面挑幾個不同的圖表來做顧客交易分析圖表,細節可能要等下週完成基本後台介面後再來規劃。

Huli 也推薦 hightchart
https://www.highcharts.com/

最新的進度是什麼?

1.將會員加入購物車 & 購買資料資料庫修從 Firebase 改成 Mysql
2.將會員註冊也從 Firebase 修改成 Mysql

下次報告前要完成哪些事項?

1.將後台產品新增、更新和刪除做完
2.將後台登入頁面做完

其他心得

目前計畫大綱

商品資料庫 > 後台 > 會員登入 > 金流 > 前台 > 細節調整
1.商品資料庫 (資料庫改成 MySQL)

  • 完成week2 - 主頁和商品頁的資料庫修改
  • 完成week3 - 研究 ORM 資料庫設計
  • 完成week4 - 會員加入購物車 & 購買資料庫修改
  • 完成week4 - 會員註冊將 Firebase 改成 MySQL

2.後台

  • 預計week5完成 - 商品新增頁面
  • 預計week5完成 - 商品更新頁面
  • 預計week5完成 - 商品刪除頁面
  • 預計week5完成 - 登入頁面
  • 會員資料頁面
  • 顧客交易資料蒐集
  • 顧客交易資料介面

3.會員登入

  • 串接 Google 登入
  • 串接 Facebook 登入

4.金流

  • 預計使用綠界

5.前台

  • 品牌故事頁面
  • 隱私權頁面
  • 會員權益頁面
  • 增加商品品項

6.細節調整

  • 監控商品庫存

[Week1] Max

今天討論了什麼?結論是什麼?

  1. 確認主題方向:以建立電商網站為主軸發展
  2. 討論下週前進目標
  3. 討論網站建置的優先順序:(補上網站細節>後台>金流>網站細節優化)
  4. 討論資料庫使用:將firebase修改成Mysql

最新的進度是什麼?

上週開始動工,目前已完成會員註冊頁、主頁、產品頁面、加入購物車頁、結帳頁
https://max-ec-project.appspot.com/

下次報告前要完成哪些事項?

  1. 列出大綱
  2. 爬取其他網站商品資料

其他心得

[Week3] Max

今天討論了什麼?結論是什麼?

本週討論 Entities-Relational Model 修改

  1. 將 Pid , ID , Uid 修改成小寫
    (原本是想標註成大寫可能比較好判斷,但現在想想好像沒什麼用處)
  2. user 表中加入了 password
    (原本是想等 firebase 登入要改成 Mysql 要處理的時候再加入,目前已經先加入密碼欄位,帳號和信箱就用 name 欄位)
  3. 從 product 表中把 tag 拉出來,做了多對多的product_tag_rt 表
    (這段其實是沒留意到,因為 nosql 裡面可以放成這樣 [ tag1, tag2 ],所以在轉換的時候沒想太多)
  4. 將 transaction_detail 裡面的 CID 修改成 id
  5. 將 password 改成255,因為到時候要先 hash 過才能存進去

最新的進度是什麼?

研究 ORM 資料庫設計

關聯式資料庫比想像中困難許多,因為一開始沒有將 Entities-Relational Model 畫出來,
所以改到後面時發現遺漏很多欄位或缺陷(像是直接用產品名稱當 pk,後來改成用 Pid 來取代;和缺少update_time 和 insert_time ),
總之本週砍掉重練了幾次,最終把 E-R Model 畫出來了

Add to cart

Addtocart

Transaction

transaction

下次報告前要完成哪些事項?

  1. 將會員加入購物車 & 購買資料資料庫修改
  2. 將會員註冊也從 Firebase 修改成 Mysql

其他心得

目前計畫大綱

商品資料庫 > 後台 > 會員登入 > 金流 > 前台 > 細節調整
1.商品資料庫 (資料庫改成 MySQL)

  • 完成week2 -主頁和商品頁的資料庫修改
  • 完成week3 -研究 ORM 資料庫設計
  • 預計week4完成 -會員加入購物車 & 購買資料庫修改

2.後台

  • 商品新增頁面
  • 商品更新頁面
  • 商品刪除頁面

3.會員登入

  • 會員註冊將 Firebase 改成 MySQL
  • 串接 Google 登入
  • 串接 Facebook 登入

4.金流

  • 預計使用綠界

5.前台

  • 品牌故事頁面
  • 隱私權頁面
  • 會員權益頁面
  • 增加商品品項

6.細節調整

  • 監控商品庫存

[Week5] Max

今天討論了什麼?結論是什麼?

1. 電商後台藍圖規劃參考

關於未來後台的藍圖規劃,目前會想參考電商平台 Shopline 的後台來建置,未來幾週的規劃將會比較著重於顧客交易資料儀表板呈現這塊,同之前與 Huli 討論的內容會使用 echart 或 hightchart 來打造儀表板

  1. 後台架構資訊頁面 (https://support.shoplineapp.com/hc/zh-tw)
  2. 顧客交易資料儀表板頁面 (https://support.shoplineapp.com/hc/zh-tw/sections/360004483712-Shoplytics-%E6%99%BA%E6%85%A7%E5%84%80%E8%A1%A8%E6%9D%BF)

2. 套件 SQLAlchemy ORM vs 套件 SQLAlchemy SQL原生

關於後台建置,另外之前電商網站前台的資料庫都是用套件 SQLAlchemy ORM 的方式串接,
後台這次想使用 SQLAlchemy SQL原生 的方式串接,一方面是因為預期後台在資料數據處理會比較頻繁,一方面也希望自己能加強 SQL原生 的寫法

3. Google App Engine 部署 vs Gooogle Compute Engine 部署

目前還未將電商後台網站部署起來,過去都是使用 Google App Engine (GAE) 部署網站,但因為 GAE 幫忙處理掉很多 server 的事情,所以這次想嘗試使用 Gooogle Compute Engine (GCE)來部署,會用 CentOS7 + Apache + flask 部署,沒意外會參考這篇 (https://www.jb51.net/article/153875.htm)

最新的進度是什麼?

1. 原預計本週完成事情:

  1. 預計week5完成 - 商品新增頁面
  2. 預計week5完成 - 商品更新頁面
  3. 預計week5完成 - 商品刪除頁面
  4. 預計week5完成 - 登入&登出頁面

2. 本週最新進度:

  1. 完成 - 商品新增頁面
  2. 完成 - 商品更新頁面
  3. 完成 - 商品刪除頁面
  4. 完成 - 登入&登出頁面

image

3. 下週預計進度:

  1. 預計week6完成 - Gooogle Compute Engine 部署 (CentOS7 + Apache + flask)
  2. 預計week6完成 - 會員資料頁面

其他心得

目前計畫大綱

商品資料庫 > 後台 > 會員登入 > 金流 > 前台 > 細節調整
1.商品資料庫 (資料庫改成 MySQL)

  • 完成week2 - 主頁和商品頁的資料庫修改
  • 完成week3 - 研究 ORM 資料庫設計
  • 完成week4 - 會員加入購物車 & 購買資料庫修改
  • 完成week4 - 會員註冊將 Firebase 改成 MySQL

2.後台

  • 完成week5 - 商品新增頁面
  • 完成week5 - 商品更新頁面
  • 完成week5 - 商品刪除頁面
  • 完成week5 - 登入頁面
  • 預計week6完成 - 會員資料頁面
  • 預計week6完成 - Google Compute Engine 架設
  • 顧客交易資料蒐集
  • 顧客交易資料介面

3.會員登入

  • 串接 Google 登入
  • 串接 Facebook 登入

4.金流

  • 預計使用綠界

5.前台

  • 品牌故事頁面
  • 隱私權頁面
  • 會員權益頁面
  • 增加商品品項

6.細節調整

  • 監控商品庫存

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.