Add Spring MVC diagrams

Author: aotantawy

README.md

@@ -12,7 +12,7 @@
 - [Bean Scope](#bean-scope)
 - [Bean life cycle](#bean-life-cycle)
 - [Aspect-oriented programming](#aspect-oriented-programming-aop)
-- [Model-view-controller](#model-view-controller)
+- [Model-view-controller](#model-view-controller-mvc)
 - [Data Access Objects (DAO)](#data-access-objects-dao)
 - [Code Samples Structure](#code-samples-structure)
 - [References](#-references)
@@ -110,13 +110,24 @@ class A {
   2. create aspect for each point-cut (logger aspect, security aspect) which defines what will this aspect do?
   3. create aspect configurations, which defines when and where will those aspects execute?
 
-### Model-view-controller
+### Model-view-controller (MVC)
 
 - it's a software architectural pattern in which your software is separated into 3 parts:
-  <img src="https://qph.fs.quoracdn.net/main-qimg-c3f2bef1693561dfb24e0f00aa592c80" title="MVC, src:quora.com" width="400" height="300" style="float:rigth;">
+  <figure>
+    <blockquote>
+      <img src="https://qph.fs.quoracdn.net/main-qimg-c3f2bef1693561dfb24e0f00aa592c80" title="MVC, src:quora.com" width="100%" height="300" >
+    </blockquote>
+    <figurecaption>Ideal MVC</figurecaption>
+  </figure>
   1. Model: it's a component that handles anything related to data in the software
   2. View: it's a component that deals with UI related stuff
   3. Controller: it's a component that manages flow between the other two components and handles any business logic in the software
+  <figure>
+    <blockquote>
+      <img src="/diagrams/spring-mvc.png" title="Spring MVC" width="100%" height="300" >
+    </blockquote>
+    <figurecaption>Spring MVC</figurecaption>
+  </figure> 
 
 ### Data Access Objects (DAO)
 

diagrams/spring-mvc.drawio

@@ -0,0 +1 @@
+<mxfile host="Electron" modified="2021-08-22T13:37:57.212Z" agent="5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/13.3.1 Chrome/83.0.4103.119 Electron/9.0.5 Safari/537.36" etag="dfrBDcF2Mf7blU_GR1kJ" version="13.3.1" type="device"><diagram id="RT62Uk42jLnE59T83rcN" name="Page-1">5Vtbc6M2FP41nmkf7AHE9TFxsu1M091MndntPmKjYLqAWCHf+usrGQkjwDa2waZOHmI4CIF0vu98RxcGYBytf8NuMv8TeTAcaIq3HoCngUb/LI3+MMsms9ialRl8HHiZSd0ZJsG/kBsVbl0EHkylggShkASJbJyhOIYzItlcjNFKLvaOQvmpievDimEyc8Oq9VvgkTlvhaHs7L/DwJ+LJ6sKvxK5ojA3pHPXQ6uCCTwPwBgjRLKjaD2GIes80S/ZfZ/2XM1fDMOYNLnh+3qJ/Dew9v+YLMHzG05fPj8MVZ2/HNmIFkOPdgA/RZjMkY9iN3zeWR8xWsQeZNUq9GyGomBGj1V6/M8iSrgPafsed7e/IJSIMpCQDS/kLgiipjmJQn6VNgZv/uZVb0++s5ORIU6f1sWLT5vi2SvEQQQJxNz4jmLCn0QbCh6ztrIG7u1DbkrRAs/goY5zOBhd7ENyoKCWu5pyBCL6enhD78MwdEmwlF/E5WD183I7f9ID7tJT3JvVu3TDBX/SQDNDwrtG8rv5c4HEhWG67bQHWkDVk/W258R1euSz33EYsE7j1dG3y2rMLlZBFYaUsQw8q3lA4CRxt727okFD9r+bJhmN34M1g9geHy4hJnB92IvVTuc3DFVB340IU/x8taN4TuR5kd7C2L6njN4SceSYMhcttQ0ywnVAWP1DZaSoGjcUH0BPd/Wzk03hpFx7i9TOdeYYtfeg7DrU1irU/ganozX1XxlHVHgSdhgj0oCAU3f2w98C68uChEEMud1z8Y8v9K6AbN0wUlhETrk/QTdEVbXjPLWvSlPQY5oaEkt7ppdGQ06Zt+SUUeHUJ5zp5Jj+YBSGtKu44k3xRfL5y1OQJi6ZzSGeQLwMIfm1giwZN0d42wH9dLtEP71GJrUa/pmd0c/sL/1MDcgy6fSMgmZTWbMu5OD21geM3U2hQIKCmKSFml+ZYQc2Q9MlsOlOaThzWnl6kL3BDmx5U87Hn1kJEBNa52c3gsM0Y/GdKbBuG1IvA7smBKhXlWCr4oNicKZPBWrFAbeOpFbvIqlT6cVc2C7StVFL+th6PbSXpnuHp9SzpDQODQM/pscz6mEWnB+Z/4OZGz7wC1HgeZm8QPoa7nRbFUMXD3S0XuNxYDyxuqhsCJ52gy8byPgCNYnyVeElQsIBln7uPUuBc2uWAqu/+Y6l2sV8Rx0pWpvTAsoImI40KyDObjIpoFoNs6dLBzDnJU+mnAwZxhWSIbWqxBW0iqj54k5h+EqjIAkQi55TRAiKasIqQSWei9wJvb+/uj4cZ/P8CFeAziNsNg4uo8oLML0re/YKpqSdgKFbcnZk1Mk6uO48ol1xytcArqjlDUYJxSC8O/Er56im0jBH1TpzQjW7+gv+XDDc3Vvn50p/ILO1rtn3+XJb/yRTnh7o3YpWQ4HLwH2pwlUkbFhek7FKCMkawO86MDGQx9Z9FWUtrFTUliyKpkvkTxMUp/cXevNlK9HXNRlz3QR9d+yvpiB9Yf+HW0ZrGE/2QezCeOI4IwU4uz+zBNRShU2jy9DQD1fUdXQBvQV4B/ImwM0Gl4aEbd1sC9vHAapfSILWsa2BlrQSlOclr62V+odJlEHvEuX+LmWfFkka5sTHubqf50djhNEJz/Vbp7L9XW7tUmwkocl1p15ozhYV63xR6QZsRmmzjWqb54mK6dhyRc6VUVudl7xXUTHLiQC4tajY/5OIoV1NVfYT/WiQaGUjRoWf1q356fQVI6qMEeuux+ciVHS+g33PGEZM1YjFVsW+KgpF8z/CNF1l7HHrabqaLTo9CQFdT9MpcgQ4K7k8R0oE3G+VXJZGMqC8ANo0uczTmXynSylL7Tps9HaCuSxepyY4/RUq0BDj3UC3vJ6kW81mfE/dw2GqZYqAg0wol9f4Mninez6ELwqqKb75HGimG7HNG9l/Vmi78YBb42mamVvZ1se23N6dTFdGc3Wbbes+S9M70+m+fR7aiqzuQma2h7o4kWSelfS3KdRigedYWOxmcKhZ4NC6WSX4NZ4UKut2w6nMU6OoVd5GIEfFo+WBol0SRQfsiyHxRXdWfPddPHj+Dw==</diagram></mxfile>