Vue + SpringBoot学习项目(2)

标签：运行时   target   数据库   建议   rip   cep   tar   pass   tis   

　　前两天去看了html，css，JavaScript和vue框架相关的内容，继续跟原来的那个项目写一下。

　　先做一下数据库的引入：

　　https://learner.blog.csdn.net/article/details/89294300

　　说一下遇到的问题吧，首先是在pom.xml那里，由于担心我用的是jdk11，而原来的博主用的是jdk8，产生组件冲突的问题，所以就没有完全复制粘贴pom.xml的内容，然后给自己挖了一个大坑。

　　按照博主的方法写完代码之后，发现不能运行，报了一个很奇怪的错误。

　　Field userDAO in com.XXX.service.UserService required a bean of type ‘com.XXX.dao.UserDAO‘ that could not be found.

　　然后我去网上查找，大多数给出的建议都是@Mapper没有配置的问题，我看DAO接口上确实没有注释，觉得作者可能忘记了。

　　https://www.jianshu.com/p/cd886bde3170

　　然后又报了一个错：

　　Invocation of init method failed; nested exception is java.lang.IllegalArgum

　　网上一位老哥说可能是数据库冲突了，于是我想起来初始化pom的时候用了一些jdbc和mybatis的组件，而博主的pom里面没有这些组件。

　　于是老老实实把dependencies里面的组件换成博主的，运行时还是出了问题，看了一下主要是MySQL的问题：

　　Unable to load authentication plugin ‘caching_sha2_password‘.

　　通过网上的指导换了一个高版本的MySQL连接，问题顺利解决：

　　https://blog.csdn.net/w605283073/article/details/88096598

　　这里值得提一下的是这个Java Persistence API（JPA），可以不用写SQL语句，配置方法也和传统的方法不太一样，后面单独学一下。

　　先继续跟这个项目。

　　做一下：使用 Element 辅助前端开发

　　https://learner.blog.csdn.net/article/details/89298717

　　这里值得学一下的就是模块化的vue设计语法，之前学的vue语法相对比较简单，可以学一下这种项目中的一些小变化。

　　前端路由与登录拦截器

　　https://learner.blog.csdn.net/article/details/89422585

　　这里这个博主之前走了一点弯路，他开始分离是整了一个后端登录拦截器，但是这个东西需要将前端打包一起发布，不符合前后端分离的原则，你可以有时间细细琢磨下这里。

　　写前端拦截器的时候遇到一个小坑，就是main.js的代码是有顺序的，如果把那个钩子函数router.beforeEach放到new Vue模块的后面，拦截就会失败

　　这里有一点点可以改进的地方，就是登录之后去/login页面的话还是那个登录的界面，其实是可以自动跳转到/index界面的，之后有时间可以做一下

Vue + SpringBoot学习项目(2)

标签：运行时   target   数据库   建议   rip   cep   tar   pass   tis   

原文地址：https://www.cnblogs.com/hellostranger/p/14031932.html