Groups:

9-up

Catalog

• Introduction
• Angular vs React vs Vue
  • Angular
  • React
  • Vue
  • A Comparison Angular vs. React vs. Vue
  • Which Framework to Choose
  • Summary
• SSH vs SSM
  • SSH
  • SSM
  • Comparison of SSH and SSM
  • Summary
• Reference

introduction

As is known to all, Vue. Js is a JavaScript framework (Front-end JavaScript Frameworks), and SSH is a framework of Java (back-end framework), so there is no comparable.

Of course, we can use Vue+SSH for web development.

So our group chose to compare Vue and Angular and React , SSH and SSM

Angular vs React vs Vue

Vue、Angular and React are the most popular JS framework

Angular

AngularJS is a JavaScript-based open-source front-end web framework mainly maintained by Google and by a community of individuals and corporations to address many of the challenges encountered in developing single-page applications. It aims to simplify both the development and the testing of such applications by providing a framework for client-side model–view–controller and model–view–viewmodel architectures, along with components commonly used in rich Internet applications.

React

React, developed by Facebook, was initially released in 2013. Facebook uses React extensively in their products (Facebook, Instagram, and WhatsApp). The current stable version is 16.X, released in November 2018 (with smaller incremental updates since then).

Vue

VueJS is an open source progressive JavaScript framework used to develop interactive web interfaces. It is one of the famous frameworks used to simplify web development. VueJS focusses on the view layer. It can be easily integrated into big projects for front-end development without any issues. The installation for VueJS is very easy to start with. Any developer can easily understand and build interactive web interfaces in a matter of time. VueJS is created by Evan You, an ex-employee from Google. The first version of VueJS was released in Feb 2014.

A Comparison Angular vs. React vs. Vue

Usage and popularity

A good measure of their popularity is the number of stars their GitHub repository has acquired React and Angular have always been popular, and the number of stars on Vue changed suddenly in mid-2016. Recently, Vue was one of the most popular frameworks along with React.

In terms of work use, the trend toward the end of 2018 is that roughly the same number of jobs require Angular or React, while Vue work is still only a fraction of that number (about 20%).The list is certainly not exhaustive, but it is a good reflection of the tech industry as a whole.If you're looking at the current job market, your best bet is to study Angular or X.However, given the popularity of Vue over the past three years, it may take a while for projects that use Vue to match the other two

Detailed comparison

Which Framework to Choose

1. Angular is the most mature framework, well supported by contributors, and a complete package.However, the learning curve is steep, and Angular's development concepts can be daunting to new developers.Angular is a good choice for companies with large teams and developers who already use TypeScript.
2. React is just old enough to have a lot of contributions from the community.It is widely recognized.The React job market is pretty good, and the future of the framework looks bright.React is a good option for developers who are just starting out with front-end JavaScript frameworks, startups, and developers who like flexibility.The ability to seamlessly integrate with other frameworks provides a huge advantage for those who want some flexibility in their code.
3. Vue is the latest product in the field and is not supported by big companies.However, over the past few years, it has done so well that it has become a strong competitor to Angular and React.This may be related to the fact that many Chinese giants such as alibaba and baidu have chosen Vue as their main front-end JavaScript framework.However, its future performance remains to be seen, and there are reasons for caution.If you prefer simplicity, but also flexibility, then Vue should be your choice.

Summary

The answer to the Angular vs React vs Vue debate is that there is no right choice, and each framework has its own strengths and weaknesses.Depending on the project you're working on and your personal needs, one will be more appropriate than the other.

SSH vs SSM

SSH and SSM are the popular MVC open source framework for enterprise-level development.

SSH

SSH is an integrated framework of Struts + Spring + Hibernate, and is a web application framework.

SSH integrated framework for the system from the responsibilities divided into four layers: express layer, data persistence layer and domain model layer, to help developers build a clear structure in the short term, good reusability, maintenance convenient web applications. The use of Struts as the system’s overall infrastructure, responsible for the MVC separation, in the Struts framework of the model, control business jump, provide support to the persistence layer using Hibernate framework, Spring to do management.

SSH usually uses Struts2 as the controller, spring as the transaction layer, and hibernate as the persistence layer.

SSM

SSM , which is the abbreviation of Spring + Spring MVC + MyBatis, relies on injection DI to manage the components of each layer, and USES aspect-oriented programming AOP to manage things, logs, permissions, etc.SpringMVC represents the Model View Controller, which receives external requests, distributes and processes them.Mybatis is a jdbc-based framework that is mainly used to operate databases and associate business entities with data tables. SSM is the mainstream Java EE enterprise framework after SSH, which is suitable for building various large enterprise application systems.

