Springboot GitHub地址 https://github.com/WuSheng-zengsh/Springboot-VUE.git
Vue GitHub地址https://github.com/WuSheng-zengsh/Vue.git
这个代码是能够运行的,数据库自己建吧,用的mysql,就一张表。
-- ----------------------------
-- Table structure for user
-- ----------------------------
DROP TABLE IF EXISTS `user`;
CREATE TABLE `user` (
`id` int(11) NOT NULL,
`username` varchar(20) DEFAULT NULL,
`sex` varchar(6) DEFAULT NULL,
`birthday` date DEFAULT NULL,
`address` varchar(20) DEFAULT NULL,
`password` varchar(20) DEFAULT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;
SET FOREIGN_KEY_CHECKS = 1;
踩得坑就是注意一台电脑存在跨域问题,前端解决办法见另外一篇博客,后端解决办法:
在后端代码中添加这段代码:
package com.ccb.ems.config;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;
@Configuration
public class CorsConfig extends WebMvcConfigurerAdapter {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOrigins("*")
.allowedHeaders("*")
.allowCredentials(true)
.allowedMethods("*")
.maxAge(3600);
}
}
最后就是往GitHub上传代码报错提示:Push to origin/master was rejected,搜索了一圈看的这篇博客https://blog.csdn.net/mygodit/article/details/84869504 正文花里胡哨啥都没有,最后在评论区找到暴力解决了:强推!
git push -u origin master -f
一路走过来参考了很多其他人的博客这里汇总一下(侵权就删):
VUE的前端页面参考博客:https://www.cnblogs.com/LiuXinyu12378/p/11258656.html 他用的from表单,我直接绑的点击事件
Axios使用方法中文说明:https://www.kancloud.cn/yunye/axios/234845
写前端怎么少的了HTML :https://www.w3school.com.cn/html/index.asp
项目中用到的地址三级联动:https://blog.csdn.net/qq_17336135/article/details/100777729 老哥写的很不错,我把这个抽离成了一个子组件,在代码中Adress(代码中单词拼错了,最后发现了,懒得改了)
VUE导入本体json文件:https://blog.csdn.net/cscscssjsp/article/details/96148816
VUE父子组件通信:https://www.cnblogs.com/chen-yi-yi/p/11152391.html
VUE路由的知识比较不错:https://blog.csdn.net/sunshao904/article/details/78829635
IDEA上传GitHub方法:https://www.cnblogs.com/gujun1998/p/11375625.html
VsCode上传GitHub方法:直接在终端输入 GitHub创建好项目提示的两段代码即可
前端参考的多,自学的VUE,链接备着万一以后用上了。后端比较熟悉,就不上连接了。