1. Angular2 由 Google 主导，而 Vue 由个人主导。 并不是说能力方面，但考虑到个人的经费和精力等多方面原因，团队项目要比个人项目在多方面因素上更为靠谱。2. Angular2 旨在提供通用的【前】端方案，而 Vue 仅专注于 Web。作为框架而言 Angular2 在实现上具有更高的抽象层次，不仅可以开发 Web 应用（面向 DOM），还可以开发客户端应用（面向 Native UI），比如搭配 NativeScript。3. Angular2 有原生的 Isomorphic 解决方案，而 Vue 只能靠第三方库或服务。 服务器端渲染可以提供良好的 SEO 以及首页加载的性能优化，而 Angular2 有官方提供的服务器端渲染支持，可以解决 Vue 等纯前端框架无法解决的痛点。
Angular2相对于Vue的优势在Vue2.0之后已经削弱很多了。比如SSR（Vue2已经原生支持）和全栈式框架（官方推荐Vuex+Vue-Router），native端也有阿里巴巴的weex。 但是Angular2在API设计的完整度和覆盖度上还是Vue所不能及的，主要有这么几点1. Angular2原生Form支持： Angular2原生的Form模块功能相当强大。除了双向绑定之类的基本功能，还能通过programatic API 控制dom元素的表单行为。也有成型API提供自定义validator。这一点Vue只有v-model和第三方库。对于后台之类的重表单应用，还是Ng2有优势。
vue是angular的一个精简版类似的存在，angular2还有很多功能vue没实现的。另外angular2的背后支持也比vue强大，生态环境也比vue健全。
1.Angular2由Google主导，而Vue由个人主导。并不是说能力方面，但考虑到个人的经费和精力等多方面原因，团队项目要比个人项目在多方面因素上更为靠谱。2.Angular2旨在提供通用的【前】端方案，

前端页面都写出来了，直接开发一APP，放进去，更省事，更简单。
这个需要找软件开发相关方面的专业人员做个咨询，建议你可以在贴吧里面然后去去做个询问或者发个帖子。
这个和你的html代码没有关系。写法都是链接的写法。在浏览器直接打开是因为客户端安装了pdf阅读器支持浏览器中直接浏览。你还是在补充个提示请右键另存为吧。
vue-form-making 是gitbub上一款stars 2.2k的开源表单设计器，使用拖拽的方式直接生成HTML文件，可以绑定后端API，不用写前端代码就能和后端完成数据交互。
这需要专门儿的封装机构来进行封装，对咨询专业的人员。

用的最溜的一款报表开发工具就是FineReport，FineReport是纯java报表开发工具，零代码概念，开发也简单，基本功能如下（官网上找到的说明，居然完全符合楼主的要求，连功能说明都一样，我也是醉了）： FineReport是基于J2EE和WEB纯Java编写的综合报表解决方案，特有的EXCEL+绑定数据列的报表设计方式，支持多源分片，行列对称，能够轻松处理复杂的报表展现样式，全面支持主流的B/S架构以及传统的C/S架构，部署方式简单而灵活，完美解决中国式报表难题。FineReport支持跨数据库数据表取数，用户可以简单应用多业务系统数据，集中数据于一张报表，让更多数据应用于经营分析和业务管控中。通过FineReport数据决策系统，用户可以搭建报表平台和报表中心，实现报表的统一访问和管理，实现财务、销售、客户、库存等各种业务主题分析、数据填报等。部分功能点如下：1、简单高效的报表设计器2、强大的数据展示(报表)功能3、零客户端填报的表单4、多级数据上报5、基于浏览器的零客户报表打印6、异构数据源的表关联7、高性能报表服务器8、形象美观的web图表展现9、24小时报表表单调度10、即席报表11、参数传递和报表管理12、权限控制和安全管理13、报表展示平台(BS报表平台)14、部署和二次开发 15、决策平台-数据决策系统
性价比极高的润乾报表关注下。
一款优秀的Web报表工具——ActiveReportsJS能做到这些：提供跨平台报表设计器全面支持 Node.js、Angular、React、Vue 等前端开发框架内嵌表格、矩表、图表、目录等多种报表组件，可快速创建中国式报表、Word类报表、DashBoard、交互式报表等。提供多数据源整合支持纯前端打印/导出格式提供200余张优质报表模板免费使用ActiveReportsJS 是一款基于 JavaScript 和 HTML5 的轻量级Web报表工具，采用拖拽式设计模式，不需任何服务器和组件支持，即可在 Mac、Linux 和 Windows 操作系统中，设计多种类型的报表。ActiveReportsJS 同时提供跨平台报表设计、纯前端报表展示、多数据源绑定、前端打印导出等功能，灵活丰富的 API 可为您带来无与伦比的报表开发体验。ActiveReportsJS 作为 .NET报表控件 ActiveReports 在 Web 平台的扩展，不但继承了其强大的报表设计能力和高效的报表开发引擎，还提供了全新的跨平台报表设计器和纯前端报表查看器，全面支持 Node.js、Angular、React、Vue 等前端开发框架。

