web应用开发（web应用开发的流程）

构建移动和桌面Web应用程序的开发平台Angular，基于JavaScript/Typescript。

作为一个开发平台，Angular的特性包括如下：

使用基于组件的框架来构建可扩展Web应用程序；

一系列集成良好的库涵盖了很多功能，比如路由、表单管理、客户端-服务器通信等；

通过一套开发者工具帮你开发、构建、测试和更新代码。

你可以使用Angular平台从单一开发者项目扩展到企业级应用程序。Angular的生态系统覆盖了170万开发者、库作者和内容创建者。

项目创建者为Angular团队，已经在GitHub上积累了82.2k的Star，并在6天前更新到了v14.0.3。

GitHub地址：GitHub - angular/angular: The modern web developer’s platfor...

开源协议：MIT license

项目主页：Angular

构建web应用程序的轻量级Python微框架Flask，简单快速入门web开发，并有能力扩展到复杂应用程序。

Flask最初是Werkzeug和Jinja的简单封装，现在已经成为最受欢迎的Python web应用程序框架之一。

Flask提供建议，但不强制执行任何依赖或项目布局。开发者可以自行选择想要使用的工具和库。社区也提供了很多扩展，使得易于添加新功能。

项目创建者为Pallets，已经在GitHub上获得了高达59.6k的Star，并于4月29日更新了v2.1.2。

GitHub地址：GitHub - pallets/flask: The Python micro framework for build...

开源协议：BSD-3-Clause license

项目主页：Welcome to Flask — Flask Documentation (2.1.x)

Web开发分层架构趋势，后端越来越通用，前端越来越灵活，基础能力越来越强大。

基础云原生+通用业务层+灵活应用层将各司其职，完美配合。

#软件架构设计#

由前端组织业务、驱动数据、绘制界面，后端提供事件分发和流程规则引擎以及数据处理API，基础层提供稳定可靠技术支撑。

让应用与技术分离：

1、展现与技术分离

2、数据与技术分离

3、业务与技术分离

您怎么看，欢迎留言探讨！[玫瑰]

#web分层架构#

我记得05年06年的时候，腾讯还在招C语言C++的程序设计，华为基本上就只招Java的人。语言跟行业是相关的，因为国内主要做WEB应用开发，所以java流行。

等若干年后国内在系统层产生一批有影响的公司，相信对c/c++等底层语言会有更多需求，或者也不一定是c，也可能是rust、go、c#等等。但是无论如何作为开发人员，一定要与时俱进，学习新技能，或新的语言。

编程语言只是实现工具，而真正的灵魂是数学模型和底层算法。工具各有短长，无优劣之分。搞底层开发用C，C++，搞web网站应用开发用JAVA，搞个小网站用PHP，搞客户端和游戏端游用c#，搞网站前端用js，搞数据分析和人工智能用Python。

任何语言都能实现特定的数学模型。评价语言优劣本身就是对计算机程序开发不够精通的外行话。语言争论，最没意思。选择合适的语言去做合适的事最恰当。我们不是一门语言做到底，而是随着时代发展与时俱进。

C++语言已经老得无法适应现代化Web应用开发了吗？错！C++语言依旧支撑着现代化网络开发，他的稳定性和高性能是其它语言所无法取代的，作为现代网络的幕后功臣，它在短时间内是无法取代的。

C++语言也不一定非得将自己定位为幕后支持者，还是有开源作者开发了现代化C++ Web应用框架，今天分享一个像Python的Flask框架一样现代化的C++ Web开发框架，名称叫做Clask。

Clask是一个实验性的项目，目前处于开发的早期阶段，它还不能胜任于生产环境，但这个项目发布出来就表明C++的开发者还是希望它能够在Web应用开发中分一杯羹。Clask采用了现代化C++语法，支持Lambda表达式作为请求处理函数，目前仅仅实现了请求路径和查询参数的简单逻辑，也完成了静态资源服务功能。

希望早期看到C++版本的Flask。

项目地址：https://github.com/mattn/clask

#头条创作挑战赛# #如何选择开源软件才能控制企业成本# #clask#

【零基础简单易用的EmberJS框架】ember.js是一个JavaScript框架，它大大减少了构建任何web应用程序所需的时间、精力和资源。专注让开发人员，通过做所有常见的，重复的，但重要的，涉及大多数web开发项目的任务，尽可能地提高生产力。Ember还有什么特点呢？零基础简单易用的EmberJS框架-阿里云开发者社区

