【异步商城上手】

文章目录 

前言

一、前端技术栈

1.elementUi

2.vue

3.axios异步请求

二.后端技术栈

1.springmvc框架

2.mybiatis框架

3.mariadb数据库

三.业务流程图

---

前言

        一个小白入手的异步商城系统,前后端分离,在SpringBoot的基础上采用Mybatis处理都后端业务逻辑,前端使用elementui和vue简单做个界面,使用axios异步处理......

---

一、前端技术栈

1.elementUi

引入Ulementui代码如下（示例）：

        设计前端界面，通过组件与用户交互, 使界面更加完整。

2.vue

引入vue代码如下（示例）：

        将vue中的属性与elementui中的组件进行绑定或者调用方法进行监听，获取用户的信息和需求的静态资源或具体的业务，在vue中通过方法初步处理获取到的信息。

3.axios异步请求

        将vue获取到的用户信息和需求通过异步的形式（get/post）发送请求至后端页面就行具体的业务处理，并得到返回值在前端页面响应，达到了页面局部刷新的效果,减少系统资源。

二.后端技术栈

1.springmvc框架

         spring内部通过socket获取浏览器请求的业务抽象路径或静态资源文件地址，在spring加载时会自动（通过反射机制）扫描启动类包下被@Component等注解标注的类，并创建其对象放入spring容器中（控制反转），将被@Autowired注解标注的类进行自动装配，然后在controller业务类中 处理请求, 将结果响应返回给前端axios/页面。

2.mybiatis框架

        使数据库sql语句执行更加方便，在配置文件application.properties中连接数据库，使用spring和mybatis提供的@Mapper注解标注创建接口，在接口中通过被mybatis框架中@insert等注解标注的方法处理sql语句，在controller业务类中通过spring的自动装配调用接口中的方法来处理前端axios异步请求的抽象路径（业务），并将sql语句执行的结果返回给controller类。

3.mariadb数据库

        存储项目的资源，包括用户表，商品表，图片地址表，前端页面轮播图标，top榜单表等，通过mybatis框架的连接，使数据的管理更加方便高效。

三.业务流程图

---