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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,744评论 6 502
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,505评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,105评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,242评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,269评论 6 389
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,215评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,096评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,939评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,354评论 1 311
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,573评论 2 333
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,745评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,448评论 5 344
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,048评论 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,683评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,838评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,776评论 2 369
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,652评论 2 354

推荐阅读更多精彩内容