[System Design] 系统设计 (4) -- Web System Design

biaoxiaoduan 发布于2019-08-14 16:34 / 3014人阅读

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

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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