一.vue
![](https://i-blog.csdnimg.cn/blog_migrate/45396203763a37636749c1fdc4c0cf06.png)
![](https://i-blog.csdnimg.cn/blog_migrate/be420a65451bbbb2848138ef49381f8b.png)
(一)vue快速入门
![](https://i-blog.csdnimg.cn/blog_migrate/f3fdfbc57ecb9d8ca91f4c8812128e4c.png)
(二)vue常用指令
![](https://i-blog.csdnimg.cn/blog_migrate/a380edddc86a12e3aa83e2f29053f9b9.png)
![](https://i-blog.csdnimg.cn/blog_migrate/76ae60feef64827e0ddba95a2b88f2cc.png)
![](https://i-blog.csdnimg.cn/blog_migrate/d9ac3db4324f3e5ecb07bd292fb6ad47.png)
![](https://i-blog.csdnimg.cn/blog_migrate/23823e2a9347dcf36b40cb047c20c6b7.png)
![](https://i-blog.csdnimg.cn/blog_migrate/fc198c312e46f2ccc2c62561621f703c.png)
(三)vue生命周期
![](https://i-blog.csdnimg.cn/blog_migrate/d3d4aa152eae4641709442cc4f374681.png)
案例
![](https://i-blog.csdnimg.cn/blog_migrate/51c72617f315e468e3a8b192bc576fce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/b0e41ebbd8f247b49e1a2637f48ffdc7.png)
![](https://i-blog.csdnimg.cn/blog_migrate/182fac655b93a1b255a1746402745db8.png)
二.Element
![](https://i-blog.csdnimg.cn/blog_migrate/77b48dcebba8d519021b9298427f83d4.png)
(一)Element快速入门
![](https://i-blog.csdnimg.cn/blog_migrate/b80875466428d3b5d726650794491e4b.png)
(二)Element布局
![](https://i-blog.csdnimg.cn/blog_migrate/e871a934da7e2ec61ebc81f63a2ee70b.png)
综合案例
![](https://i-blog.csdnimg.cn/blog_migrate/e3fd6e09d4369924a7e1255a0ea632df.png)
![](https://i-blog.csdnimg.cn/blog_migrate/3767057ded8b3388a80e9c303d05d475.png)
1.查询所有
![](https://i-blog.csdnimg.cn/blog_migrate/45caa564e402936d7ecbc7a987a3cecf.png)
2.新增品牌
![](https://i-blog.csdnimg.cn/blog_migrate/f523a8ff14a69bb3783457493297c345.png)
3.Servlet代码优化
主要就是用到了继承的基础知识 当你访问brandservlet ,tomcat会创建brandServlet调用父类baseServlet的service方法,处理得到方法名反射执行brandServlet的方法
HttpServlet在service方法中判断get和post请求方式,而这里baseServlet重写了service方法,所以就失去了判断get和post的能力
![](https://i-blog.csdnimg.cn/blog_migrate/87f9fa865e3ca9c8a00cdf08c50be4bd.png)
4.批量删除
![](https://i-blog.csdnimg.cn/blog_migrate/3205d17cf1ce4c9d843009384c4c89d2.png)
5.分页查询
![](https://i-blog.csdnimg.cn/blog_migrate/c59aceaa806fdc0ff694b4cc225fd435.png)
![](https://i-blog.csdnimg.cn/blog_migrate/972e1a54c376966da28da81db2926287.png)
6.条件查询
![](https://i-blog.csdnimg.cn/blog_migrate/7d70f04bc3717816f91a62e35612da87.png)
![](https://i-blog.csdnimg.cn/blog_migrate/8e8883ad5edfec3be5588a77bf13513b.png)