💎一站式轻松地调用各大LLM模型接口,支持GPT4、智谱、星火、月之暗面及文生图 广告
本来想的只是画一个如下的七日图来说说Web开发的,随后又想了想这似乎是一个非常棒的Web开发相关的知识介绍。应用开发是一个很有意思的循环,多数时候我们总会觉得别人的代码写得不好。即使它使用了一种非常好的设计,我们也可能会觉得他很复杂。 而它总结下来就是下面的七天过程里发生的一些事情。 ## [](https://github.com/phodal/repractise/blob/gh-pages/chapters/web.md#七日谈)七日谈 其实对于Web开发,有下面这张图就足够了。 [![](https://box.kancloud.cn/2015-12-28_5680caabcf547.jpg)](https://camo.githubusercontent.com/9e52054d048518490b5e56a75175392ea485f021/687474703a2f2f726570726163746973652e70686f64616c2e636f6d2f696d672f7765622f7765622e706e67) ### [](https://github.com/phodal/repractise/blob/gh-pages/chapters/web.md#第一天新的开始)第一天:新的开始 > 我们迎来了我们的新的一个项目,看起来每个人都很兴奋。这一天过得很快,也做了特别多的事。 首先,我们搭建了自己本地的开发环境。我们选择了一门新的语言,也开始使用新的IDE,一个全新的开始。 接着,我们开始创建一个很简单的Hello,World——在绝大多数语言里都有这样的一个传统。这是一个Web项目,看来我们选用的框架里的Hello,World是一个TODO MVC。 呀!这个框架比原来那个框架看起来更简单,更直接也更加好用。 然后,我们开始去创建我们的构建系统了。让我们告别Ant,迎来新的构建工具,Gradle比他们强大多了。我们可以用这个构建工具来做很多的事情——依赖管理、编译和构造、打包。Gulp看上去很流行,让我们用Gulp吧。顺便再创建一个或多个用于发布和构建的服务器。 最后,在我们的持续构建系统中搭载相应的PipeLine来完成这些事。 第一天,就这样兴奋地结束了。 ### [](https://github.com/phodal/repractise/blob/gh-pages/chapters/web.md#第二天令人期待的新体验)第二天:令人期待的新体验 > “没办法,第一天就是得做那些事。” 现在,才开始真正的编码工作。我们拿到了一个任务,知道了它是做什么之后。 我们开始对其分步,第一步做什么,下一步做什么,每一步都很清楚了。可以编写我们的第一个测试,看来这个测试好像并没有想象中对么简单,我们需要Mock对象。 啊!这个组件需要Fake一个Service。第一个任务看来是完成编码了,让我们对其进行简单的重构。 我们已经有了单元测试,现在让我们添加一个功能测试。在我们这个例子里,似乎也需要一个集成测试。 终于可以Commit,并Push代码。 ### [](https://github.com/phodal/repractise/blob/gh-pages/chapters/web.md#第三天上线准备)第三天:上线准备 在我们不断地重复第二个步骤的时候,我们也要开始去考虑如何上线了。 我们是直接部署在Docker容器里呢?还是直接部署在服务器上呢?接着,我们还为其配置了缓存服务和均衡负载等等。 咦!这个配置是写死的!这里需要一个Toggle来控制功能是否上线! ### [](https://github.com/phodal/repractise/blob/gh-pages/chapters/web.md#第四天-数据分析)第四天: 数据分析 上线了几天后,发现一些数据发生了变化。网站的访问速度变快了,使得访问网站的人越来越多。 等等,这个地方好像没有人用过! 唔!这是一个Bug! 应用的性能比以前好多了,一个服务器可以顶以前的两个,一下子省了好多服务器。 看来,用户比较喜欢那个功能,我们增强一下这个功能吧。 ### [](https://github.com/phodal/repractise/blob/gh-pages/chapters/web.md#第五天持续交付)第五天:持续交付 > 又修了一个bug。 噢!我不觉得这个功能用户会喜欢。 哈!这个新功能看上去不错。 ### [](https://github.com/phodal/repractise/blob/gh-pages/chapters/web.md#第六天恶梦)第六天:恶梦 唉!这代码是谁写的! 这里需要重构一下,这里也需要重构一下。 什么!没有测试! Shit! ### [](https://github.com/phodal/repractise/blob/gh-pages/chapters/web.md#第七天总结与计划)第七天:总结与计划 哈!我们的竞争对手使用了新的技术,而且我们的系统已经不行了。让我们设计一个更好的系统出来,这个组件我们可以使用这个技术,这个组件我们可以使用那个技术。 前途又是光明的。 * * * 现在,我们又回到了第一天了。