【端午特制版】 Element UI 用户签到系统
项目效果展示：
📝文章目录
🌈项目效果展示：
🌈步骤一：环境搭配
🎃步骤二 ：vue前端代码：
🌳步骤三 ： 后端代码：
步骤一：环境搭配
vue前端代码：
mian.js :
import './assets/reset.css'import './plugins/element.js'import Vue from 'vue'import App from './App.vue'import router from './router'import store from './store'// import Video from 'video.js'import 'video.js/dist/video-js.css'import 'video.js/dist/video-js.min.css'Vue.config.productionTip = falsenew Vue({ router, store, render: h => h(App)}).$mount('#app')App.vue :
index.js :
import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)const routes = [ { path: '/', name: '登录', component: () => import('../views/Login.vue') }, { path: '/companyList', name: '管理系统', component: () => import('../views/companyList.vue') }]const router = new VueRouter({ mode: 'history', base: process.env.BASE_URL, routes})export default routerLogin.vue :
companyList.vue :
后端代码：
UserApplication :
package com.czxy.user;import org.springframework.boot.SpringApplication;import org.springframework.boot.autoconfigure.SpringBootApplication;@SpringBootApplicationpublic class UserApplication { public static void main(String[] args) { SpringApplication.run(UserApplication.class,args); }}UserMapper :
package com.czxy.user.mapper;import com.czxy.user.domain.User;import tk.mybatis.mapper.common.Mapper;@org.apache.ibatis.annotations.Mapperpublic interface UserMapper extends Mapper {}Usercontroller :
package com.czxy.user.controller;import com.czxy.user.domain.User;import com.czxy.user.service.UserService;import net.bytebuddy.asm.Advice;import org.springframework.web.bind.annotation.*;import com.czxy.user.vo.BaseResult;import javax.annotation.Resource;import java.util.List;@RestController@RequestMapping("/user")@CrossOriginpublic class UserControoler { @Resource private UserService userService; @PostMapping("/login") public BaseResult login(@RequestBody User user){ System.out.println(user.toString()); User loginUser=userService.login(user); if(loginUser !=null){ return BaseResult.ok("登陆成功",loginUser); }else{ return BaseResult.error("账号或密码错误"); } }}UserServicelmpl :
package com.czxy.user.service.impl;import com.czxy.user.domain.User;import com.czxy.user.mapper.UserMapper;import com.czxy.user.service.UserService;import org.springframework.stereotype.Service;import org.springframework.transaction.annotation.Transactional;import tk.mybatis.mapper.entity.Example;import javax.annotation.Resource;import java.util.List;@Service@Transactionalpublic class UserServiceImpl implements UserService { @Resource private UserMapper userMapper;@Override public User login(User user) { Example example = new Example(User.class); Example.Criteria criteria = example.createCriteria(); criteria.andEqualTo("userName",user.getUserName()); criteria.andEqualTo("passWord",user.getPassword()); List list = userMapper.selectByExample(example); if(list!=null && list.size()>0){ return list.get(0); } return null; }}最后关于一个分享链接的小展示：
🌊 代表着快乐的糯米,藏着代表甜蜜的枣馅,用欢欣的粽子叶紧紧包在一 起,系上幸福的红丝带,捎去我美好的祝福,在这【程序员爱摸鱼】祝您端午节快乐！！
想要了解更多吗？没时间解释了，快来点一点！
程序员爱摸鱼
————————————————
版权声明：本文为CSDN博主「程序员爱摸鱼」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：程序员爱摸鱼的博客_CSDN博客-归并排序,快速排序,Typora领域博主
