太原那有网站设计公司,云南云南省城乡建设厅网站,旅游网站的首页怎么做,网络平台怎么投诉项目概述创建springboot项目加入mybatis-plus支持1.加入依赖代码2.创建数据库实例3.yml文件的配置4.编写测试代码5.测试结果 创建vue项目报错错误一错误二错误三 项目概述
后端#xff1a;Springboot、mybatis-plus、java 前端#xff1a;nodejs、vue脚手架、element-ui 数据… 项目概述创建springboot项目加入mybatis-plus支持1.加入依赖代码2.创建数据库实例3.yml文件的配置4.编写测试代码5.测试结果 创建vue项目报错错误一错误二错误三 项目概述
后端Springboot、mybatis-plus、java 前端nodejs、vue脚手架、element-ui 数据库mysql
创建springboot项目
创建springboot项目有两种方式一种是使用maven创建一种是使用Spring initializr创建 如果是maven创建我们需要手动配置项目的依赖和目录结构手动管理依赖的版本 如果是spring initializr创建可以选择项目的依赖和配置然后自动生成项目的基本结构和配置文件自动管理依赖的版本 这里我们选择spring initializr创建软件用的是IDEA 2021
文件 - 新建 - 项目 spring initializr - 看自己喜好配置 - 下一步
新建项目 - 根据需要配置 - 完成
加入mybatis-plus支持
mybatis-plus官网https://baomidou.com/pages/bab2db/#release
1.加入依赖代码
dependencygroupIdcom.baomidou/groupIdartifactIdmybatis-plus-boot-starter/artifactIdversion3.4.1/version
/dependency2.创建数据库实例 3.yml文件的配置 4.编写测试代码
创建实体类
Data
public class User {//用于序列化和反序列化对象的版本控制private static final long serialVersionUID 1L;TableId(value id, type IdType.AUTO)private Integer id;private String username;private String password;
}创建mapper接口
Mapper
public interface UserMapper extends BaseMapperUser {ListUser selectAll();
}创建service接口
public interface UserService extends IServiceUser {ListUser selectAll();
}
创建service实现类
Service
public class UserServiceImpl extends ServiceImplUserMapper, User implements UserService {//用于标记一个类或方法作为资源//当被标记时它可以被容器自动注入所需要的资源Resourceprivate UserMapper userMapper;Overridepublic ListUser selectAll() {return userMapper.selectAll();}
}创建配置文件
?xml version1.0 encodingUTF-8?
!DOCTYPE mapper PUBLIC -//mybatis.org//DTD Mapper 3.0//EN http://mybatis.org/dtd/mybatis-3-mapper.dtd
mapper namespacecom.example.mapper.UserMapperselect idselectAll resultTypecom.example.entity.Userselect * from user
/select/mapper测试类
RestController
public class UserController {Autowiredprivate UserService userService;GetMapping(/list)public ListUser hello(){return userService.selectAll();}}5.测试结果 创建vue项目
打开终端或cmd进入springboot项目同级文件夹中运行如下命令创建一个项目 需要注意的是项目名称不能存在大写按照Vue CLI的规范项目名称必须是小写字母、数字、连字符-或下划线_的组合且必须以字母开头。这是因为在命名项目时项目名称会用于生成文件夹名称、JavaScript模块名称等而JavaScript中通常使用小写字母来命名变量和模块。
vue create 项目名称在控制台中上下键调整选项空格选中或取消选中回车确认 在这里我选择第三个手动配置
选择你需要的东西但是需要注意的是如果你是在学习阶段的话建议把Linter / Formatter取消掉因为这个是代码的规范化有时候多一个空格或者少一个空格都会报错但是我们平常的开发中多一个空格或者少一个空格也无所谓所以取消它能省掉很多麻烦 在这里我选择的是图中的三个选项 然后选择版本Vue目前有两个主流大 版本vue2和vue3我选择3最新版本因为3包含了2 然后选择配置文件放在哪里 是放在In dedicated config files专属文件中或者是放在In package.json在package.json文件中 这里我选择第一个 然后问你是否保存为未来项目的预置y代表保存并添加名字n不保存 如果你保存了下次你就可以直接选择你添加的名字它就自动帮你选择你刚刚选择的了 这里我选择n回车开始创建项目
报错
错误一 有时候报错就莫名奇妙的你可以先清除那些东西然后重新加载或者直接改版本。
错误二 降低版本 我选择的是2.6.7 然后出现了这个错误 这是因为没有设置数据库对应pom的版本 错误三 我出现这个问题的原因是因为Application启动类的位置不对.要将Application类放在最外侧,即包含所有子包 。而我的启动类则放在了test1里面。导致找不到页面。
