系统平台框架选型及可用性分析

系统平台框架选型及可用性分析PPT模板：素材：背景：图表：下载：教程：资料下载：范文下载：试卷下载：教案下载：论坛：课件：语文课件：数学课件：英语课件：美术课件：科学课件：物理课件：化学课件：生物课件：地理课件：历史课件：开发代码管理数据分析其他前端(UI+JS)、后台框架(MVC+分布式开发)、数据库、分布式缓存项目构建、项目管理、版本控制BI工具、图表工具、大屏数据可视化GIS、消息队列、数据对接等四大维度分析WEB开发UI框架：bootstrap、*antdesignJS框架：angularJS、vue、*react前端框架*springboot+springcloud(微服务)、SSH/SSM(传统MVC)后端框架*mysql、Postgresql、oracle数据库*redis、memcache分布式缓存前端框架（UI框架）Bootstrap什么是Bootstrap？2011年，Twitter工程师为了提高内部的分析和管理能力，为他们的产品构建了一套易用、优雅、简洁、可定制的HTML、CSS、JS框架，用于开发响应式布局、移动设备优先的开源WEB项目。案例：ProjectJupyter前端框架（UI框架）BootstrapBootstrap有什么优势？易于使用只要掌握基础的HTML和CSS知识，即可开始使用响应式布局响应式CSS调整自适应手机，平板和桌面手持设备优先在bootstrap3中，手持设备优先是核心框架的一部分浏览器兼容性兼容所有现代浏览器Chrome，firefox、ie、safari可定制允许通过自定义组件、Less变量和jQuery插件，定制版本Bootstrap提供了什么？全局CSS样式只要掌握基础的HTML和CSS知识，即可开始使用组件响应式CSS调整自适应手机，平板和桌面JS插件在bootstrap3中，手持设备优先是核心框架的一部分前端框架（UI框架）Bootstrap平板/桌面效果移动端效果前端框架（UI框架）Bootstrap--全局CSS样式栅格系统页面排版前端框架（UI框架）Bootstrap--全局CSS样式表格表单前端框架（UI框架）Bootstrap--组件前端框架（UI框架）Bootstrap--JS组件模态框下拉菜单标签页提示/弹出框前端框架（UI框架）Bootstrap--JS组件警告框手风琴轮播效果前端框架（UI框架）AntDesignAntDesign是什么？蚂蚁金服经过大量的项目实践和总结，打磨出的一个服务于企业级产品的设计体系。基于『确定』和『自然』的设计价值观，通过模块化的解决方案，降低冗余的生产成本，让设计者专注于更好的用户体验。前端框架（UI框架）AntDesign为什么要选择AntDesign？提炼企业级中后台产品的交互语言和视觉风格展示效果更符合现代没关开箱即用的高质量React组件基于React组件库，新型设计规范全链路开发和设计工具体系开发及相关调试工具众多，众多大型企业的首选浏览器兼容性兼容所有现代浏览器Chrome，firefox、ie（9+）、safari更多的集成配合AntV(图表工具)，带来一体化的视觉体验可定制基于less开发语言，允许根据需求调整定制样式AntDesign知识体系React(JSX)、ES6、AntTool、AntV*AntDesign的学习成本较高，对于新手入门要有一定的学习期。前端框架（UI框架）AntDesign通用按钮通用ICON前端框架（UI框架）AntDesign栅格系统导航前端框架（UI框架）AntDesign表单前端框架（UI框架）AntDesign数据展示前端框架（UI框架）AntDesign操作反馈前端框架（JS框架）AngularJS什么是AngularJS?AngularJS是由JavaScript编写的库，以JS文件形式发布。AngularJS有着诸多特性，其中最为核心的是：MV*、模块化、自动化双向数据绑定、语义化标签、依赖注入。前端框架（JS框架）AngularJSAngularJS优点有哪些?提供非常干净和维护的方式创建页面应用ng-app即可创造页面应用双向的数据绑定最实用的特性，避免书写大量的DOM操作提供模版模版帮助你映射model到viewMVC特性Model简易对象，Controller定义行为，View处理布局与互动服务于依赖注入帮助开发人员开发、理解及测试应用AngularJS缺陷数据绑定双刃剑组件增加、项目复杂度提高时，有一定的性能问题后续更新问题2.0版本将1.*推翻重做，无法保证其长久的稳定性学习成本较高需要学习大量的概念前端框架（JS框架）Vue什么是Vue?Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。Vue同样提供数据绑定前端框架（JS框架）Vue优点有哪些？容易使用如果你再用其他框架，可以快速整合代码双向的数据绑定同AngularJS，避免书写大量的DOM操作虚拟DOM主要特性之一，提升性能学习曲线低即便是初学者，也能快速学习和理解VueVue缺陷生态系统不完善与React、AngularJS相比，生态系统较小编辑器较弱插件数量和质量相比于React较差Vue前端框架（JS框架）React什么是React？React是fackbook开发用于构建用户界面的JavaScript库。在构建大型复杂的页面时，传统的MVC框架无法满足需求时，React即为开发人员的首选。前端框架（JS框架）ReactReact优点有哪些？componet代码组件化，重用代码更简单，可维护性高JSXJS的拓展语法，代码更简单，开发更快速虚拟DOM高效的DOMDIFF算法，更好的性能社区活跃大量的其他产物Reactnative（解决桌面和移动端开发）为什么选用React？生态系统健全如reactredux、reactnative等能应付复杂页面开发蚂蚁、支付宝等大型公司的首选注意：React是用于构建布局的JS库，没有具体的UI，通常需要配合其他UI框架，如antdesign、bootstrap等。另外antdesign这套框架学习路线陡峭，可能还需要了解的包括JSX、ES6、npm、webpack、babel、antTools、nodeJS后台框架SSM(spring+springMVC+mybatis)springmybatisspringMVCSSM框架SpringFramework是一个开源的JAVA/JAVAEE全功能栈的应用程序框架，提供了一个简易的开发方式。Spring提供了构建WEB应用程序的全功能MVC模块。在进行WEB开发时，可以选用SpringMVC。Mybatis是一个Java持久层框架，通过XML描述符或注解把对象与存储过程或SQL语句关联起来。Mybatis是Apache许可证2.0下分发的软件，是ibatis3.0的分支版本。后台框架SSM框架特征01SpringMVC1.通过策略接口，Spring框架是高度可配置的，并且包含多种视图技术。SpringMVC分离了控制器、模型对象、过滤器以及处理程序对象的角色。2.易于同其他View框架（Tiles等）无缝集成，采用IOC便于测试。02Spring1.轻量—从大小与开销方面而言Springd都是轻量的。Spring非侵入式，应用中的对象不依赖Spring特定类。2.控制反转—Spring通过一种称作控制反转的技术促进了低耦合。在初始化时就主动将依赖传递给对象。3.面向切面—提供了面向切面编程的丰富支持，通过分离应用的业务逻辑与系统级服务进行内聚性的开发。4.容器—Spring包含并管理应用对象的配置与生命周期，在这个意义上它是一个容器。03Mybatis1.易于掌握与上手。2.sql写在xml里，便于统一管理与优化。3.解除sql与程序代码的耦合。4.提供xml标签,支持编写动态sql。后台框架SSM框架原理代码管理svn、git(github/gitlab)版本控制禅道：一体化的集成管理工具项目管理maven、gradle项目构建数据分析QuickBI、spotviewBI软件DataV(阿里)、RayData(腾讯)大屏数据可视化echart3、AntV(G2/G6/F2)网页图标插件其他ArcGIS、MapBox、其他SDK开发GISkafka、rabbitMQ消息队列webservice数据对接etcTHANKS