#好书推荐##好书奇遇季#《Vue.js 3.x+Element Plus前端开发实战》，京东当当天猫都有发售。定价99元。本书配套配套示例源代码、PPT课件，作者是资深Web前端开发工程师。Element Plus框架在Web应用开发中使用非常广泛，可以快速构建UI，提高开发效率。

本书带给你的价值

掌握Vue 3.x和Element Plus框架开发方法，学会构建一个功能完整的权限管理系统。

本书内容

Element Plus是一套采用Vue.js 3.x实现的UI组件库，它为开发者、设计师和产品经理提供了配套设计资源，可以帮助网站快速成型，在Web应用开发中使用非常广泛。

本书分为两篇，共14章。第一篇（第1~7章）介绍Vue.js 3和Element Plus相关的基础知识，其中包含Vue .js 3的基础知识、Vue.js 3生态Vue Router和Vuex的相关知识与应用、Element Plus常用组件的使用方法以及Vue.js 3和Element Plus配合使用的好处和方法，各章节通过简单的示例，使读者可以快速掌握相关知识；第二篇（第8~14章）讲解如何构建一个功能完整的单页面应用——权限管理系统，为读者掌握Element Plus打下坚实的基础。

本书读者

本书适合Vue.js 3.x+Element Plus前端开发初学者、Web应用开发人员、UI设计师和产品经理学习，也适合作为高等院校相关专业Web前端开发课程的教材。

本书作者

趣千厘，资深Web前端开发工程师，前端开发团队负责人及开发主力。熟练掌握Web前端主流框架及其生态，如Vue、React、Angular、Element UI、Vant UI等，并有丰富的项目实战开发经验，熟练框架选型及应用。目前深耕Vue框架及其生态。

Rust语言诞生了一个重量级的Web开发框架-Poem，兼顾了功能与效率。它是一个全功能Web开发框架，采用简单易用的设计理念，让你开发Web应用就像写诗一样优美。

Poem虽然简单易用，但是它并没有损失其性能；它不像其它Web框架大量的使用泛型编程，在Poem框架中，泛型是尽可能的少使用；Peom所内置的路由器快速而具有弹性。

Poem还提供了大量的组件支持，但是为了性能考虑，默认情况下，它们是被禁用的，如果需要你可以再编译时启用它们，举几个它所提供的组件示例。

compress：解压请求消息体，压缩响应消息体

cookie： 支持Cookie处理

csrf：支持CSRF保护

native-tls：支持HTTPS

prometheus：支持Prometheus

......

项目地址：网页链接

当我们开发一个接口时需要注意些什么

作为一个 Web 应用开发人员，平时工作中最多的工作场景就是开发接口给前端调用或者关联系统调用。接口写了这么多，不知道大家有没有总结过在开发一个接口时需要注意哪些细节。下面列出我自己的一些总结，每次写接口时都用这些注意点“扫描”下自己的接口，你的接口质量将会上升一个台阶。

1、能完成正常的业务功能

这个点应该不用多说了，我们的接口就是为了完成业务功能的，这个是必须要的。

但如果你的接口仅仅考虑了正常的流程，一旦发生任何异常就运行不起来了，那么你的接口不是一个合格的接口。

如果所有用户请求都符合接口预期、所有网络调用都不会超时、所有系统都不会down机，所有系统都能承载大并发的流量，那么程序员的工作量将减轻一大半。“程序员大部分时间都在解决异常”，这句话我想你一定听过。

其实下面才是本文的重点，怎么让自己的接口有更高的健壮性、更高的性能以及更高的扩展性，这是我们开发接口中不容忽视的地方。

2、异常处理

在你这个接口涉及的每个环节，你都要考虑到会不会发生异常。如果异常发生了，你要怎么处理？你的数据要不要回滚？Service是不是已经开启了事物？事务的隔离级别是否正确？你的代码有没有全局异常处理机制？

3、异常流程处理

正常的流程处理起来很简单，但是你一定要想到流程中断以后再进入，你的接口是否支持。比如用户忽然退出了页面，用户突然断网了，流程的每个环境都有可能出现问题。你要考虑到每个环节点出现问题要怎么处理，代码是否有容错性，是在系统不好解决的可以通知运营人员，哪怕进行人工解决，也是一种办法。