SSM usually uses springMVC as the controller, spring as the transaction layer, and MyBatis as the persistence layer .

Comparison of SSH and SSM

• overview

	SSH	SSM
View	JSP	JSP
Controller	struts2	SpringMVC
Service	Java	Java
DAO	Hibernate	MyBatis
DB	Mysql/Oracle	Mysql/Oracle
Bean	Spring	Spring

• same

1. Spring Dependency Injection (DI) manages the components of each layer, using AOP aspect programming to manage transactions, logs, permissions, and more.

• difference

1. Struts2 and SpringMVC controller control view and model interaction in different ways. Strtus2 is the Action class level, and SpringMVC is the method level, and it is easier to implement RESTful style.

• Compare Struct and spring-mvc

1. Struct and spring-mvc are both responsible for fetching and forwarding, but there is a big difference between the two requests. Struct requests an Action class, that is, an Action class corresponds to a request, so the class intercepts and the data class of the request is Shared.However, spring-mvc is aimed at the request of method level, that is, a method corresponds to a request, which belongs to method interception, and the data method of the request is not Shared.
2. spring-mvc configuration files are relatively few, easy to get started, can speed up the speed of software development, personal experience is effective.
3. The entry of spring-mvc is at the Servlet level while the Struct is at the Filter level.

• The differences between Hibernate and MyBitas for operating on persistent layer

1. Hibernate is an O/R relationship, that is to complete the mapping between the database table and the persistence class, and MyBitas is for sql-maping, personal understanding is a Hibernate to encapsulate the database, you can call the corresponding database operation statement HQL, and MyBitas is the original database operation statement.
2. Based on the reasons in 1, Hibernate optimization is relatively difficult to MyBitas.
3. MyBitas is fast to get started, and Hibernate is relatively difficult to master.
4. For advanced query, Mybatis needs to manually write the SQL statement, as well as the ResultMap.Hibernate has a good mapping mechanism that allows developers to focus more on business processes without having to worry about SQL generation and result mapping.
5. Hibernate database portability is good, MyBatis database portability is not good, different databases need to write different SQL .

Hibernate and MyBatis (comparison of two ORM frameworks)

	Hibernate	MyBatis
Support for JDBC and JTA transactions	√	√
More detailed and easier SQL optimization	×	√
Easier to grasp	×	√
Simpler development of DAO layer	√	×
Better maintenance and caching of objects	√	×
Better portability of database	√	×
Better encapsulation	√	×

Summary

SSM and SSH are mainly different in the way of implementation of MVC and the persistence of ORM(Hiibernate and Mybatis) SSM is becoming more and more lightweight, making annotation development to the extreme. And ORM implementation is more flexible, and SQL optimization is easier.SSH pays more attention to configuration development. Hiibernate is more object-oriented to the complete encapsulation of JDBC, and the data maintenance of additions, deletions and changes is more automated, but the SQL optimization is weaker and the entry threshold is slightly higher.

(Here's a personal opinion: Although SSH is very heavy, it is good for understanding MVC model and even IOC, and quite suitable for practicing. However, SSM makes people feel fast when used. No matter OOP or AOP oriented programming, it gives people a kind of transparent pleasure.)

Reference

Chen, J., 2020. React Vs. Angular Vs. Vue.Js: A Complete Comparison Guide - Dzone Web Dev. [online] dzone.com. Available at: https://dzone.com/articles/react-vs-angular-vs-vuejs-a-complete-comparison-gu [Accessed 22 May 2020].

Chen, J. and Liu, X., 2020. Angular Vs React Vs Vue: Which Framework To Choose In 2020. [online] CodeinWP. Available at: https://www.codeinwp.com/blog/angular-vs-vue-vs-react/ [Accessed 22 May 2020].

Liu, X. and Chen, J., 2020. Vue Vs React Vs Angular - Best Front-End Javascript Frameworks - Clockwise Software. [online] Clockwise.software. Available at: https://clockwise.software/blog/angular-vs-react-vs-vue/ [Accessed 22 May 2020].

Huang, Y. and Liu, X, 2020. [online] Blog.csdn.net. Available at: https://blog.csdn.net/HAH159/article/details/81211880 [Accessed 20 May 2020].

Huang, Y. and Liu, X., 2020. [online] Available at: https://zhuanlan.zhihu.com/p/44149566 [Accessed 21 May 2020].

Liu, X. and Huang, Y., 2020. [online] Available at: https://www.jianshu.com/p/ae1b0287cd0a [Accessed 21 May 2020].