Springboot+VUE实现简单的注册与查询

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,链接备着万一以后用上了。后端比较熟悉,就不上连接了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值