弹出型的组件，无论是 Dialog、Notification、Toast 还是其它的，都有一些共通的问题需要解决： 1. 多个弹层同时出现时，z-index 的顺序2. 多个弹层同时出现时，共享遮罩层3. 是否可以自我管理，典型的，定时或者点击遮罩层关闭弹层。4. 有些弹层需要保留状态，比如你编辑某篇文章，不小心点叉了，再打开还在；而有些需要每次打开都是新的，比如后台中创建某个条目的弹出式表单，你创建过一个条目，下一次再开这个弹层，不应该保留上一个条目的信息5. 组件放在哪，是否单例，这个和第4点放一起说6. 如何支持快捷方式，比如喜闻乐见的挂在一个全局方法上，用时创建一个，关闭后销毁7. 模态，阻止滚动这些都是之前自己写组件库时遇到的问题，分享一点自己的实践~1. z-index 的管理通过设置 position 为 fixed 或 absolute 的方式制作弹层，多个弹层同时打开时，默认是以 dom 树中的位置来确定遮照次序的。当然，我们可以手动设置 z-index，但这麻烦不说，还容易出错。我的做法是设置一个弹层基类组件，比如叫 Popup，更上层的 Dialog、Toast 之类都是基于它开发的。这个 Popup 组件保持一个单例计数器，比如这样这样一来所有基于 Popup 的组件的 z-index 都是自动计算的，后打开的总是在前面。2. 共享遮罩层如果所有对话框实例都有自己的半透明遮照，同时打开后层层叠加会很难看（不过，也许有的设计师就喜欢这种效果？）。为了解决这个问题，可以在 Popup 上设置一个单例遮照层。也就是说，若两个以上 Dialog 打开时，Popup 判断已经有一个遮罩层了，那么自动将后面 Dialog 的透明度设为 0。这里需要注意的是，并不是所有基于 Popup 的弹层式组件都有相同的透明度（比如有的是0.4，有的是 0.8），这里应该设置一个单例变量 maxOpacity，记录并设置为最深的遮照。3. 外部触发与自我触发的折中拿最常见的需求来说，Dialog 需要能够点击遮罩层关闭。Vue 1.0 中通过 sync 修饰符很容易做到内外部共享状态，但 2.0 中已经取消了 sync，可能是为了更清晰的状态变化管理，但我觉得 sync 在一些特殊场合确实很有用。那么现在，一个典型的做法是完全交由外部来控制 Dialog 的开关，比如父组件通过 prop 设置一个布尔值 open，Dialog 发觉遮照被点击时，可以向上抛出个 click-mask 事件，由父组件来决定是否可以关闭。其实通过 v-model 也可以实现类似 sync 的功效，我不确定语义上是否一定准确，点击遮照关闭对话框也算是用户输入，触发一个 input 事件是合理的，但类似 Toast 2 秒后关闭，这可能说不通。但是共享状态后，内外部都可以控制，实在是很方便，这个可以权衡？4. 弹层每次打开，是否应该重绘。我的做法是暴露一个 prop 布尔值 auto-reset 让使用者决定。如果需要每次都重回，就将 open 绑在 v-if 上，否则绑在 v-show 上：5. 组件放在哪，是否单例这个根据弹层的功能需求决定。比如后台运营系统里，点击条目列表弹出个条目编辑框，这种天然高内聚的需求，可以与条目列表放在一个条目管理者组件中。而像 AlertDialog、ConfirmDialog 之类则适合放在全局位置。单例也是看需求，像模态化的 AlertDialog 就一个出口，你肯定得先关闭一个再打开另一个，只需单例。其他需要同时存在的弹层类型，就要考虑多个了。这也是我不喜欢用声明式的写法去调用弹层的原因，看第6点。6. 挂一个快捷方法，用时创建一个弹层，用完销毁。很多弹层需要几个同时存在是不确定的（ Notification、Toast 等 ），而且对于通用型的弹层，会在很多疙瘩角落里调用…… 我觉得虽然快捷方法违反 Vue 状态化管理组件的特性，但特殊需求还是应该特殊对待。所以我会设置一个全局 alert 方法（ CoffeeScript ）：Constructor = require './AlertDialog.vue'VueComponent = Vue.extend Constructoralert = (message, onOK) ->vm = new VueComponent().$mount()vm.message = messagevm.$on 'ok', onOK if onOKvm.$on 'ok', ->vm.open = falsedocument.body.removeChild(vm.$el)setTimeout (-> vm.$destroy()), 0document.body.appendChild(vm.$el)vm.open = true记得销毁实例前要设置 open = false，因为要通知那个全局 z-index 计数器去递减 7. 模态，阻止滚动