4、接口参数检查机制

很多系统异常都是因为用户传的参数不对导致格式化错误、空指针错误等。所以我们要将错误扼杀在源头，对用户传过来的参数做严格的检查，在controller层做参数校验。这个可以结合Spring的Validate机制。

5、打印准确合理的日志

这边打日志的原则是不打多余的日志，打印的日志能让自己看清系统的运行状态，出问题是能迅速定位问题。

6、接口权限配置

你的接口哪些角色的用户可以访问，用户不登陆是否可以访问。

7、数据权限问题

如果你的接口是一个查询接口，你就不应该查出当前用户没有权限访问的数据。

8、接口性能优化

使用缓存；

数据库加索引；

尽量不要在循环中调用数据库；

尽量不要多张表关联查询；

考虑使用异步线程；

提升系统配置（穷途末路的方法）

提升接口性能的方法有很多，这边只是举了几个通用的例子。结合你具体的业务场景，有时调整下业务的执行流程也能大大提升用户体验。比如银行开户的流程可以分为授信和签约两步，其中授信是比较耗时的操作，那我们可以考虑在用户提交身份证材料时触发授信操作，用户提交完材料，授信操作可能已经完成了。

9、接口幂等性

考虑下你的接口是否要保持幂等

10、接口自测的问题

很多开发人员都不会想测试场景来测试自己的接口。我自己觉得我们想的测试场景要够全，甚至要比测试还多。我的建议是在开发环境一定要自己自测一下，自己想各种测试场景，造各种数据进行测试，同时将自己造的数据保存下来，方便后续用到。

11、一些其他细节

如果是更新操作，是不是需要加乐观锁更新；

如果涉及到分布式系统要考虑数据一致性问题。

扩展性优化，你的代码是否有很好的扩展性。

开发环境改了代码，一定要到测试环境测试一下。（因为测试环境和开发环境可能有很大的区别，比如jdk版本，代码不一定能跑起来）

Web开发框架性能测试（Tech Empower）排名第一的是大名鼎鼎的C++ Drogon

1. C++ 14/17 Web应用开发框架

2.采用非阻塞异步IO，每秒处理高达150K个请求（单核Ryzen 3700X）

3. C++协程支持

4. RDBMS和Redis支持

5.支持Linux/Windows/OS X/各种BSD，x86/ARM/s390x等等，很好的移植性

6.它是一个HTTP应用服务器，但又不仅仅是个HTTP服务器，还可以是一个HTTP客户端，还支持WebSockets协议

7.支持HTTP 1.0/1.1

8.支持后端渲染

9.支持HTTPS

......

官方地址：Homepage | Drogon Web Framework

项目地址：GitHub - drogonframework/drogon: Drogon: A C++14/17/20 based...

居然使用批处理.BAT文件编写Web应用，这是对对技术的执着还是过于对技术的热爱，这个世界上还真是有些人喜欢走不寻常之路，一个.BAT文件开发的Web也敢号称是MVC终结者。你可能使用了Spring编写MVC的Web应用，你也可能使用PHP的Lavarel编写下代码PHP Web应用，你还可能使用Express开发快速的Web应用接口，但这都是框架已经帮你完成的，没有什么值得炫耀的技术，你可曾想过使用Windows平台下的BAT文件编写Web应用吗？

Dod项目就是一个采用Windows的批处理.BAT文件实现的一个基于MVC的Web开发框架，结合IIS服务，它不仅实现了页面预览功能，还提供了Controller控制器和数据模型Model功能，数据的存储采用CSV文件格式，让人真是见识了.BAT的强大之处。

我还是坦言，单纯靠BAT还是无法实现某些功能，本项目不得不隐藏了一部分C#代码在项目中，以实现特定的Web路由和执行.BAT文件功能，但除此之外其它功能都是.BAT文件或.CMD文件实现。

项目地址：网页链接

#千奇百怪的软件项目# #dod#

今天我们不看俄罗斯大战乌克兰

我们看下前端跨端技术：React Native 大战 Flutter

React Native 是以 Web 技术开发原生应用的典型框架。但是与众多基于 html 的跨平台框架相比，Flutter 绝对是体验最好，性能与构建思路几乎最接近原生开发的框架。

根据 StackOverflow 统计数据，Flutter 得分 68.8％、React Native 得分 57.9％。

