springboot+vue项目实战一-创建SpringBoot简单项目

这段时间抽空给女朋友搭建一个个人博客,想着记录一下建站的过程,就当做笔记吧。

虽然复制zjblog只要一个小时就可以搞定一个网站,或者用cms系统,三四个小时就可以做出一个前后台都有的网站,而且想做成啥样也都行。

但是就是要从新做,自己做的意义不一样,更何况,俺就是专门干这个的,嘿嘿嘿

要做一个网站,而且从零开始,首先呢就是技术选型了,经过一番思量决定选择-SpringBoot做后端,前端使用Vue做一个前后端分离的网站。之所以选择springboot+vue就是因为目前工作使用的还是ssm+jsp,虽然也做过springboot和vue的项目,但是还没有从头搭建过项目和一个人做完整个项目,小小博客虽然不会有什么太难的技术,但是也是能学到不少东西的,而且作为一个java后端开发,学下vue也是非常不错滴呀~

最初技术架构


image.png

后端:

开发语言 JAVA

系统框架:SpringBoot+MyBatis

安全框架 Shiro

日志框架 Log4j2

定时任务 Task

接口(Webservice) CXF

前端:

vue+Element UI

接下来就开整,从后端开始,从建项目开始

首先创建一个SpringBoot项目

1.打开IDEA,点击 File>New>Project... 开始创建一个新项目。

image.png

2.在左侧菜单找到并点击 Spring Initializr,点击Next。

image.png

1注意,这里idea默认使用https://start.spring.io提供的在线模板,所以需要保证网络畅通。

其他的2-11选项根据自己实际需求选择填写即可,填完点击Next

3.进入依赖配置窗口,创建过springboot工程,都会进入如下界面选择依赖,在窗口中间勾选需要的依赖。右边可以看到已选择的依赖项,当然,创建的时候没勾选 后面也可以在pom中配置相关依赖。

image.png

Spring Boot DevTools

一个让SpringBoot支持热部署的工具。

在idea中修改完代码后再按下 ctrl + f9 使其重新编译一下,即完成了热部署功能。

Loombok

一个简化JavaBean开发的工具,让开发者省去构造器,getter,setter的书写。

在idea中还需要下载Lombok的插件,在实体类中添加注解即可,如@Data、@AllArgsConstructor。

Sping Configuration Processor

一个给实体类的属性注入开启提示的工具。

如下面的实体类
@Component
@ConfigurationProperties(prefix = "mypet")
public class Pet {
private String name;
private String price;
...
}

想要在application.properties和application.yml中给mypet注入属性,却没有任何的提示,为了解决这一问题,使用该工具即可。

上边下拉框可以选择Spring Boot的版本,这里使用最稳定的2.6.6。完成后点击 Next。

在官网可以查看最稳定版本,Spring的官网:https://spring.io/projects/spring-boot#learn,查看当前最稳定的版本。

image.png

完成后,点击 Finish即可。
创建好的SpringBoot项目,整体目录结构:
image.png

接下来写个简单的方法,运行试一下效果:

启动类方法:


image.png

测试方法:


image.png

运行后报错:Error starting ApplicationContext. To display the conditions report re-run your application with 'debug' enabled.


image.png

根据描述可知是因为依赖勾选了数据库相关但是没有配置相关数据源,先在pom注释掉这段等后面再配置数据源,再启动成功了。


image.png

访问试一下:


image.png

简单的项目就创建好了,接下来要做的就是把相关框架继承好和项目整体结构造出来,下次再搞。

我的博客:https://www.zjhuiwan.cn/info/20220511/4410222203053500.html

你可能感兴趣的:(springboot+vue项目实战一-创建SpringBoot简单项目)