目录
（一）项目概述
（二）开始阶段
问题1：如何创建一个可以连接数据库的JavaWeb项目？
问题2：如何向前端传输想要的信息？
问题3：如何读取数据库中想要得到的数据？
问题4：如何将后端的信息发送给前端页面？
问题5：前端如何向服务端发送带有行为特征的信息？
（三）整合阶段
问题1：如何在不同的IP地址共用同一个数据库？
问题2：如何实现MQTT云端与管理员和硬件功能块之间的互通？
预备方案：
（四）完善阶段
问题1：如何实现jsp页面局部的实时刷新？
（五）结语
（一）项目概述
该项目以三个功能块（Javaweb（智能家居数据显示）、管理员UI（家居设备管理）、Ardurino（家居本居））和两个传输块（Mysql、Mqtt）实现。 笔者在此项目中主要负责编辑JavaWeb前后端语句以及实现JavaWeb功能块与Mysql的数据传输接收。笔者在下文将以整个项目分为三个阶段展开，主要谈谈在各个阶段中遇到的问题和解决的方案。
发开工具：IDEA
（二）开始阶段
笔者所在团队分为三个小组，分别对应实现三个功能块的内容，以下针对JavaWeb功能块提出一些问题。
问题1：如何创建一个可以连接数据库的JavaWeb项目？
在安装完IDEA后，我们新建一个Web模块项目。之后，我们需要添加mysql-connector-java-8.0.25.jar在项目lib中，再编辑Tomcat本地服务器（笔者使用的是8.0.70版本，如果版本过低好像会对项目产生影响）以方便测试项目。
问题2：如何向前端传输想要的信息？
搭建Servlet服务端，在web.xml文件中进行映射匹配。
<servlet>
<servlet-name>loginServlet</servlet-name>
<servlet-class>jspservlet.servlet.LoginServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>loginServlet</servlet-name>
<url-pattern>/login</url-pattern>
</servlet-mapping>问题3：如何读取数据库中想要得到的数据？
必须先建立类与其产生连接，之后在服务端后台利用sql语句对数据库进行查询。
package jspservlet.db;
import java.sql.Connection;
import java.sql.DriverManager;
public class DBConnect {
private final String DBDRIVER = "com.mysql.cj.jdbc.Driver" ;
private final String DBURL = "jdbc:mysql://localhost:3306/smarthome2?useSSL=false&serverTimezone=UTC" ;
private final String DBUSER = "本地账号" ;
private final String DBPASSWORD = "密码" ;
private Connection conn = null ;
public DBConnect() {
try{
Class.forName(DBDRIVER) ;
this.conn = DriverManager.getConnection(DBURL,DBUSER,DBPASSWORD) ;
}catch (Exception e){
System.out.println(e.getMessage());
}
}
public Connection getConnection(){
return this.conn ;
}
public void close(){
try{
this.conn.close() ;
}catch (Exception e){ }
}
}
String sql = "需要的sql语句";
PreparedStatement pstmt = null ;
DBConnect dbc = null;
try{
dbc = new DBConnect() ;
pstmt = dbc.getConnection().prepareStatement(sql) ;//运行sql语句
ResultSet rs = pstmt.executeQuery();
while(rs.next()){
rs.getString("根据自己的填写"));//得到select语句对应的内容
}
rs.close() ;
pstmt.close() ;
}
catch (SQLException e){
System.out.println(e.getMessage());
}
finally{
dbc.close() ;
} 问题4：如何将后端的信息发送给前端页面？
在服务端读取到数据库的信息后，完善服务器的doGet方法（页面打开时会自动执行）——利用session.setAttribute或request.setAttribute的方法提供一个类似键值对的信息，之后再重定向以显示指定的某个jsp页面。在该jsp中，可以使用<% %>隐藏域去接收服务器的响应，再以<%= %>的形式打印在jsp的任何位置（可以实现在循环中呈现多个设备，即html语句嵌套在域中）。
后端语句----------------------------------------------------------------------------
public void doGet(HttpServletRequest req,HttpServletResponse res) {
LightDAO dao=new LightDAOImpl();//创建后台实现类，为实现数据查询功能
HttpSession session=req.getSession();
ArrayList<Light> linfo=new ArrayList<Light>();
ArrayList<String> ltype=new ArrayList<>();
try {
session.setAttribute("随便取个名字", 想传的内容);
linfo=dao.allLightid();//后端实现的方法（自己写去）
ltype=dao.allLightType();
session.setAttribute("linfo", linfo);
session.setAttribute("ltype",ltype);
res.sendRedirect("./light.jsp");//将响应交给前端页面
}
catch(Exception e){
e.printStackTrace();
}
}
前端语句----------------------------------------------------------------------------
<% ArrayList<Light> l = (ArrayList<Light>)session.getAttribute("linfo"); %>
<% int i=0;%>
<% while (i<l.size()){ %>
<% Light k=l.get(i); %>
<% String cl=k.getType(); %>
<% for (j=0;j<type.size();j++){ %>
<% String t=type.get(j); %>
<% if (cl.equals(t)){ %>
<div class= "col-lg-4 col-md-6 col-sm-12 single_project cat<%=j+1%>">
<div class="grid_item">
<div class="deneb_img">
<img src=<%= l.get(i).getImg() %> class="img-fluid" alt="">
</div>
<div class="deneb_info">
<h4><a href="./inf?action=light&id=<%=k.getId() %>"><%= l.get(i).getType() %></a></h4>
<p id="zz">brightness:<%= l.get(i).getState() %></p>
</div>
</div>
</div>
<% }}i++;} %>问题5：前端如何向服务端发送带有行为特征的信息？
这个问题主要是因为想要查询某个具体设备（在Mysql中的id唯一）的响应信息，所以该请求必须携带带有特征的信息，让服务器进行响应。实现方法是使用<a href=""?id=xxx&...>这种形式的超链接请求语句，然后再服务端利用req.getParameter("id")的形式获取id（当然可以取别的名字）后的内容。
<a href="./inf?action=light&id=<%=k.getId() %>"><%= l.get(i).getType() %></a>String judge=req.getParameter("action");
if (judge!=null) {
if (judge.equals("changeon")) {
}
if (judge.equals("changeoff")) {
}
if (judge.equals("delete")) {
}
}（三）整合阶段
在笔者JavaWeb功能块与本地Mysql连接可以单独实现之后，笔者开始与另外两个功能块的内容进行对接：首先就是与管理员功能块统一数据库的内容形式（如何利用ip共用同一数据库在后面会讲到），然后就是了解了硬件功能块的运作形式（Arduino单开线程发送和接收信息），最后组员提供了利用WIFI模块实现云端服务器通讯（MQTT传输块）的方法。以下是在讨论时提出的几个问题和相应的解决方式。
问题1：如何在不同的IP地址共用同一个数据库？
在提供数据库的设备上以管理员身份打开Mysql控制台，输入use mysql连接用户表，利用create函数创建一个新的用于连接的用户（记得用flush privileges是操作有效），最后利用grant函数给用户授权，@后的内容可以用‘%’，即任何IP都可以连接。
之后将运行JavaWeb的设备中connect的语句中的localhost替换为提供数据库设备的无线互联网v4IP地址并更改下方用户名和密码的字符串。（运行项目可能会有一个数据库无法连接的报错，在IP地址后加上&allowPublicKeyRetrieval=true可以实现联通。）
注意：在测试之前先用cmd ping下对应的IP，如果ping不进可能要关掉防火墙！！
问题2：如何实现MQTT云端与管理员和硬件功能块之间的互通？
在讨论这个问题之前需要先弄清楚各个功能块之间的逻辑关系，JavaWeb只需要读取Mysql中的内容，管理员需要不断接收云端上发布的内容并将内容写进共用的Mysql中，硬件需要不断向云端发送各个智能家居的传感器当前的数据，可见管理员后台和硬件方面是两条不同的线程，以云端为连接的桥梁。
所以只需要解决桥梁的搭建问题就能实现互通——
在硬件方面，利用WIFI模块和Arduino的语句可以开辟一条线程向MQTT服务器发送带有topic标签的内容（订阅MQTT后可以在网页上实时看到发送过来的数据噢^^），发送的消息会被存在一个broker（类似地址的感觉，互联网这块知识不怎么了解）里。管理员通过MQTT官网提供的资源包在新建Maven架构项目里添加依赖项，然后官方提供的java连接的API，再开辟一条保持连接服务器的新线程（注意要将broker改成自己的），就可以定时获取MQTT云端上的数据啦！
效果图：
重新连接的问题可能是运行太快导致的，可以用sleep减慢速度。
预备方案：
利用蓝牙模块的蓝牙配对与主机产生关联，相当于管理员直接与硬件进行沟通，不经过云端。（存在问题：蓝牙距离较短，大概只有10米远）
做法：
家居启动后，蓝牙会进入持续配对的状态（红灯闪烁），打开管理员设备蓝牙与家居进行配对，之后利用java的bluetooth类在后台发送和接收语句（原理和云端连接相同）。
实物效果图（这里还是用手机连的）：发送指令BlueLight_5后的结果
（四）完善阶段
在以上阶段有序进行完之后，笔者想到Mysql数据库实时更新会对JavaWeb的前端会产生一定的影响（数据无法统一）。
问题1：如何实现jsp页面局部的实时刷新？
笔者上网查阅很多的资料（其实是踩了很多坑）之后，钻研出了一个属实有点生硬的方法：
想到js语言可以在后台不断反复运行，那么就可以利用js语句向服务器定时发送请求并接收响应，果然在网上发现了js下的ajax功能，该功能与jsp+servlet原理类似，但是是在js环境下运行，不需要时刻手动点击刷新页面产生事件令页面发生反应。最后只需要在成功收到一次响应的语句后修改一次当前jsp页面标签内的内容，再将整个过程放到一个时刻运行的循环里就可以实现实时刷新啦！wuhu~~！
目前还在修改这部分的代码，所以没法提供源码，见谅。
（五）结语
如果大家在做这个项目的时候遇到什么新的问题，或者对某些问题有更好的更快捷的做法，可以在文章下方评论或者直接私信笔者，文章还会持续更新，谢谢大家！