[System Design] 系統設計 (4) -- Web System Design

biaoxiaoduan 發布于2019-08-14 16:34 / 3079人閱讀

What happened when you visit www.google.com?

Type URL in browser: www.google.com(domain)
Find the nearest DNS server(Domain Name Service)
Send http/https request to the IP address
Web Server got the request and deliver it to HTTP server (port 80)
HTTP server resend the request to Django, Rails, NodeJS based Web Application
Web Application processes the request

https://www.djangoproject.com...

HTTP server: Apache, Unicorn, Unicorn, Uwsgi

Design Tiny URL

bit.ly

Google url shortener

Scenario

bit.ly: transform Long URL --> Short URL

user: use short URL --> bit.ly

bit.ly: return Long URL --> user

user: request Long URL to redirect to the website

Needs

GPU云服務器云服務器 mobile-web-design Design system Ant Design

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/66222.html

程序員練級攻略（2018）：前端 UI/UX設計

摘要：前端還有一個很重要的事就是設計。，中文版譯名為認知與設計理解設計準則。實驗室是布拉德弗羅斯特依照這個設計系統所建立的一套工具，可以前往的來試試。中文翻譯為流暢設計體系，是微軟于年開發的設計語言。微軟于年月日的開發者大會上公開了該設計體系。 showImg(https://segmentfault.com/img/bVbkgFI?w=1142&h=640); 想閱讀更多優質文章請猛戳Gi...

dongfangyiyu 2019-08-02 12:09 評論0 收藏0
解密 Design System

摘要：總體來看，整個設計系統由和一些相關的組成。主流風格目前業界廣泛使用的包括等等。是對某一類問題解決方案的抽象。這些共同構成了表單數據提交場景下的。是一系列的基礎原件。的基本組成便是。值的可配置化是設計系統客制化的重要組成部分。簡介設計系統的產生是為了某領域內產品在不同平臺和設備上都保持設計和交互風格的統一。既然是一個系統，那必須具有相應的完整性。它為產品設計，產品內容等方面提供相應...

Yujiaao 2019-08-23 17:02 評論0 收藏0
設計模式之狀態模式

摘要：為了實現這個正義偷笑又合理的訴求，你得先學會今天要介紹的設計模式，因為你們公司的這個流程可能就是用今天這個模式設計的。狀態模式對開閉原則的支持并不太好，新增狀態時，不僅得增加狀態類，還得修改原來已經有的狀態，讓之前的狀態切換到新增的狀態。一、定義你是否經常請（偷）假（懶）？是不是對公司萬惡的請假申請流程深惡痛絕。有沒有想過偷偷改造這個萬惡的系統，從申請->項目經理審批->部門審批->老板審...

zhangke3016 2019-05-27 17:41 評論0 收藏0
Design Pattern的萬劍歸宗 => Mediator

摘要：大意就是作者把種不斷的重組歸納抽象直道最后抽象為一種設計模式，。而所有的關注的核心問題就是如何控制信息流但是我個人認為核心是如何解耦。再根據信息流劃分出對象在系統中擔任的種角色，。所以歸為一種核心所有的的職責都是控制。 Overview 今天看了YouTube上的一個講Design Pattern的視頻，把這個視頻的大意給大家分享一下，該視頻的作者是Anthony Ferrara。 ...

yuanzhanghu 2019-06-27 11:19 評論0 收藏0