根据权威机构 Statista 的跨平台开发框架统计表明，2021 年 Flutter 已经和 React Native 持平。2020-2021 年间，有 42% 的开发者用过 React Native 进行开发，这一年内没有增长；而 Flutter 这一数据从 2020 年的 39% 上升到了 42%。通过对 Github 开源项目的 star 数 进行分析， Flutter 在近几年增长迅速。

根据 Google 热度趋势 ， Flutter 搜索趋势也是很明显的高于 React Native。

最后在基于各大社区的统计及上述的分析中可以发现， Flutter 目前虽然有着跨端最好的性能和体验但是关注人数和 React Native 不相上下。React Native 由于先出优势加上 React 的影响力导致目前很多 APP 都已经进入存量阶段，少有新的 APP 出现，所以在没有足够的收益情况下，大部分 APP 是不会进行技术变更的。所以在 2022 年，如果两者都无重大的技术变更，除了对 Flutter 关注的人会逐渐变多，两者大概不会有什么比较大的转变。

#前端##前端开发##web前端怎么入门学习##互联网#

程序员手工编程也能开发的业务应用系统为什么要用可视化WEB开发平台来开发？

1.解决动态需求，不需用传统方式频繁改代码，随时响应新需求，极速服务体验

2.精准需求沟通，基于可视化原型，需求、设计、开发无歧义，所见即所得

3.快速实施交付，基础功能、技术型代码平台自动实现，开发者只需关注特殊业务逻辑，提升开发效率10倍以上

Libnode能够让你将Node.js装进手机，让Node.js随身走，你相信吗？你可能使用过Node.js开发Linux工具，你也可能使用过Node.js开发过Web应用，但是你知道Node也是可以运行在移动设备上的吗？就是能够将你的手机变成一个像Node.js一样提供服务的应用程序。

这就是libnode项目，它就像Node.js一样，但是它足够小，也足够快，提供非阻塞式IO接口，能够让你在手机端使用C++开发出可扩展Web应用，非常适合于嵌入式设备。

项目地址：网页链接

#如何选择开源软件才能控制企业成本# #libnode#

Rust 无所不能，我试过，可以开发web。Rust定位是一门通用编程语言。它是如此通用，你可以用来干任何事情，只要你想。

刚才有网友，告诉我不应该用Rust来开发web应用，我微微一笑。 您还别说， Rust还真的可以用来干这个。

还干的挺好，只是有点射脚，这几天连续射了自己的脚好几箭。自己把自己挖坑埋了。

什么时候能爬出坑，暂未可知。

0702 有限提取

01 | 北大光华院长刘俏：我们既要做探险者，也要做旅行家

（1）科学家是探险者，哲学家是旅行家

02 | 汤道生：低门槛实现对数字世界的创想

对于多场景（Web应用、小程序、APP等场景中）应用开发，腾讯针对通用性需求，提供模版级工具，实现一键开发；针对定制化需求，提供可用的API和低代码工具，降低开发门槛。

（1）轻量应用服务器Lighthouse，把IaaS资源、应用软件和各种配置都统一打包好，实现开箱即用

（2）微搭低代码服务。

（3）原子化输出云开发网关，将边缘加速、安全风控、流量治理等功能整合起来，让开发者可以更加轻便地接入。

03 | 俞敏洪：我选人基本上都是选的比较有个性的人

（1）来自于我对这样的个性的人的欣赏

（2）因为一个内心有自己的坚持、理想、人格和尊严的人，他才会特立独行。

04 | 宋志平：困难的时候逆商会起重要作用

（1）在顺利的时候智商和情商起主要的作用，但是在困难的时候逆商则会起重要作用。

（2）相信未来可期，信心比黄金重要

05 | 杨元庆：联想集团是“数实融合”的典型代表

现在绝大多数JAVA WEB应用都是基于SpingMVC来构建的，难得需要基于底层的JAVA Servlet来做开发。如果你有以下几个方面的需求，学习一下《Servlet3.1规范》是有必要的。

1. 开发一个迷你的WEB应用或者嵌入式的Agent，通过HTTP协议采集数据或者接收指令。类似这样的场景，觉得SpringMVC就太重了。

2. 想了解一下SpringMVC的运行机制，特别是初始化流程。

3. 需要在WEB容器层面对容器的生命周期做监控，对请求的进行日志和鉴权等等

《Servlet3.1规范》网上资料很多，百度一下就能找到。