SpringBoot仅会SSM强撸项目--【JSB项目实战】

news2024/11/24 22:59:07

SpringBoot系列文章目录

SpringBoot知识范围-学习步骤【JSB系列之000】

文章目录

  • SpringBoot系列文章目录
  • SpringBoot技术很多很多
  • 面对越来越紧的时间，越来越少的知识我要怎么办
  • 项目里可能要用到的技术
    • 前后端分离
    • json
    • 其它的必要知识
  • 环境及工具：
  • 上代码
    • Controller代码
    • 直接mapper
    • 实体类
  • 跑起来
    • 后台
    • 用浏览器最原始的方式验证
    • 客户端
  • 最后的展示
  • 总结
  • 配套资源

SpringBoot技术很多很多

韩顺平说：学习JAVA的人有两大难
第一困惑，JAVA能百度到的知识太多太多，完全不知道学啥
第二困惑，就是不知道以什么样的顺序去学，有的时候乱看一堆视频有遗漏，有的时候，两边的视频还有重复。
在这里插入图片描述
然后，再来看一般的springboot 的书籍中内容。
一般是这样。
在这里插入图片描述
一眼看上去直接就晕了。然后这么多东西，哪个是哪个的基础？
直接就懵了。上网查吧？
不上网还好，一上网一查，结果查到的是满天的学习完了JAVA 学到了springboot 工资不到3000。
我还能学下去？
在这里插入图片描述

面对越来越紧的时间，越来越少的知识我要怎么办

假定，你在学校做过了JAVA的小项目了。（我指的是swing，servlet 之类） 可能会点SSM，也可能不会，那我马上就要毕业了，我得搞项目，搞毕设呀。啊！！！
在这里插入图片描述
其实，不用急，仅有的这点技术，肯定是可以做项目的。只要你沉下心，这船就有打捞上来的可能。躺就真的沉了。

项目里可能要用到的技术

前后端分离

这是一个好技术。前后端分离的主要概念就是：后台只需提供API接口，前端调用AJAX实现数据呈现。 现状与分歧. 作为一名前端开发人员，我们应该尝试一些新颖的技术，完善每一个细节，后端的开发人员就无脑疯狂的输出json。
在传统的web应用开发中，大多数的程序员会将浏览器作为前后端的分界线。将浏览器中为用户进行页面展示的部分称之为前端，而将运行在服务器，为前端提供业务逻辑和数据准备的所有代码统称为后端。
难不难工作量是不一定，但是，两边的难度是真的降了。
后端的只用idea community IDEA社区版(Community)版本就足够。前端高级的玩玩webStorm，不行用hbuilder，vscode 好象都能写代码。甚至还有人用editplus ++ , nodepad 之流了，这就有点过份了哈。

json

JSON（JavaScript Object Notation, JS对象简谱）是一种轻量级的数据交换格式。它基于 ECMAScript（European Computer Manufacturers Association, 欧洲计算机协会制定的js规范）的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写。
这个东东一出来就直接把xml 的这种格式按地上摩擦了。而且可以可读性好，也把一些不可读的数据包形式也给取代了。

其它的必要知识

  • 网页三剑客，这个不用说了
  • JAVA，你总得会idea吧
  • maven 这个也是必须的

环境及工具：

本系列环境

环境win11
工具idea 2017
jdk1.8
数据库mysql5.5
maven3.2.1
项目导入方式maven 导入
数据库前端工具mysql-front (navicat 也可以)

数据库前端工具：mysql-front (navicat 也可以)
主要是这些跟PHPStudy 2018 整合了，所以有的时候懒的打开navicat
关于环境的重要性，直接看上面的《SpringBoot 的项目编译即报错处理–JSB系列之001》

上代码

说了这么多了，还是上点正菜。

Controller代码

package com.example.demo.controller;

import com.example.demo.entity.Course;
import com.example.demo.entity.Source;
import com.example.demo.mapper.CourseAvgMapper;
import com.example.demo.mapper.GpaMapper;
import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import javax.annotation.Resource;
import java.util.List;

