github上下载的springboot+vue项目如何运行&ssm基础知识

小白学习ing


前言

第一部分是简单的写写在github上下载的springboot+vue项目如何运行,后端与前端的环境搭建,以及如果是自己创建项目有哪些工作。第二部分是ssm三层架构的一些基础。


一、后端与前端的配置

1、后端

  1. 配置JDK信息
    File - Project Structure - Project 可以看到JDK
    参考jdk-17下载和安装
  2. maven导入依赖
    setting - maven
    1.选自己下载的maven 2.conf/settings
  3. 数据库
    前置知识:idea连接mysql数据库,下载并配置驱动 参考idea2023连接数据库
    具体操作:
    3.1 resources下面的.yml配置文件yml配置文件
    根据自己的数据库修改yml配置文件,将username和password更改为与本地一致。com.mysql.cj.jdbc.Driver对应的是mysql8的版本com.mysql.jdbc.Driver对应的是mysql5的版本
    3.2 右侧Database,加号连接mysql,sql控制台输入代码运行,注意需要全选再运行

2、前端

打开package.json文件

  1. npm install
  2. npm run dev

3、自己创建

  1. springboot
    springboot

  2. vue
    vue

  3. redis
    双击redis-server.exe启动redis
    如果出现打不开直接闪现,可能是电脑装有几个redis
    删除redis服务重新安装
    删除redistribution,不仅要删对应的文件夹,也要删服务,安装同理。

二、ssm基础

spring

  1. IoC
    在这里插入图片描述
    在这里插入图片描述

  2. xml配置vs注解配置
    在这里插入图片描述

  3. AOP
    在这里插入图片描述
    在这里插入图片描述

springMVC

在这里插入图片描述
controller, service, dao(若使用mybatis框架则为mapper)
各层功能与作用

MyBatis


在Visual Studio Code(VSCode)中运行Spring Boot项目Vue.js应用程序,你需要遵循一些步骤来配置和整合这两个技术。下面是基本的步骤: 1. 安装必要的插件: - **Spring Boot Support**:官方的Spring Boot支持插件,可以帮助你编写、构建和调试Spring Boot应用。可以在VSCode的Marketplace中搜索并安装`spring-boot` - **Vue.js/TypeScript**:对于Vue.js,确保安装了VueVue.js的代码片段扩展,如`volar`或`vetur` 2. 创建Spring Boot项目: - 使用Spring Initializr创建一个新的Spring Boot项目,选择Web支持和任何其他所需的依赖。 - 将生成的项目导入到VSCode中。 3. 配置Spring Boot应用: - 在Spring Boot项目的`pom.xml`或`build.gradle`中,确保已经添加了依赖于`spring-boot-starter-web`的依赖,以及用于处理静态资源的依赖(如`spring-boot-devtools`)。 4. 创建Vue.js应用: - 在Spring Boot项目的`src/main/resources/static`目录下创建一个`vue`文件夹,用于存放Vue.js应用的源代码和资源。 5. 集成Vue.js: - 使用`npm`或`yarn`初始化Vue.js项目,并将其配置为单页面应用(SPA),然后将`dist`文件夹下的内容复制到`src/main/resources/static/vue/dist`。 6. 配置Spring Boot的静态资源处理: - 在Spring Boot的`application.properties`或`application.yml`中,设置`spring.resources.static-locations`为`classpath:/static/`,这样Spring Boot会自动处理Vue.js的静态资源请求。 7. 运行应用: - 在VSCode中,使用Spring Boot的命令或配置`launch.json`来启动Spring Boot应用。这通常涉及到使用`spring-boot:run`或`spring-boot:dev-server`命令。 - 启动应用后,在浏览器访问`http://localhost:8080`来查看Vue.js应用是否正常加载。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值