基于spring boot + MySQL 的简单网页查询 源码详解及服务器部署

声明：源码是在原有代码中截取，没有实际跑，有问题请私信或者评论。
有不明白的也请留言，大家一起学习 (¬‿¬)

α 环境配置

1. 在eclipse中spring boot（框架）的环境搭建
   spring boot环境搭博客链接

控制台出现spring表示环境搭建完成

表示该spring boot程序正确启动

关于二次启动报错问题,端口被前一程序占用,将程序关闭后再次重启即可

2. win10环境Mysql的安装
   Mysql安装教程链接
   注意在Linux服务器上改用MySQL的分支MariaDB

3. 需要的jar
   jdbc --链接数据库
   选择平台不依赖的驱动 - - - jdbc下载地址

json --数据传输
从maven下载的教程

β 代码详解

1. 项目结构

com.test包下
Data_f 与 Data 为对象的类封装 , Database 为具体的逻辑实现 , SpringTestApplication 为程序入口

index.html是前端页面

pom.xml 和 application.properties 都是spring boot的配置文件

2. 执行流程

前端获取用户输入信息 , 将其传向后端 , 后台接收信息后进行处理 , 生成相应的SQL语句 , 在数据库进行查询并返回所查信息 , 对信息进行封装 , 将数据提交给前端 , 由前端进行数据展示.

3. 核心部分代码解释

• 前端获取用户输入

<input type="text" id="01">				//用户通过文本框输入
<input type="button" value="search" onclick="a()">	//点击事件 ,调用js函数

• 前端发送请求及接收返回数据
  在html文件中使用js需使用 <script type=“text/javascript”></script> 标签
  使用ajax需使用 <script src=“https://code.jquery.com/jquery-3.1