目前在做的一个web应用程序的前端选型

最近进入了一个新的项目组,要新起一个项目。这个Web项目是一个企业内部使用的系统,主要用来记录、追踪、管理潜在客户的数据。该系统有以下特点:

  1. 需要支持IE10及以上版本;
  2. 后端采用micro service架构,全部是REST API;
  3. 需要与现有的CRM系统(客户管理管理系统)集成,主要采用iframe嵌入页面的方式;
  4. 系统开发周期为5个月左右,分为三个大的里程碑。

经过多方考虑,最终选择AngularJS作为前端主要框架。 理由:

  1. 该系统为WEB应用程序,符合single page application的特点;
  2. 由于后端采用REST API,所以前端使用AngularJS可以与其无缝对接;
  3. 前端页面交互逻辑不复杂,呈现的数据量不会很大,所以不会遇到AngularJS性能问题;
  4. 该技术栈与当前公司的技术策略相契合。

当然除了AngularJS框架以外,还需要其它一系列框架来完成整个前端开发、测试、部署的流程。

  • yeoman: 前端项目脚手架工具;

  • NPM: 作为本地开发过程中使用到的Node.js的管理;

  • Bower:作为前端项目使用到的依赖开的管理工具;之所以选择NPM作为开发包的管理,是因为NPM的整个依赖链是嵌套的,这样每个开发包之间不会相互影响;而Bower在管理包时依赖链是平行的,这样前端加载时无需重复加载被多次引用的依赖,保证了前端数据最小化。

  • Grunt:作为整个项目的自动化构建管理工具;

  • Karma:作为单元测试及集成测试运行工具;

  • Jasmine:单元测试及BDD框架;

  • Protractor: 驱动浏览器的框架,配合Jasmine用于端到端测试。

posted @   黄博文  阅读(2967)  评论(10编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· [AI/GPT/综述] AI Agent的设计模式综述
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
点击右上角即可分享
微信分享提示