@RestController
@RequestMapping("/getCourseAvg")
@CrossOrigin
public class CourseAvgController {

    @Resource
    CourseAvgMapper courseAvgMapper;

    @GetMapping("/getDashujuCourse")
    public List<Course> getDashujuCourse() {
        List<Course> courseList = courseAvgMapper.getDashujuCourse();
        return courseList;
    }

    @GetMapping("/getJisuanjiyingyongCourse")
    public List<Course> getJisuanjiyingyongCourse() {
        List<Course> courseList = courseAvgMapper.getJisuanjiyingyongCourse();
        return courseList;
    }

    @GetMapping("/getRuanjiangongchengCourse")
    public List<Course> getRuanjiangongchengCourse() {
        List<Course> courseList = courseAvgMapper.getRuanjiangongchengCourse();
        return courseList;
    }

    @GetMapping("/getRuanjianjishuCourse")
    public List<Course> getRuanjianjishuCourse() {
        List<Course> courseList = courseAvgMapper.getRuanjianjishuCourse();
        return courseList;
    }
    @GetMapping("/getWangluogongchengCourse")
    public List<Course> getWangluogongchengCourse() {
        List<Course> courseList = courseAvgMapper.getWangluogongchengCourse();
        return courseList;
    }

    @GetMapping("/getWangluojishuCourse")
    public List<Course> getWangluojishuCourse() {
        List<Course> courseList = courseAvgMapper.getWangluojishuCourse();
        return courseList;
    }

    @GetMapping("/getWulianwangCourse")
    public List<Course> getWulianwangCourse() {
        List<Course> courseList = courseAvgMapper.getWulianwangCourse();
        return courseList;
    }

    @GetMapping("/getXinxiguanliCourse")
    public List<Course> getXinxiguanliCourse() {
        List<Course> courseList = courseAvgMapper.getXinxiguanliCourse();
        return courseList;
    }

}

直接mapper

先不要service， 至于为啥不用service 那你的业务怎么处理？我是感觉吧，你如果有复杂的业务，直接面条式的写在controller里。
那可能又有人问，那业务的事务怎么保证？我先问一句，你时间这么紧，能少一点就少一点，你一个人用这个系统，一个人连接数据库，其实是没有并发的？本着最简就拼出项目漂亮界面的原则。当然，正式的项目也不会这样子。
当然了，也可以用若依框架，那个也是快速的开发。而且没有这些隐患。问题就是，你得能看懂若依。

package com.example.demo.mapper;

import com.example.demo.entity.Course;
import com.example.demo.entity.Source;
import org.apache.ibatis.annotations.Select;
import org.springframework.stereotype.Component;

import java.util.List;
@Component
public interface CourseAvgMapper {

    @Select("select * from course where speciality_id=10112")
    List<Course> getDashujuCourse();

    @Select("select * from course where speciality_id=10201")
    List<Course> getJisuanjiyingyongCourse();//计算机应用

    @Select("select * from course where speciality_id=10108")
    List<Course> getRuanjiangongchengCourse();//软件工程

    @Select("select * from course where speciality_id=10203")
    List<Course> getRuanjianjishuCourse();//软件技术

    @Select("select * from course where speciality_id=10109")
    List<Course> getWangluogongchengCourse();//网络工程

    @Select("select * from course where speciality_id=10202")
    List<Course> getWangluojishuCourse();//网络技术

    @Select("select * from course where speciality_id=10110")
    List<Course> getWulianwangCourse();//物联网

    @Select("select * from course where speciality_id=10111")
    List<Course> getXinxiguanliCourse();//信息管理
}

实体类

这里有必要说一下idea2017并不支持lombok，需要自己导入一下，不过如果你不会的话，你完全可以自己写一下get set 反正小项目也写不了多少。idea 2017占的内存是真的少。所以还是有很多的大佬在用。在绝对的速度面前，招数就显得没有那么重要了。

 package com.example.demo.entity;

