基于AngularJS的企业应⽤前端架构

# 《基于AngularJS的企业应用前端架构》总结 ## 1. 企业应用前端的特点 - **独占模式**：界面规整，模式单一。 - **重业务，轻视觉**：逻辑复杂，注重功能。 - **键盘操作为主**：与鼠标操作为主的应用不同。 - **加载速度侧重不同**：偏向稳定和响应速度。 - **浏览器版本要求宽松**：兼容性和版本管理较为灵活。 ## 2. 传统B/S企业应用前端 - **常用技术**：HTC、JSF、GWT、ExtJS、Flex等。 - **特点**：服务端生成界面或脱离HTML体系，业务逻辑多放在后端。 - **局限性**：不够灵活，难以前后端分离。 ## 3. 企业应用开发的特点 - **二次开发平台需求**：因人力与定制化需求的矛盾。 - **自建平台原因**：行业特点多样。 - **开发建议**：维护业务模型，松耦合界面与逻辑。 ## 4. 移动端开发 - **开发策略**：无需完全重复，利用现有服务和前端逻辑。 - **AngularJS特性**：适合移动端开发，ngTouch模块。 - **更佳选择**：Ionic框架提供更完善的移动端解决方案。 ## 5. 前端工程化 - **问题带来的挑战**：代码修改的影响范围不明确，发布复杂。 - **解决方案**：模块化、依赖管理、自动化构建、版本控制等工程化方法。 - **优势**：提高开发效率和系统质量。 ## 6. 单页应用与传统企业应用对比 - **传统应用**：通过iframe加载菜单，每个菜单独立运行，可能重复加载公共库。 - **单页应用**：动态加载功能模块，共享一个作用域，提高效率和用户体验。 ## 7. 分层的重要性 - **优势**：便于协作，保证数据一致性，复用业务逻辑，单独测试每层。 - **传统MVC框架弱点**：视图层生成和渲染复杂，不利于 UI 人员协作，自定义标签限制。 ## 8. 声明式代码与自定义标签 - **声明式代码优势**：简洁明显，便于维护。 - **HTML标签的局限性**：标签集贫乏，扩展性有限。 - **自定义标签技术**：Polymer和AngularJS提供浏览器端自定义标签机制。 ## 9. 业务逻辑层 - **特点**：与界面元素无关，较为稳定。 - **测试优势**：可以用单元测试覆盖，NodeJS环境支持测试。 ## 10. 总结 - **企业应用特点**：独占模式、重业务、逻辑复杂。 - **传统技术局限**：服务端生成界面，业务逻辑多在后端。 - **分层优势**：促进协作、一致性、复用、测试。 - **自定义标签技术**：Polymer和AngularJS提供现代解决方案。 - **业务逻辑层独立性**：增强系统稳定性，支持前端测试。