Angular – Angular 到底在解决什么问题?

兴杰(stooges.com.my) / 2023-07-15 / 原文

前言

上一篇我有提到 Angular 适合用于哪些项目,但讲的太没有细节了,什么大中小项目的...这篇我将更具体的去讲解,Angular 可以解决什么样的开发问题。

 

Web 技术与开发

Web 1.0 技术

Web 技术指的就是 HTML、CSS、JavaScript 做出来的网页,然后通过 HTTP 最后呈现在游览器上。

我们拿一个比较原始的例子来讲,企业网站。

企业网站最主要的作用是展现企业信息给访客,产品、服务、企业规模等等。

还有一个小功能是提供一个和企业联系的方式,通常是一个询问表格,访客填写表格后提交给企业,然后等待回复。

这样的网站被我们成为 Web 1.0 技术下的网站。

Web 1.0 开发

要做到绝大部分的功能 (展现企业信息),我们只需要写 HTML 和 CSS 代码就可以了。服务器配上一个 IIS 工具就好,甚至都不需要用到 ASP.NET Core.

要完成小功能 (表单提交),就比较麻烦一点,首先它是一个 POST 请求,之前的都是 GET,这时最好是使用后端框架来实现,比如 ASP.NET Core.

前端方面,如果不介意体验差的话,我们依然不需要使用 JavaScript.

Web 1.0 开发难题

虽然像上面那样做,我们已经可以 “实现” 我们要的功能了。但是 “实现” 只是一个项目的开始,“维护” 才是项目长期的状态。

维护 HTML 最大的难题就是它的重复性。

比如下面这些企业分行信息

每一间分行的设计都是一样的,只是信息不同而已

下面这是一间分行的代码

这是全部分行的代码

重复性超级多. 看上去很乱,而且如果要改排版,那就必须批量去改。

这就是 HTML 多起来以后,代码维护的难题。