yapi 插件问题
https://cloud.tencent.com/developer/article/1517980
浏览器插件不能使用问题
什么是vue?
vue是js体系，相当于jquery，jquery 操作dom元素,vue的设计模是mvvm，实质上是mvc加强版，vue最核心的是数据双向绑定。
读取vue数据：{{}}、v-model、：等等
使用vue有两种方式：
第一种传统方式:在js标签中导入vue.js,使用时 new vue({})
第二种方式：webpackage 分包模式 ,需要nodejs, npm install等
ElementUI介绍
https://element.eleme.cn/#/zh-CN/component/button
elementUI是饿了么团队开发的一款基于vue的前端组件库，提供了配套设计资源，帮助页面快速成型
elementUI 使用的vuejs语法+自定义组件库
<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>elementUI布局器
http://lowcode.magicalcoder.com/magicaldrag/index-page.html
方法绑定加@符号
属性绑定加：符号
作业：批量删除测试
前后端分离
代码生成器
代码地址：
链接：https://pan.baidu.com/s/1kFUH4DDUmDbhKS-HkF71xw 提取码：5pol
1 、配置数据库
2 、启动工程 访问 http://127.0.0.1
3、选择表 生成了 zip 文件（我修改了下生成规则，加了时间戳和生成名字）
解压缩工具查看
4 权限问题 menu.sql 按钮权限控制 （其实很多系统不需要细化到按钮权限控制）
说明：配置自己的数据库，准备好需要生成代码的数据库表，然后把生成的代码导入到对应的前端工程和后端工程
前端工程
代码地址：
链接：https://pan.baidu.com/s/17-QgNWgkbm5YcMr3XkHZtQ 提取码：5idk
前端工程：renren-fast-vue-master（vue+elementui）
切换到项目文件夹下，使用管理员角色运行下面的命令
运行 cnpm install
运行 npm run dev
把代码生成器生成的view文件夹下的文件拷贝到前端工程view文件夹下
后端工程
代码地址：
链接：https://pan.baidu.com/s/1-xqWcKByVQo8V64hGaJQSQ 提取码：rc6f
后端工程：renren-fast （springboot+mybatis-plus）
导入后端工程，修改数据库配置文件：
Docker 搭建数据库
docker run --name mysql3306 -p 3306:3306 -e MYSQL_ROOT_PASSWORD=123456 -d
hub.c.163.com/library/mysql:5.7
新建数据库 renren_fast 导入系统提供 sql
将代码生成器生成的代码，main文件夹拷贝到后端工程main文件夹中
前端和后端端口调整
后端工程
前端工程
