hsuanchi / ec-website-project Goto Github PK
View Code? Open in Web Editor NEW▍弄髒手,來蓋一個電商吧!
Home Page: https://ec.maxlist.xyz/
▍弄髒手,來蓋一個電商吧!
Home Page: https://ec.maxlist.xyz/
無
原預計本週完成事情:
本週最新進度:
原本預計要爬取其他電商網站商品資料,但在將別人的商品套入自己網站後發現變得不太美觀XD
版面有太多要微調,所以在列完大綱之後決定先暫定原本的畫面,將前台的商品新增和畫面調整放到最後,目前正在處理將 Firebase 的資料庫結構改成 MySql 資料庫,過去使用 MySql 都是在資料清理居多,所以沒有太多的 ORM 的資料庫設計概念,還在研究一對多、多對多的資料庫結構,預計下週能完成加入購物車和結帳資訊的關聯式資料庫
接下來的大綱排序如下 (商品資料庫 > 後台 > 會員登入 > 金流 > 前台 > 細節調整)
1.商品資料庫 (資料庫改成 MySQL)
2.後台
3.會員登入
4.金流
5.前台
6.細節調整
原本預計後台只會做這三個功能(新增/更新/刪除),目前想把後台做更深入一點,除了增加基本的管理會員資料介面外,想製作一些顧客交易分析圖表,目前找到的是用 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)
2.後台
3.會員登入
4.金流
5.前台
6.細節調整
上週開始動工,目前已完成會員註冊頁、主頁、產品頁面、加入購物車頁、結帳頁
https://max-ec-project.appspot.com/
關聯式資料庫比想像中困難許多,因為一開始沒有將 Entities-Relational Model 畫出來,
所以改到後面時發現遺漏很多欄位或缺陷(像是直接用產品名稱當 pk,後來改成用 Pid 來取代;和缺少update_time 和 insert_time ),
總之本週砍掉重練了幾次,最終把 E-R Model 畫出來了
商品資料庫 > 後台 > 會員登入 > 金流 > 前台 > 細節調整
1.商品資料庫 (資料庫改成 MySQL)
2.後台
3.會員登入
4.金流
5.前台
6.細節調整
關於未來後台的藍圖規劃,目前會想參考電商平台 Shopline 的後台來建置,未來幾週的規劃將會比較著重於顧客交易資料儀表板呈現這塊,同之前與 Huli 討論的內容會使用 echart 或 hightchart 來打造儀表板
關於後台建置,另外之前電商網站前台的資料庫都是用套件 SQLAlchemy ORM 的方式串接,
後台這次想使用 SQLAlchemy SQL原生 的方式串接,一方面是因為預期後台在資料數據處理會比較頻繁,一方面也希望自己能加強 SQL原生 的寫法
目前還未將電商後台網站部署起來,過去都是使用 Google App Engine (GAE) 部署網站,但因為 GAE 幫忙處理掉很多 server 的事情,所以這次想嘗試使用 Gooogle Compute Engine (GCE)來部署,會用 CentOS7 + Apache + flask 部署,沒意外會參考這篇 (https://www.jb51.net/article/153875.htm)
商品資料庫 > 後台 > 會員登入 > 金流 > 前台 > 細節調整
1.商品資料庫 (資料庫改成 MySQL)
2.後台
3.會員登入
4.金流
5.前台
6.細節調整
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.