import lombok.Data;

@Data
public class Course {
    private String course_name;//课程名
    private String speciality_id;//专业id
    private String speciality;//专业名
    private String courseAvgScore;//课程平均分

}

跑起来

后台

数据库的部分你自己搞定吧，如果到了做毕设还不会数据库，这个还是要下点功夫了。
这么点代码+数据库就能跑起来？没错，他确实是能运行

@SpringBootApplication
@MapperScan("com.example.demo.mapper")
public class DemoApplication {

	public static void main(String[] args) {
		SpringApplication.run(DemoApplication.class, args);
	}

}

用浏览器最原始的方式验证

在浏览器上念出一段神奇的古老埃及法老的字符。

http://localhost:8001/getClassAvg/classDashujuAvg

在这里插入图片描述

客户端

直接上最复杂的图表。单表增删改查的例子，自己在我的博客里找吧。
在这里插入图片描述
完整的html代码。

<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title>学生成绩数据可视化系统</title>
	<link rel="stylesheet" href="css/index.css" />
	<link rel="stylesheet" href="css/center3.css" />
</head>

<body>
	<header>
		<div class="sel">
			<select class="sell">
				<option>
					<a href="javascript:;">数据科学与大数据技术</a>
				</option>
				<option>
					<a href="javascript:;">计算机应用技术</a>
				</option>
				<option>
					<a href="javascript:;">软件工程</a>
				</option>
				<option>
					<a href="javascript:;">软件技术</a>
				</option>
				<option>
					<a href="javascript:;">网络工程</a>
				</option>
				<option>
					<a href="javascript:;">网络技术</a>
				</option>
				<option>
					<a href="javascript:;">物联网工程</a>
				</option>
				<option>
					<a href="javascript:;">信息管理与信息系统</a>
				</option>
			</select>
		</div>
		<div class="title">
			<h1>高校学生成绩数据可视化系统</h1>
		</div>
		<div class="time">
			<div class="showTime"></div>
		</div>

	</header>
	<section class="main">
		<!-- column1 -->
		<div class="column">
			<div class="panel bar">
				<h2>班级平均分</h2>
				<div class="chart" id="bar1"></div>
				<div class="panel-footer"></div>
			</div>
			<div class="panel line" >
				<h2>各科平均分</h2>
				<div class="chart" id="line1"></div>
				<div class="panel-footer"></div>
			</div>
			<div class="panel pie">
				<h2>成绩分布</h2>
				<div class="chart" id="pie1"></div>
				<div class="panel-footer"></div>
			</div>
		</div>
		<!-- column2 -->
		<div class="column">
			<!-- 数字模块 -->
			<div class="no"></div>
			<!-- 地图模块 -->
			<div class="map">
				<div class="map1">
					<!-- 旋转 -->
					<div class="container">
						<div class="shape" style="--n: 10;">
							<div class="shape" style="--n: 9;">
								<div class="shape" style="--n: 8;">
									<div class="shape" style="--n: 7;">
										<div class="shape" style="--n: 6;">
											<div class="shape" style="--n: 5;"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- /旋转 -->
				</div>
				<div class="map2"></div>
				<div class="map3"></div>
				<div class="chart" id="treeMap"></div>
			</div>
		</div>
		<!-- column3 -->
		<div class="column">
			<div class="panel bar2">
				<h2>绩点排名</h2>
				<div class="chart" id="bar2"></div>
				<div class="panel-footer"></div>
			</div>
			<div class="panel line2">
				<h2>学业预警</h2>
				<div class="chart" id="line2"></div>
				<div class="panel-footer"></div>
			</div>
			<div class="panel pie2">
				<h2>班级绩点</h2>
				<div class="chart" id="pie2"></div>
				<div class="panel-footer"></div>
			</div>
		</div>
	</section>

	<script type="text/javascript" src="js/flexible.js"></script>
	<script type="text/javascript" src="js/echarts.min.js"></script>
	<script type="text/javascript" src="js/jquery.js"></script>
	<script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>
	<script type="text/javascript" src="js/vue.min.js"></script>
	<script type="text/javascript" src="js/bar1.js"></script>
	<script type="text/javascript" src="js/bar2.js"></script>
	<script type="text/javascript" src="js/line1.js"></script>
	<script type="text/javascript" src="js/line2.js"></script>
	<script type="text/javascript" src="js/scatter.js"></script>
	<script type="text/javascript" src="js/linear.js"></script>
	<script type="text/javascript" src="js/gauge.js"></script>
	<script type="text/javascript" src="js/treemap.js"></script>

	<script type="text/javascript">
		var t = null;
		t = setTimeout(time, 1000); 
		function time() {
			clearTimeout(t); 
			dt = new Date();
			var y = dt.getFullYear();
			var mt = dt.getMonth() + 1;
			var day = dt.getDate();
			var h = dt.getHours(); 
			var m = dt.getMinutes(); 
			var s = dt.getSeconds();
			document.querySelector(".showTime").innerHTML = '当前时间：' + y + "年" + mt + "月" + day + "-" + h + "时" + m + "分" +
				s + "秒";
			t = setTimeout(time, 1000);    
		}
	</script>
