vue 前后端交互 增查改删

Vue是一种流行的JavaScript框架，它可以用于构建用户界面。而koa是一个基于Node.js的Web框架，它可以用于构建后端应用程序。koa2-router是koa的一个路由中间件，可以用于处理HTTP请求。mySql是一种关系型数据库，可以用于存储和管理数据。elementUI是一个基于Vue的UI框架，可以用于构建漂亮的用户界面。

在这个项目中，使用Vue + koa + koa2-router + mySql + elementUI实现了前后端交互。前端页面包括首页、插入、显示、删除和修改。首页包含了商品管理的标题，以及添加商品和显示商品的链接。插入页面包含了一个表单，可以用于添加新的商品。显示页面可以展示所有的商品信息，并且可以进行删除和修改操作。

在后端，使用了ProductMapper接口来处理数据库操作。其中，insert方法可以用于向数据库中插入新的商品信息；select方法可以用于查询所有的商品信息；deleteByif方法可以根据商品ID删除指定的商品信息；selectById方法可以根据商品ID查询指定的商品信息；update方法可以用于更新商品信息。