vue框架算是最近前端开发很好的工具。可以突破以前所没有实时更新页面。很有发展前景，很多大公司现在正在使用。 Vue框架诞生于2014年，其作者为中国人——尤雨溪，也是新人最容易入手的框架之一，不同于React和Angular,其中文文档也便于大家阅读和学习。Vue用于构建交互式的Web界面的库，是一个构建数据驱动的Web界面渐进式框架，该框架遵循CMD规范，并且提供的设计模式为MVVM模式（Model->View->View-Model）和一个可组合的组合型组件系统，具有简单的、灵活的API(接口)。该框架继承了React的虚拟DOM技术和Angular的双向数据绑定技术，是一款较新的功能性框架。在这里介绍下什么是虚拟DOM和双向数据绑定：1、虚拟DOM（Virtual DOM），顾名思义，从字面上理解就是虚构的DOM树，当我们用传统的原生API或者jQuery去操作DOM时，浏览器会从构建DOM树开始从头到尾执行一遍流程。即使计算机硬件一直在更新迭代，但是操作真实DOM的代价仍旧很昂贵，真实的DOM节点，哪怕是一个最简单的div也包含很多属性，所以频繁的操作，会导致页面卡顿，影响用户的体验。为了解决这个浏览器性能问题，虚拟DOM（Virtual DOM）就被设计出来了，其核心算法是Diff算法。它会将一次操作过程中对真实DOM所有更新的diff内容保存到本地的一个js对象中，最终将这个js对象一次性attach到DOM树上，通知浏览器去执行绘制工作，避免了大量的无谓的计算量。用js对象模拟DOM节点的好处是：页面的更新可以先全部反应在js对象上，操作内存中的js对象的速度明显要快的多。等更新完成后，在将最终的js对象映射成真实的DOM，交由浏览器去绘制。（提高了性能，并且运行速度快）2、双向数据绑定，在讲双向数据绑定前，我们要想说下单向数据绑定，单向数据绑定，就是把Model绑定到View上，当我们用JavaScript代码更新Model时，View就会自动更新了（Model-->View）。那么双向数据绑定就是，用户更新了View，Model的数据也会自动被更新（Model<-->View）。什么情况下用户可以更新View呢？举个最直接的例子，填写表单，当用户填写表单时，View的状态就被更新了，如果此时MVVM框架可以自动更新Model的状态，那么就相当于我们把Model和View做了双向数据绑定。其原理是我们要对input进行value 的属性绑定（v-bind：value=”...”）将Model中的变量绑定到View上（Model->View）以及当用户对input进行操作时，进行事件监听（v-on：input=”...”）将View上的更新传回Model中（View->Model）从而实现双向数据绑定，在Vue中，以上操作过于繁琐，便提供了v-model直接实现双向数据绑定的效果。 在进行Vue项目开发过程中，我们可以通过script标签引入式写法来引入vue或者是nodejs自带的包管理工具npm安装vue。并且通过new Vue（）进行新建一个Vue的实例对象，其下有很多属性，包括el、data、methods、computed、watch等等，el为指向页面的节点元素，data存储数据，数据类型包括simple datatype（简单数据类型）以及complex datatype（复杂数据类型），用插值表达式{{}}显示，在插值显示的时候，不需要写上data，methods内存储方法，通过fn（）的形式调用方法，computed内存储也是方法，但是其为计算数据，复杂逻辑的应该存储在computed中，计算属性是基于它们的依赖进行缓存的，由于computed带有一层缓存，所以只有在它的相关依赖发生改变时才会重新运行，而methods则是调用一次生成一次，computed中的方法调用时不需要加（）的，watch为监听，监控，监听data中的属性值也可以监控对象，存在两个参数（currentValue当前值和prevValue之前值）。
Vue是一个前端的框架,目前市场三大前端主流框架分别是Angular、React和Vue。Vue之所以被开发者青睐，主要是Vue乘承了Angular和React框架两者的优势，并且Vue的代码简洁、上手容易，在市场上也得到大量应用，下面我就对Vue的特性进行简单介绍。 1、轻量级Angular的学习成本高，使用起来比较复杂，而Vue相对简单、直接，所以Vue使用起来更加友好。2、数据绑定Vue是一个MVVM框架，数据双向绑定，当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化，这也算是Vue的精髓之处。尤其是在进行表单处理时，Vue的双向数据绑定非常方便。3.指令指令主要包括内置指令和自定义指令，以“v-”开头，作用于HTML元素。指令提供了一些特殊的特性， 将指令绑定在元素上时，指令会给绑定的元素添加一些特殊的行为。 例如，v-bind动态绑定指令、v-if 条件渲染指令、v- for列表渲染指令等。4、插件用于对Vue框架功能进行扩展，通过MyPlugin.install完成插件的编写，简单配置后就可以全局使用。常用的扩展插件有vue-router、Vuex 等。Vue很多特性与Angular和React有着相同的地方，但是也有着性能方面的差别。5、Vue使用基于依赖追踪的观察系统并且使用异步队列更新，所有的数据都是独立触发的，提高了数据处理能力。React和Vue的中心思想是一切都是组件，组件之间可以实现嵌套。React 采用了特殊的JSX语法，Vue中也推崇编写以*.vue后缀命名的文件格式，对文件内容都有一些规定， 两者需要编译后使用。 值得一提的是，React依赖虚拟DOM，而Vue使用的是DOM模板。Vue 在模板中提供了指令、过滤器等，可以非常方便和快捷地操作DOM。推荐将Vue 使用到具有复杂交互逻辑的前端应用中，以确保用户的体验效果。
为什么要学习Vue？ 说起Vue,不得不让我们想起Angular和React,他们都是业界非常优秀的前端框架。可以说，这三款框架基本处于三分天下的一个局面，仅从GitHub趋势来看，Vue更是排在了第一位，至少有13万的Star,它基于HTML的模板语法，响应式的更新机制，可以让我们更快的更高效的开发项目，渐进式的开发理念和繁荣的生态圈为我们提供了大量的最佳实践，无论你是开发简单的活动页，还是复杂逻辑的中后台系统，Vue都可以轻松应对，目前不管是BAT大厂（BAT是指：中国互联网公司三巨头）还是在创业公司，Vue都有广泛的应用，相关技术原理也成为了我们面试中必考知识点。对于任何一个前端工程师来说，它都是一门非常值得我们学习的前端框架。BAT，B指百度、A指阿里巴巴、T指腾讯，是中国互联网公司百度公司（Baidu）、阿里巴巴集团（Alibaba）、腾讯公司（Tencent）三大互联网公司首字母的缩写。百度总部在北京、阿里巴巴总部在浙江省杭州市、腾讯总部在广东省深圳市。02 - 什么是 Vue ？Vue的历史背景，就像它本身一样的简单，纯粹。刚开始它只是一个人的兴趣项目，也就是我们熟悉的尤雨溪大神。在这里插入图片描述在2013年的时候，是他的一个实验性项目，那个时候，React也只是刚刚发布，Angular也只是Angular1，不可否认的是，Vue有很多的一个功能点，它的灵感都是来自于Angular和React.其实他们要解决的一个问题都是一个数据驱动的问题，避免我们去手动的操作Dom的问题。Vue发布之后呢，收到了一个众多的好评，但是也饱受了很多的非议。作为一个个人的项目，能够发展到现在的一个规模，实属不易。好在Vue足够优秀，经受住了我们的考验，现在也已经发展到成熟的阶段，现在Vue的生态圈已经足够的完善。03 - Vue的特点：在这里插入图片描述相比于React压缩后大概是35kb；Angular压缩后大概是60Kb左右；而Vue压缩后大概是20kb ，所以说更加轻量。而且是一个渐进式的框架：意思就是你不需要学习完Vue的全部知识，做项目的时候，你可以用到什么就学习什么。响应式更新机制，就是说当我们的数据更新之后，视图会自动的刷新。我们不需要像React那样comentupdata 去进行一个性能优化，我们的这个响应式更新机制它已经在底层去帮我们去处理这些事情。 我们学习Vue的成本低，因为它的一个模板语法是基于HTML的，如果说你有HTML的一个基础，可以很快的去上手Vue的框架。
说起Vue,不得不让我们想起Angular和React,他们都是业界非常优秀的前端框架。 可以说，这三款框架基本处于三分天下的一个局面，仅从GitHub趋势来看，Vue更是排在了第一位，至少有13万的Star,它基于HTML的模板语法，响应式的更新机制，可以让我们更快的更高效的开发项目，渐进式的开发理念和繁荣的生态圈为我们提供了大量的最佳实践，无论你是开发简单的活动页，还是复杂逻辑的中后台系统，Vue都可以轻松应对，目前不管是BAT大厂（BAT是指：中国互联网公司三巨头）还是在创业公司，Vue都有广泛的应用，相关技术原理也成为了我们面试中必考知识点。对于任何一个前端工程师来说，它都是一门非常值得我们学习的前端框架。BAT，B指百度、A指阿里巴巴、T指腾讯，是中国互联网公司百度公司（Baidu）、阿里巴巴集团（Alibaba）、腾讯公司（Tencent）三大互联网公司首字母的缩写。百度总部在北京、阿里巴巴总部在浙江省杭州市、腾讯总部在广东省深圳市。02 - 什么是 Vue ？Vue的历史背景，就像它本身一样的简单，纯粹。刚开始它只是一个人的兴趣项目，也就是我们熟悉的尤雨溪大神。在2013年的时候，是他的一个实验性项目，那个时候，React也只是刚刚发布，Angular也只是Angular1，不可否认的是，Vue有很多的一个功能点，它的灵感都是来自于Angular和React.其实他们要解决的一个问题都是一个数据驱动的问题，避免我们去手动的操作Dom的问题。Vue发布之后呢，收到了一个众多的好评，但是也饱受了很多的非议。作为一个个人的项目，能够发展到现在的一个规模，实属不易。好在Vue足够优秀，经受住了我们的考验，现在也已经发展到成熟的阶段，现在Vue的生态圈已经足够的完善。03 - Vue的特点：相比于React压缩后大概是35kb；Angular压缩后大概是60Kb左右；而Vue压缩后大概是20kb ，所以说更加轻量。而且是一个渐进式的框架：意思就是你不需要学习完Vue的全部知识，做项目的时候，你可以用到什么就学习什么。响应式更新机制，就是说当我们的数据更新之后，视图会自动的刷新。我们不需要像React那样comentupdata 去进行一个性能优化，我们的这个响应式更新机制它已经在底层去帮我们去处理这些事情。我们学习Vue的成本低，因为它的一个模板语法是基于HTML的，如果说你有HTML的一个基础，可以很快的去上手Vue的框架。 如果说，你现在还在犹豫要不要学习Vue，那么我可以肯定而且明确的告诉你，不管你是否使用Vue，只要你是从事前端的这个行业，它里面的很多知识点都是值得我们去学习的。 总之，你只要学习就是对了。
jQuery是最早的js框架，优点是简化DOM操作，缺点是DOM操作太频繁，影响前端性能。Anguler是Google收购的前端框架，其特点就是将后台的MVC模式搬到前台并增加了模块化开发的理念；缺点是版本迭代不合理，1代 -> 2代就是两个东西，目前最新应该是v12。React是Facebook出品，其特点是提出了虚拟DOM的概念用于减少真实DOM的操作，在内存中模拟DOM操作，有效的提升了前端渲染的效率；缺点是使用繁杂，需要额外学习一门 JSX 语言。vue是一个中国人开发的（尤雨溪），其特点是综合了 Anguler（模块化）和 React（虚拟DOM）的优点，是一款渐进式js框架（就是逐步实现新特性）；由于vue不具备通信能力，所以要额外使用一个通信框架与服务器交互。Axios是前端通信框架，与之类似的有jQuery提供的Ajax通信功能。