</body>

</html>

最后的展示

用hbuilder 直接运行。
为什么这个项目可以这么随意？因为他没有token ,没有 spring security 呀，所以肯定可以直接访问后台了。有如罗大佑老师唱的“穿过你的黑发的我的手”
就是这么的随意，漂亮，任性。

在这里插入图片描述

好，一步成功点亮，关电，拉闸，领盒饭！走人。

总结

提示：IT是一个要多动手的职业，一定要多练不要贪快：
这一部涉及到的知识可以说非常之多。能花一周的时间把这篇文章里的东西弄一个大概并运行出来，也是很不容易的，而且难度也不低，准确一点说，培训机构也能让你似懂非懂的把这个代码跑起来。
做到这一步，你会了springBoot了么？会了，但是现在你会的都是初级基本上就是对付一下简单项目。传的对象复杂了，数据信息多了，都可能会出现这样那样的问题。
还有就是springboot 的缓存，JWT，消息队列，安全机制 ，任务管理其实他们从SSM甚至SSH的时候就有了。只是springboot 一下子全集成过来了。你去看别人的SSM项目 ，这些东西也都有。
所以，程序猿与学员纯在着本质的差别。那么如何提高呢？当然要多读别人的成功项目了。
GITEE上面存在着大量的springboot的项目，英文没有问题的话，可以去github。

配套资源

暂不提供
如果有需要，留言评论区吧

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/785428.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

Java-IDEA好用的插件

Java-IDEA好用的插件

Lombok&#xff0c;结合一些列注解&#xff0c;帮我们轻松解决重复编写实体类get、set、toString、build、构造方法等麻烦 Chinesepinyin-CodeComp&#xff0c;让界面汉化&#xff0c;使用起来更有亲和力 MyBatisX,点击小鸟图标&#xff0c;轻松再Mapper接口与xml文件之间实…
阅读更多...
Spring Security OAuth2.0 - 学习笔记

Spring Security OAuth2.0 - 学习笔记

一、OAuth基本概念 1、什么是OAuth2.0 OAuth2.0是一个开放标准&#xff0c;允许用户授权第三方应用程序访问他们存储在另外的服务提供者上的信息&#xff0c;而不需要将用户和密码提供给第三方应用或分享数据的所有内容。 2、四种认证方式 1&#xff09;授权码模式 2&#x…
阅读更多...
云性能监控的应用是提升云服务质量的关键

云性能监控的应用是提升云服务质量的关键

随着云计算的普及和企业对云服务的广泛应用&#xff0c;保证云服务的质量和性能已成为企业的重要课题。在这一背景下&#xff0c;云性能监控应运而生&#xff0c;成为提升云服务质量的重要工具&#xff0c;也可以说云性能监控的应用是提升云服务质量的关键。 首先&#xff0c;云…
阅读更多...
win10 hadoop报错 unable to load native-hadoop library

