web应用开发的主流技术有哪些

admin3年前软件教程40

准备开始学习开发Web应用,包括前端和后端的整体开发. 在学习过程中,将过程步骤和遇到的问题在此记录下来,与大家分享。 将要学习和使用到的技术如下。

前端: Bootstrap, JQuery, angularJS, Echarts, highcharts

后端: Spring-MVC, Rest接口, Thrift接口

其他: Maven,MQ队列

(1) Echarts :

ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的 Canvas 类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。

ECharts 3 中更是加入了更多丰富的交互功能以及更多的可视化效果,并且对移动端做了深度的优化。

(2) Bootstrap :

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。你的网站和应用能在 Bootstrap 的帮助下通过同一份代码快速、有效适配手机、平板、PC 设备,这一切都是 CSS 媒体查询(Media Query)的功劳。

虽然可以直接使用 Bootstrap 提供的 CSS 样式表,不要忘记 Bootstrap 的源码是基于最流行的 CSS 预处理脚本 - Less 和 Sass 开发的。你可以采用预编译的 CSS 文件快速开发,也可以从源码定制自己需要的样式

Bootstrap 提供了全面、美观的文档。你能在这里找到关于 HTML 元素、HTML 和 CSS 组件、jQuery 插件方面的所有详细文档。

Bootstrap 是完全开源的。它的代码托管、开发、维护都依赖 GitHub 平台

(3) JQuery :

Query 是一个高效、精简并且功能丰富的 JavaScript 工具库,极大地简化了 JavaScript 编程。它提供的 API 易于使用且兼容众多浏览器,这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。

(4) angularJs:

AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了。所以我做了一些工作(你也可以觉得是小花招)来让浏览器做我想要的事。

通常,我们是通过以下技术来解决静态网页技术在构建动态应用上的不足:

类库 - 类库是一些函数的集合,它能帮助你写WEB应用。起主导作用的是你的代码,由你来决定何时使用类库。

框架 - 框架是一种特殊的、已经实现了的WEB应用,你只需要对它填充具体的业务逻辑。这里框架是起主导作用的,由它来根据具体的应用逻辑来调用你的代码。框架有:knockout、sproutcore等。

AngularJS使用了不同的方法,它尝试去补足HTML本身在构建应用方面的缺陷。AngularJS通过使用我们称为标识符(directives)的结构,让浏览器能够识别新的语法。例如:

使用双大括号{{}}语法进行数据绑定;

使用DOM控制结构来实现迭代或者隐藏DOM片段;

支持表单和表单的验证;

能将逻辑代码关联到相关的DOM元素上;

能将HTML分组成可重用的组件。

AngularJS通过为开发者呈现一个更高层次的抽象来简化应用的开发。如同其他的抽象技术一样,这也会损失一部分灵活性。换句话说,并不是所有的应用都适合用AngularJS来做。AngularJS主要考虑的是构建CRUD应用。幸运的是,至少90%的WEB应用都是CRUD应用。但是要了解什么适合用AngularJS构建,就得了解什么不适合用AngularJS构建。

如游戏,图形界面编辑器,这种DOM操作很频繁也很复杂的应用,和CRUD应用就有很大的不同,它们不适合用AngularJS来构建。像这种情况用一些更轻量、简单的技术如jQuery可能会更好。

(5) spring-mvc:

springMVC是一个基于DispatcherServlet的MVC框架,每一个请求最先访问的都是DispatcherServlet,DispatcherServlet负责转发每一个Request请求给相应的Handler,Handler处理以后再返回相应的视图(View)和模型(Model),返回的视图和模型都可以不指定,即可以只返回Model或只返回View或都不返回。

DispatcherServlet是继承自HttpServlet的,既然SpringMVC是基于DispatcherServlet的,那么我们先来配置一下DispatcherServlet,好让它能够管理我们希望它管理的内容。HttpServlet是在web.xml文件中声明的。

模型-视图-控制器(MVC)是一个众所周知的以设计界面应用程序为基础的设计模式。它主要通过分离模型、视图及控制器在应用程序中的角色将业务逻辑从界面中解耦。通常,模型负责封装应用程序数据在视图层展示。视图仅仅只是展示这些数据,不包含任何业务逻辑。控制器负责接收来自用户的请求,并调用后台服务(manager或者dao)来处理业务逻辑。处理后,后台业务层可能会返回了一些数据在视图层展示。控制器收集这些数据及准备模型在视图层展示。MVC模式的核心思想是将业务逻辑从界面中分离出来,允许它们单独改变而不会相互影响。

(6) Apache maven

Maven 是一个项目管理和构建自动化工具。

通过它便捷的管理项目的生命周期,即项目的jar包依赖,开发,测试,发布打包. 使用maven不需要上网单独下载jar包,只需要在配置文件pom.xml中配置jar包的依赖关系,就可以自动的下载jar包到我们的项目中。这样,别人开发或者使用这个工程时,不需要来回的拷贝jar包,只需要复制这个pom.xml就可以自动的下载这些jar包。Maven通过特定的标识来定义项目名称,这样既可以唯一的匹配其他的jar包。

现在移动时代发展越来越快,所以很多人都想要开发好w应用开发,因此大家需要熟练掌握上面的这六大技术,这是开发好wap应用的基础和保障。

免责声明:本文内容来自用户上传并发布,站点仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。请核实广告和内容真实性,谨慎使用。

相关文章

钉钉的ding功能是什么

钉钉的DING是一种特殊的消息提醒方式,DING消息分为DING、任务、日程、会议四种。钉钉(DingTalk)是中国领先的智能移动办公平台,由阿里巴巴集团开发,于2015年1月份正式上线。该平台免费...

腾讯会议手机版怎么下载

以OPPO手机为例,腾讯会议手机版下载的方法如下:1、打开软件商店。 2、搜索腾讯会议。 3、点击安装即可。 腾讯会议是腾讯云旗下的一款音视频会议产品,于2019年12月底上线。具有300人在线会议、...

火绒安全服务异常,无法保障计算机安全

火绒安全服务异常,无法保障计算机安全是火绒APP自身的原因,建议反馈至官方客服,下载官网最新版本安装包覆盖安装,然后重启电脑即可解决。火绒是一款杀防一体的安全软件。全新的界面,丰富的功能,完美的体验。...

拼多多我的好友在哪

以拼多多5.29.0版本为例,查看拼多多好友列表的步骤是:1、首先,打开手机桌面“拼多多”应用进入。2、接着在首页找到并进入“拼小圈”进入。3、然后选择右上方的图标。4、在“我的好友”列表下可以看到全...

全民k歌歌房人声对不齐

全民k歌歌房人声对不齐的原因是全民K歌的系统bug导致的,建议卸载以后重新安装,或者可以在结束后进行手动对齐。《全民k歌》是一款由腾讯公司出品的k歌软件 ,具有智能打分、专业混音、好友擂台、趣味互动以...

云班课可以两个手机同时登录吗

两个手机的话,是不可以同时登录云课堂职教云的,只能一个手机登录一个云班课账号。云班课app是一款非常好用的网上教学软件,软件中有着强大的师资力量,用户能够在线与他们交流。软件拥有网上授课功能,老师可以...