同步操作将从 追风猎艳/vue_SpringBoot 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
使用vue和ElementUI搭建前台,SpringBoot搭建后台,完成基本数据的增删改查
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'/
import axios from 'axios'
Vue.prototype.$http=axios;
import axios from 'axios'
import qs from 'qs'//axios参数包
axios.defaults.baseURL="http://localhost:8888";
export const requestLogin=params=>{//箭头函数,此时params为参数
return axios.post('/user/login',qs.stringify(params))//获取参数
.then(res=>res.data)
};
router.beforeEach((to,from,next)=>{
if (to.path.startsWith('/login')){
window.sessionStorage.removeItem('access-token');
next();
} else {
let token = window.sessionStorage.getItem('access-token');
if (!token){
//未登录跳回主页
next({path:'/login'});
} else {
next();
}
}
});
prop="username"
<el-form-item label="用户名" prop="username">
登录时判断是否登录,登录跳转,并保存在sessionStorage中
sessionStorage.setItem('access-token',data.token);
requestLogin(params).then(data=>{
console.log(data);
let vm = this;
if(data.code === 200){
sessionStorage.setItem('access-token',data.token);
// localStorage.setItem("token", this.account.username);
vm.$router.push({path:'/home'});
}else{
this.$message({
message:data.msg,
ype:'error',
})
}
主页面
//导入api和axios
import {userList} from "@/api/api";
import axios from 'axios'
import qs from 'qs'
1.getUsers——查询
2.addUser——新增——addSubmit-新增中的确认按钮
3.handleClick——查看用户的相关信息,并弹出模态块展现用户信息
4.deleteUser——删除用户
5.handleEdit——修改用户——editSubmitBtn修改中的确认按钮
搜索表单绑定 :model="filters"
展示用户列表的表单绑定数据:data="userList"
分页操作 el-pagination
模态框 :visible.sync="dialogVisible"
新增的模态框绑定:model="addFormData"
查看用户的模态框绑定:visible.sync="dialogVisible2"
查看表单的绑定:model="addFormData"
修改用户的模态框 :visible.sync="editUserDig"
修改用户的表单绑定 :model="editUserDate"
mybatis:
config-location: classpath:mybatis/mybatis.cfg.xml
mapper-locations: classpath:mybatis/mapper/*.xml
type-aliases-package: com.neu.vo
server:
port: 8888
spring:
application:
name:sm
datasource:
driver-class-name: com.mysql.jdbc.Driver
password:
url: jdbc:mysql://127.0.0.1:3306/empdb?characterEncoding=utf8&useSSL=false&useUnicode=true&useJDBCCompliantTimezoneShift=true&useLegacyDatetimeCode=false&serverTimezone=UTC
username: root
logging:
level:
com.neu.dao : debug
src文件夹->resources->mybatis->mapper->UserDAO.xml
src/test/java中UserControllerTest.java对接口进行测试
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。