win10 hadoop报错 unable to load native-hadoop library

win10 安装hadoop执行hdfs -namenode format 和运行hadoop的start-all报错 unable to load native-hadoop library 验证&#xff1a; hadoop checknative -a 这个命令返回都是false是错的 返回下图是正确的 winutils: true D:\soft\hadoop-3.0.0\bin\winutils.exe Native li…
阅读更多...
LLM-Blender：大语言模型也可以进行集成学习

LLM-Blender：大语言模型也可以进行集成学习

最近在看arxiv的时候发现了一个有意思的框架&#xff1a;LLM-Blender&#xff0c;它可以使用Ensemble 的方法来对大语言模型进行集成。 官方介绍如下&#xff1a;LLM-Blender是一个集成框架&#xff0c;可以通过利用多个开源大型语言模型(llm)的不同优势来获得始终如一的卓越性…
阅读更多...
pycharm 添加pyuic 插件

pycharm 添加pyuic 插件

添加pyuic插件&#xff0c;就能将ui类型的文件转换称py格式的文件 进入主界面 打开文件->设置->外部工具 点击加号&#xff0c;添加扩展 图1 添加外部扩展 名字记作 pyuic&#xff0c;分组到External Tools 描述为ui to py ,地址选择为 python.exe 的目录地址 参数填写&a…
阅读更多...
Python实现抽象工厂模式

Python实现抽象工厂模式

抽象工厂模式是一种创建型设计模式&#xff0c;用于创建一系列相关或依赖对象的家族&#xff0c;而无需指定具体类。在Python中&#xff0c;可以通过类和接口的组合来实现抽象工厂模式。 下面是一个简单的Python实现抽象工厂模式的示例&#xff1a; # 抽象产品接口 class Abs…
阅读更多...
客户案例 | 思腾合力服务器助力西安电子科技大学人工智能实验室建设

客户案例 | 思腾合力服务器助力西安电子科技大学人工智能实验室建设

客户介绍 西安电子科技大学是以信息与电子学科为主&#xff0c;工、理、管、文多学科协调发展的全国重点大学&#xff0c;直属教育部&#xff0c;是国家“优势学科创新平台”项目和“211工程”项目重点建设高校之一、国家双创示范基地之一、首批35所示范性软件学院、首批9所示范…
阅读更多...
微服务系列（1）-who i am？

微服务系列（1）-who i am？

微服务系列&#xff08;1&#xff09;-我是谁 应用架构的演化 简单来说系统架构可以分为以下几个阶段&#xff1a;复杂的臃肿的单体架构-SOA架构-微服务 单体架构及其所面临的问题 在互联网发展初期&#xff0c;用户数量少&#xff0c;流量小&#xff0c;硬件成本高。因此…
阅读更多...
LangChain Agents深入剖析及源码解密上(一)

LangChain Agents深入剖析及源码解密上(一)

LangChain Agents深入剖析及源码解密上(一) LangChain Agents深入剖析及源码解密上 Agent工作原理详解 本节会结合AutoGPT的案例，讲解LangChain代理（Agent）为核心的内容。我们前面已经谈了代理本身的很多内容，也看了绝大部分的源代码，例如：ReAct的源代码，还有mrkl的源代…
阅读更多...
HDFS基本操作命令

HDFS基本操作命令

这里写目录标题 HDFS Shell CLI客户端说明常用命令hadoop fs -mkdir [-p] <path>hadoop fs -ls [-h] [-R] [<path>...]上传文件到指定目录下方法一:hadoop fs -put [-f] [-p] <localsrc>.....<dst>方法二&#xff1a;hadoop fs -moveFromLocal <loc…
阅读更多...
金融机构如何管理UPS设备？这个方法超值！

金融机构如何管理UPS设备？这个方法超值！

UPS监控在金融行业中扮演着至关重要的角色&#xff0c;确保金融机构在电力故障或波动的情况下依然能够保持业务的稳定运行。 因此&#xff0c;UPS监控在金融行业中扮演着守护者的角色&#xff0c;确保金融机构能够在复杂的电力环境中持续稳健地运行。 客户案例 一家国际性的金…
阅读更多...
数据库应用：Redis安装部署

数据库应用：Redis安装部署

目录 一、理论 1.缓存 2.关系型数据库与非关系型数据库 3.Redis 4.Redis安装部署 5.Redis命令工具 6.Redis数据库常用命令 7.Redis多数据库操作 二、实验 1.Redis安装部署 2.Redis命令工具 3.Redis数据库命令 4.Redis多数据库操作 三、问题 1.RESP连接CentOS 7 R…
阅读更多...
KnowStreaming系列教程第二篇——项目整体架构分析

KnowStreaming系列教程第二篇——项目整体架构分析

一、KS项目代码结构&#xff1a; ks项目代码结构如上&#xff1a; (1)km-console 是前端部分&#xff0c;基于React开发 (2)km-rest 是后端部分&#xff0c;主要是接受前端请求&#xff0c;对应controller相关代码所在模块 (3)km-biz:业务逻辑处理 (4)km-core:核心逻辑 (5…
阅读更多...
MapGIS“透明”地下空间，助力城市纵向发展新实践

MapGIS“透明”地下空间，助力城市纵向发展新实践

城市地下空间拓展是城市化发展的必然趋势&#xff0c;城市化发展需要拓展城市空间&#xff0c;城市空间的横向拓展以蔓延式、平面化的发展模式造成土地资源的巨大浪费&#xff0c;地下空间是城市战略性新型国土资源&#xff0c;开发利用城市地下空间是提高土地利用效率、扩大城…
阅读更多...
P2096 最佳旅游线路

P2096 最佳旅游线路

竖直方向可以随便走嘛&#xff0c;所以求出每一列 的最大值&#xff0c;再做比较就可以了(求最大子段和)。 ACcode: #include<bits/stdc.h> using namespace std; int n,m,a[105][20010],b[20010],dp[20010]; void solve() {cin>>n>>m;for(int i1;i<n;i)f…
阅读更多...
linux服务器部署

linux服务器部署

文章目录 一、基本工具安装1.使用vi命令编辑文件 二、安装1.jdk2.读入数据 总结 一、基本工具安装 1.使用vi命令编辑文件 注:如果vi命令没有&#xff0c;可以使用yum -y install vim或者apt-get install vim命令安装。 Linux操作系统第二讲 二、安装 1.jdk 参考 卸载jdk…
阅读更多...
Spring MVC 是什么？

Spring MVC 是什么？

一、什么是 Spring MVC&#xff1f; 官方对于 Spring MVC 的描述是这样的&#xff1a; Spring Web MVC is the original web framework built on the Servlet API and has been included in the Spring Framework from the very beginning. The formal name, “Spring Web …
阅读更多...
Robust Unsupervised StyleGAN Image Restoration总结整理

Robust Unsupervised StyleGAN Image Restoration总结整理

鲁棒的无监督StyleGAN图像恢复 一.创新点 现有的无监督方法必须针对每个任务和降级级别进行仔细调整。&#xff08;这里每个任务都是什么&#xff1f;降级级别是什么&#xff1f;&#xff09; 在这里使用StyleGAN图像恢复健壮&#xff0c;即单组超参数在宽范围的退化水平上起…
阅读更多...
[Angular] 主从表结构，从表记录在主表固定栏位上呈现

[Angular] 主从表结构，从表记录在主表固定栏位上呈现

Background 主从表结构&#xff0c;有时为了方便数据呈现&#xff0c;在UI上不显示从表资料&#xff0c;那么需要动态把从表的资料加载到主表的固定栏位上。 例如&#xff1a;主表是人员信息&#xff0c;从表是银行卡信息&#xff0c;一个人在同一家银行可能有多张银行卡&…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023