• 1.下载网页模板(我只是网页的搬运工，代码是自己写的
  • ——不喜勿喷)。
    最终效果：

Tomcat—MySQL登录

登录页面
链接：https://pan.baidu.com/s/1_X-2crExl3dyo_zxf0qLQA
提取码：AAAA

主页面
链接：https://pan.baidu.com/s/1csUICPCm32WBNwib6wYGHA
提取码：BBBB

mysql-connector-java.jar驱动jar包
链接：https://pan.baidu.com/s/1NEiQuSz-10zTOHPQZWN0OA
提取码：CCCC

Tomcat 8.5.45
链接：https://pan.baidu.com/s/1tEEpiqQjkW_2vpesDu46xw
提取码：DDDD

  • 2.创建自己的数据库
/*Navicat Premium Data TransferSource Server         : mysqlSource Server Type    : MySQLSource Server Version : 50554Source Host           : localhost:3306Source Schema         : testTarget Server Type    : MySQLTarget Server Version : 50554File Encoding         : 65001Date: 04/03/2021 18:43:29
*/SET NAMES utf8mb4;
SET FOREIGN_KEY_CHECKS = 0;-- ----------------------------
-- Table structure for t_user
-- ----------------------------
DROP TABLE IF EXISTS `t_user`;
CREATE TABLE `t_user`  (`id` int(11) NOT NULL AUTO_INCREMENT COMMENT '用户ID',`username` varchar(50) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL COMMENT '用户名',`password` varchar(50) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL COMMENT '用户密码',`telephone` varchar(50) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL COMMENT '联系电话',`register_time` timestamp NULL DEFAULT NULL ON UPDATE CURRENT_TIMESTAMP COMMENT '注册时间',PRIMARY KEY (`id`) USING BTREE
) ENGINE = InnoDB AUTO_INCREMENT = 10 CHARACTER SET = utf8 COLLATE = utf8_general_ci ROW_FORMAT = Compact;-- ----------------------------
-- Records of t_user
-- ----------------------------
INSERT INTO `t_user` VALUES (1, '李刚', '123', '15888781123', '2012-05-21 09:26:10');
INSERT INTO `t_user` VALUES (2, '王霞', '123244', '13990901140', '2012-06-08 12:49:27');
INSERT INTO `t_user` VALUES (3, '段誉', '123', '12345678907', '2012-06-08 12:50:23');
INSERT INTO `t_user` VALUES (4, 'admin', 'admin', '13989891123', '2021-02-24 16:09:10');
INSERT INTO `t_user` VALUES (5, '李红', '222222', '15888781123', '2012-06-08 16:53:17');
INSERT INTO `t_user` VALUES (6, 'browser', '11111', '13853452232', '2012-06-11 12:55:46');
INSERT INTO `t_user` VALUES (7, 'operater', '22222', '1234567890', '2012-06-11 12:55:36');
INSERT INTO `t_user` VALUES (8, '王平', '33333', '1234500000', '2012-06-21 12:57:54');
INSERT INTO `t_user` VALUES (9, 'wxy', 'wxy', '54345345', '2021-03-25 11:54:07');SET FOREIGN_KEY_CHECKS = 1;
  • 3.创建JAVA_Web项目,直接点完成

  • 4.在WEB-INF里面创建lib文件夹，并把mysql-connection.jar包托进去-添加为库（步骤-右键mysql-connection.jar包-添加到库（add
    to the library））

  • 5.将下载的模板放入到web文件夹下（登录页和主页一起放进去），注意看有无重名的文件。
    6.创建：
    do_login.jsp
    index.jsp
    login.jsp
    success.jsp文件
    代码如下：

login.jsp------------------修改你自己的数据库名、账户、密码

<%@ page import="java.sql.*" %>
<%@ page import="java.net.URLEncoder" %><%// 设置请求对象字符编码request.setCharacterEncoding("utf-8");// 获取表单提交的数据String username = request.getParameter("username");String password = request.getParameter("password");// 设置连接数据库的参数值final String DRIVER = "com.mysql.jdbc.Driver";final String URL = "jdbc:mysql://localhost:3306/test";final String USER = "root";final String PASSWORD = "root";try {// 安装数据库驱动程序Class.forName(DRIVER);// 获取数据库连接Connection conn = DriverManager.getConnection(URL + "?useUnicode=true&characterEncoding=utf8", USER, PASSWORD);// 定义SQL字符串String strSQL = "select * from t_user where username = ? and password = ?";// 创建预备语句对象PreparedStatement pstmt = conn.prepareStatement(strSQL);// 设置占位符的值pstmt.setString(1, username);pstmt.setString(2, password);// 执行SQL查询，返回结果集ResultSet rs = pstmt.executeQuery();// 判断结果集是否有记录if (rs.next()) {// 清除session里可能存在的属性值if (session.getAttribute("errMsg") != null) {session.removeAttribute("errMsg");}// 采用重定向，跳转到登录成功页面response.sendRedirect("success.jsp?username=" + URLEncoder.encode(username, "utf-8"));} else {// 设置session属性值session.setAttribute("errMsg", "用户名或密码错误，请重新登录");// 采用重定向，跳转到登录页面response.sendRedirect("login.jsp");}} catch (ClassNotFoundException e) {e.printStackTrace();} catch (SQLException e) {e.printStackTrace();}
%>

index.jsp

<%--Created by IntelliJ IDEA.User: AdministratorDate: 2021/3/4Time: 17:33To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>登录界面</title><link rel="stylesheet" href="css/index.css"><script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
<script>$(document).ready(function () {var whei = $(window).width()$("html").css({ fontSize: whei / 24 });$(window).resize(function () {var whei = $(window).width();$("html").css({ fontSize: whei / 24 })});});
</script><div class="main"><div class="header"><div class="header-center fl"><div class="header-title">登录界面</div><div class="header-img"></div></div><div class="header-bottom fl"></div></div><div class="content"><div class="content-left"><!--<img src="data:images/d.png" alt="">--></div><div class="content-right"><div class="right-infp"><form action="do_login.jsp" method="post"><div class="right-infp-name"><input type="text" name="username" placeholder="请输入用户名" maxlength="12" required="" value="" autocomplete="off"></div><div class="right-infp-name"><input type="password" name="password" placeholder="请输入密码" autocomplete="off"></div><div class="right-infp-btn"><input class="btn" type="submit" value="登录"/></div></form></div></div></div></div>
<%String errMsg = (String) session.getAttribute("errMsg");if (errMsg != null) {out.println("<p style='text-align: center; color: red'>" + new String(errMsg.getBytes("ISO-8859-1"), "utf-8") + "</p>");}
%>
</body>
</html>

success.jsp

<%--Created by IntelliJ IDEA.User: AdministratorDate: 2021/3/4Time: 17:49To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="zh-CN">
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Swiper制作小米官网幻灯片/轮播图演示</title><link rel="stylesheet" href="css/swiper.min.css"><link rel="stylesheet" href="css/stylee.css">
</head><body><h1 style="margin: 50px 0; text-align: center;">Swiper制作小米官网幻灯片/轮播图演示</h1><div class="dwo-wrap"><div class="swiper-container"><div class="swiper-wrapper"><div class="swiper-slide"><a href="javascript:"><img src="data:images/01.jpg" alt=""></a></div><div class="swiper-slide"><a href="javascript:"><img src="data:images/02.jpg" alt=""></a></div><div class="swiper-slide"><a href="javascript:"><img src="data:images/03.jpg" alt=""></a></div><div class="swiper-slide"><a href="javascript:"><img src="data:images/04.jpg" alt=""></a></div><div class="swiper-slide"><a href="javascript:"><img src="data:images/05.jpg" alt=""></a></div></div><div class="swiper-pagination"></div><div class="swiper-button-next"></div><div class="swiper-button-prev"></div></div><div class="nav-wrapper"><ul class="nav"><li class="nav-item"><a class="nav-item-link" href="javascript:">手机 电话卡</a><div class="children children-col-4" style="display: block1;"><ul class="children-list"><li><a href="javascript:"><img src="data:images/img1.png" alt=""><span>Redmi 9</span></a></li><li><a href="javascript:"><img src="data:images/img2.jpg" alt=""><span>Redmi 10X 4G</span></a></li><li><a href="javascript:"><img src="data:images/img3.jpg" alt=""><span>Redmi 10X 5G</span></a></li><li><a href="javascript:"><img src="data:images/img4.png" alt=""><span>小米10 青春版</span></a></li><li><a href="javascript:"><img src="data:images/img5.jpg" alt=""><span>Redmi K30 Pro</span></a></li><li><a href="javascript:"><img src="data:images/img6.jpg" alt=""><span>Redmi K30 Pro 变焦版</span></a></li></ul><ul class="children-list"><li><a href="javascript:"><img src="data:images/img7.png" alt=""><span>腾讯黑鲨游戏手机3</span></a></li><li><a href="javascript:"><img src="data:images/img8.png" alt=""><span>腾讯黑鲨游戏手机3 Pro</span></a></li><li><a href="javascript:"><img src="data:images/img9.png" alt=""><span>小米10 Pro</span></a></li><li><a href="javascript:"><img src="data:images/img10.png" alt=""><span>小米10</span></a></li><li><a href="javascript:"><img src="data:images/img11.jpg" alt=""><span>Redmi K30 4G</span></a></li><li><a href="javascript:"><img src="data:images/img12.jpg" alt=""><span>Redmi K30 5G</span></a></li></ul><ul class="children-list"><li><a href="javascript:"><img src="data:images/img13.png" alt=""><span>Redmi 8A</span></a></li><li><a href="javascript:"><img src="data:images/img14.png" alt=""><span>Redmi 8</span></a></li><li><a href="javascript:"><img src="data:images/img15.png" alt=""><span>小米MIX Alpha</span></a></li><li><a href="javascript:"><img src="data:images/img16.png" alt=""><span>Redmi Note 8 Pro</span></a></li><li><a href="javascript:"><img src="data:images/img17.png" alt=""><span>Redmi Note 8</span></a></li><li><a href="javascript:"><img src="data:images/img18.jpg" alt=""><span>Redmi 7A</span></a></li></ul><ul class="children-list"><li><a href="javascript:"><img src="data:images/img19.jpg" alt=""><span>移动4G+专区</span></a></li><li><a href="javascript:"><img src="data:images/img20.jpg" alt=""><span>小米移动 电话卡</span></a></li><li><a href="javascript:"><img src="data:images/img21.png" alt=""><span>手机上门维修</span></a></li><li><a href="javascript:"><img src="data:images/img22.jpg" alt=""><span>云服务空间月卡</span></a></li><li><a href="javascript:"><img src="data:images/img23.jpg" alt=""><span>中国电信</span></a></li></ul></div></li><li class="nav-item"><a class="nav-item-link" href="javascript:">电视 盒子</a><div class="children children-col-4"><ul class="children-list"><li><a href="javascript:"><img src="data:images/img24.png" alt=""><span>小米电视 大师 65英寸OLED</span></a></li><li><a href="javascript:"><img src="data:images/img25.png" alt=""><span>Redmi 智能电视 X65</span></a></li><li><a href="javascript:"><img src="data:images/img25.png" alt=""><span>Redmi 智能电视 X55</span></a></li><li><a href="javascript:"><img src="data:images/img26.jpg" alt=""><span>Redmi 智能电视 MAX 98"</span></a></li><li><a href="javascript:"><img src="data:images/img27.png" alt=""><span>小米电视5 55英寸</span></a></li><li><a href="javascript:"><img src="data:images/img28.png" alt=""><span>小米电视5 65英寸</span></a></li></ul><ul class="children-list"><li><a href="javascript:"><img src="data:images/img29.png" alt=""><span>小米电视5 75英寸</span></a></li><li><a href="javascript:"><img src="data:images/img30.png" alt=""><span>小米电视5 Pro 55英寸</span></a></li><li><a href="javascript:"><img src="data:images/img31.png" alt=""><span>小米电视5 Pro 65英寸</span></a></li><li><a href="javascript:"><img src="data:images/img32.png" alt=""><span>小米电视5 Pro 75英寸</span></a></li><li><a href="javascript:"><img src="data:images/img33.jpg" alt=""><span>Redmi 红米电视 70英寸</span></a></li><li><a href="javascript:"><img src="data:images/img34.jpg" alt=""><span>全面屏电视Pro 65英寸</span></a></li></ul><ul class="children-list"><li><a href="javascript:"><img src="data:images/img35.jpg" alt=""><span>全面屏电视Pro 55英寸</span></a></li><li><a href="javascript:"><img src="data:images/img36.jpg" alt=""><span>小米壁画电视 65英寸</span></a></li><li><a href="javascript:"><img src="data:images/img37.jpg" alt=""><span>小米全面屏电视</span></a></li><li><a href="javascript:"><img src="data:images/img38.png" alt=""><span>小米电视4A 32英寸</span></a></li><li><a href="javascript:"><img src="data:images/img39.png" alt=""><span>小米电视4A 50英寸</span></a></li><li><a href="javascript:"><img src="data:images/img40.png" alt=""><span>小米电视4A 55英寸</span></a></li></ul><ul class="children-list"><li><a href="javascript:"><img src="data:images/img41.png" alt=""><span>小米电视4A 58英寸</span></a></li><li><a href="javascript:"><img src="data:images/img42.png" alt=""><span>小米电视4A 65英寸</span></a></li><li><a href="javascript:"><img src="data:images/img43.png" alt=""><span>小米电视4C 32英寸</span></a></li><li><a href="javascript:"><img src="data:images/img44.jpg" alt=""><span>小米电视4C 40英寸</span></a></li><li><a href="javascript:"><img src="data:images/img45.png" alt=""><span>小米电视4C 43英寸</span></a></li><li><a href="javascript:"><img src="data:images/img46.png" alt=""><span>小米电视4C 50英寸</span></a></li></ul></div></li><li class="nav-item"><a class="nav-item-link" href="javascript:">笔记本 显示器</a><div class="children children-col-2"><ul class="children-list"><li><a href="javascript:"><img src="data:images/img47.jpg" alt=""><span>RedmiBook 13</span></a></li><li><a href="javascript:"><img src="data:images/img48.png" alt=""><span>小米笔记本 15.6"</span></a></li><li><a href="javascript:"><img src="data:images/img49.png" alt=""><span>小米笔记本 13.3"</span></a></li><li><a href="javascript:"><img src="data:images/img50.jpg" alt=""><span>小米笔记本 12.5"</span></a></li><li><a href="javascript:"><img src="data:images/img51.png" alt=""><span>RedmiBook 14</span></a></li><li><a href="javascript:"><img src="data:images/img52.jpg" alt=""><span>小米游戏本</span></a></li></ul><ul class="children-list"><li><a href="javascript:"><img src="data:images/img53.png" alt=""><span>显示器</span></a></li><li><a href="javascript:"><img src="data:images/img54.png" alt=""><span>键鼠套装</span></a></li><li><a href="javascript:"><img src="data:images/img55.png" alt=""><span>鼠标</span></a></li><li><a href="javascript:"><img src="data:images/img56.png" alt=""><span>转接器</span></a></li><li><a href="javascript:"><img src="data:images/img57.jpg" alt=""><span>平板配件</span></a></li></ul></div></li><li class="nav-item"><a class="nav-item-link" href="javascript:">家电 插线板</a><div class="children children-col-4"><ul class="children-list"><li><a href="javascript:"><img src="data:images/img58.jpg" alt=""><span>冰箱</span></a></li><li><a href="javascript:"><img src="data:images/img59.png" alt=""><span>立式空调</span></a></li><li><a href="javascript:"><img src="data:images/img60.png" alt=""><span>壁挂空调</span></a></li><li><a href="javascript:"><img src="data:images/img61.png" alt=""><span>滚筒洗衣机</span></a></li><li><a href="javascript:"><img src="data:images/img62.jpg" alt=""><span>Redmi全自动波轮洗衣机</span></a></li><li><a href="javascript:"><img src="data:images/img63.jpg" alt=""><span>净水器</span></a></li></ul><ul class="children-list"><li><a href="javascript:"><img src="data:images/img64.jpg" alt=""><span>微波炉</span></a></li><li><a href="javascript:"><img src="data:images/img65.jpg" alt=""><span>电烤箱</span></a></li><li><a href="javascript:"><img src="data:images/img66.jpg" alt=""><span>扫地机器人</span></a></li><li><a href="javascript:"><img src="data:images/img67.jpg" alt=""><span>吸尘器</span></a></li><li><a href="javascript:"><img src="data:images/img68.jpg" alt=""><span>空气净化器</span></a></li><li><a href="javascript:"><img src="data:images/img69.jpg" alt=""><span>电饭煲</span></a></li></ul><ul class="children-list"><li><a href="javascript:"><img src="data:images/img70.jpg" alt=""><span>电磁炉</span></a></li><li><a href="javascript:"><img src="data:images/img71.jpg" alt=""><span>电水壶</span></a></li><li><a href="javascript:"><img src="data:images/img72.jpg" alt=""><span>滤水壶</span></a></li><li><a href="javascript:"><img src="data:images/img73.png" alt=""><span>落地风扇</span></a></li><li><a href="javascript:"><img src="data:images/img74.png" alt=""><span>投影仪</span></a></li><li><a href="javascript:"><img src="data:images/img75.jpg" alt=""><span>灯具</span></a></li></ul><ul class="children-list"><li><a href="javascript:"><img src="data:images/img76.jpg" alt=""><span>插线板</span></a></li><li><a href="javascript:"><img src="data:images/img77.jpg" alt=""><span>新风机</span></a></li><li><a href="javascript:"><img src="data:images/img78.jpg" alt=""><span>电暖器</span></a></li><li><a href="javascript:"><img src="data:images/img79.jpg" alt=""><span>电压力锅</span></a></li><li><a href="javascript:"><img src="data:images/img80.jpg" alt=""><span>料理机</span></a></li><li><a href="javascript:"><img src="data:images/img81.jpg" alt=""><span>电煮壶</span></a></li></ul></div></li><li class="nav-item"><a class="nav-item-link" href="javascript:">出行 穿戴</a><div class="children children-col-3"><ul class="children-list"><li><a href="javascript:"><img src="data:images/img82.png" alt=""><span>手环5NFC</span></a></li><li><a href="javascript:"><img src="data:images/img83.png" alt=""><span>手环5</span></a></li><li><a href="javascript:"><img src="data:images/img84.png" alt=""><span>小米手表</span></a></li><li><a href="javascript:"><img src="data:images/img85.png" alt=""><span>手环手表</span></a></li><li><a href="javascript:"><img src="data:images/img86.jpg" alt=""><span>VR</span></a></li><li><a href="javascript:"><img src="data:images/img87.jpg" alt=""><span>平衡车</span></a></li></ul><ul class="children-list"><li><a href="javascript:"><img src="data:images/img88.jpg" alt=""><span>滑板车</span></a></li><li><a href="javascript:"><img src="data:images/img89.png" alt=""><span>自行车</span></a></li><li><a href="javascript:"><img src="data:images/img90.jpg" alt=""><span>车载充电器</span></a></li><li><a href="javascript:"><img src="data:images/img91.jpg" alt=""><span>平衡车配件</span></a></li><li><a href="javascript:"><img src="data:images/img92.jpg" alt=""><span>智能后视镜</span></a></li><li><a href="javascript:"><img src="data:images/img93.jpg" alt=""><span>智能记录仪</span></a></li></ul><ul class="children-list"><li><a href="javascript:"><img src="data:images/img94.jpg" alt=""><span>无线车充</span></a></li><li><a href="javascript:"><img src="data:images/img95.jpg" alt=""><span>充气宝</span></a></li><li><a href="javascript:"><img src="data:images/img96.jpg" alt=""><span>石英表</span></a></li></ul></div></li><li class="nav-item"><a class="nav-item-link" href="javascript:">智能 路由器</a><div class="children children-col-3"><ul class="children-list"><li><a href="javascript:"><img src="data:images/img97.jpg" alt=""><span>打印机</span></a></li><li><a href="javascript:"><img src="data:images/img98.png" alt=""><span>喷墨打印机</span></a></li><li><a href="javascript:"><img src="data:images/img99.png" alt=""><span>喷墨打印机墨水</span></a></li><li><a href="javascript:"><img src="data:images/img100.png" alt=""><span>小米路由器</span></a></li><li><a href="javascript:"><img src="data:images/img101.jpg" alt=""><span>智能家庭</span></a></li><li><a href="javascript:"><img src="data:images/img102.jpg" alt=""><span>对讲机</span></a></li></ul><ul class="children-list"><li><a href="javascript:"><img src="data:images/img103.jpg" alt=""><span>摄像机</span></a></li><li><a href="javascript:"><img src="data:images/img104.jpg" alt=""><span>照相机</span></a></li><li><a href="javascript:"><img src="data:images/img105.jpg" alt=""><span>智能门锁</span></a></li><li><a href="javascript:"><img src="data:images/img106.jpg" alt=""><span>视频门铃</span></a></li><li><a href="javascript:"><img src="data:images/img107.png" alt=""><span>小爱老师</span></a></li><li><a href="javascript:"><img src="data:images/img108.png" alt=""><span>Redmi路由器</span></a></li></ul><ul class="children-list"><li><a href="javascript:"><img src="data:images/img109.jpg" alt=""><span>小爱音箱</span></a></li><li><a href="javascript:"><img src="data:images/img110.png" alt=""><span>云服务空间年卡</span></a></li><li><a href="javascript:"><img src="data:images/img110.png" alt=""><span>云服务空间月卡</span></a></li></ul></div></li><li class="nav-item"><a class="nav-item-link" href="javascript:">电源 配件</a><div class="children children-col-2"><ul class="children-list"><li><a href="javascript:"><img src="data:images/img111.png" alt=""><span>移动电源</span></a></li><li><a href="javascript:"><img src="data:images/img112.jpg" alt=""><span>数据线</span></a></li><li><a href="javascript:"><img src="data:images/img113.jpg" alt=""><span>车充</span></a></li><li><a href="javascript:"><img src="data:images/img114.png" alt=""><span>充电器</span></a></li><li><a href="javascript:"><img src="data:images/img115.jpg" alt=""><span>电池</span></a></li><li><a href="javascript:"><img src="data:images/img116.jpg" alt=""><span>自拍杆</span></a></li></ul><ul class="children-list"><li><a href="javascript:"><img src="data:images/img117.jpg" alt=""><span>手机壳</span></a></li><li><a href="javascript:"><img src="data:images/img118.jpg" alt=""><span>手机贴膜</span></a></li><li><a href="javascript:"><img src="data:images/img119.png" alt=""><span>无线充电器</span></a></li><li><a href="javascript:"><img src="data:images/img120.jpg" alt=""><span>平板配件</span></a></li><li><a href="javascript:"><img src="data:images/img121.jpg" alt=""><span>黑鲨配件</span></a></li><li><a href="javascript:"><img src="data:images/img122.jpg" alt=""><span>其他配件</span></a></li></ul></div></li><li class="nav-item"><a class="nav-item-link" href="javascript:">健康 儿童</a><div class="children children-col-3"><ul class="children-list"><li><a href="javascript:"><img src="data:images/img123.jpg" alt=""><span>洗手机</span></a></li><li><a href="javascript:"><img src="data:images/img124.jpg" alt=""><span>修剪器</span></a></li><li><a href="javascript:"><img src="data:images/img125.jpg" alt=""><span>剃须刀</span></a></li><li><a href="javascript:"><img src="data:images/img126.jpg" alt=""><span>牙刷</span></a></li><li><a href="javascript:"><img src="data:images/img127.jpg" alt=""><span>吹风机</span></a></li><li><a href="javascript:"><img src="data:images/img128.png" alt=""><span>体重秤</span></a></li></ul><ul class="children-list"><li><a href="javascript:"><img src="data:images/img129.jpg" alt=""><span>体脂秤</span></a></li><li><a href="javascript:"><img src="data:images/img130.jpg" alt=""><span>早教启智</span></a></li><li><a href="javascript:"><img src="data:images/img131.jpg" alt=""><span>遥控电动</span></a></li><li><a href="javascript:"><img src="data:images/img132.jpg" alt=""><span>益智积木</span></a></li><li><a href="javascript:"><img src="data:images/img133.jpg" alt=""><span>儿童手表</span></a></li><li><a href="javascript:"><img src="data:images/img134.jpg" alt=""><span>儿童滑板车</span></a></li></ul><ul class="children-list"><li><a href="javascript:"><img src="data:images/img135.jpg" alt=""><span>婴儿推车</span></a></li><li><a href="javascript:"><img src="data:images/img136.jpg" alt=""><span>儿童书包</span></a></li><li><a href="javascript:"><img src="data:images/img137.jpg" alt=""><span>婴儿理发器</span></a></li><li><a href="javascript:"><img src="data:images/img138.png" alt=""><span>健身车</span></a></li><li><a href="javascript:"><img src="data:images/img139.jpg" alt=""><span>走步机</span></a></li><li><a href="javascript:"><img src="data:images/img140.jpg" alt=""><span>点读笔</span></a></li></ul></div></li><li class="nav-item"><a class="nav-item-link" href="javascript:">耳机 音响</a><div class="children children-col-3"><ul class="children-list"><li><a href="javascript:"><img src="data:images/img141.png" alt=""><span>小爱音箱 Art</span></a></li><li><a href="javascript:"><img src="data:images/img142.png" alt=""><span>小爱触屏音箱Pro 8</span></a></li><li><a href="javascript:"><img src="data:images/img143.png" alt=""><span>Redmi小爱触屏音箱 8</span></a></li><li><a href="javascript:"><img src="data:images/img144.png" alt=""><span>小米小爱音箱</span></a></li><li><a href="javascript:"><img src="data:images/img145.png" alt=""><span>音箱 Pro</span></a></li><li><a href="javascript:"><img src="data:images/img146.jpg" alt=""><span>小米小爱触屏音箱</span></a></li></ul><ul class="children-list"><li><a href="javascript:"><img src="data:images/img147.png" alt=""><span>Redmi音箱</span></a></li><li><a href="javascript:"><img src="data:images/img148.jpg" alt=""><span>小米小爱音箱 Play</span></a></li><li><a href="javascript:"><img src="data:images/img149.jpg" alt=""><span>线控耳机</span></a></li><li><a href="javascript:"><img src="data:images/img150.jpg" alt=""><span>蓝牙耳机</span></a></li><li><a href="javascript:"><img src="data:images/img151.jpg" alt=""><span>头戴耳机</span></a></li><li><a href="javascript:"><img src="data:images/img152.jpg" alt=""><span>品牌耳机</span></a></li></ul><ul class="children-list"><li><a href="javascript:"><img src="data:images/img153.png" alt=""><span>蓝牙音箱</span></a></li><li><a href="javascript:"><img src="data:images/img154.jpg" alt=""><span>小米AI音箱</span></a></li><li><a href="javascript:"><img src="data:images/img155.jpg" alt=""><span>小米小爱音箱HD</span></a></li><li><a href="javascript:"><img src="data:images/img156.jpg" alt=""><span>k歌耳机</span></a></li></ul></div></li><li class="nav-item"><a class="nav-item-link" href="javascript:">生活 箱包</a><div class="children children-col-3"><ul class="children-list"><li><a href="javascript:"><img src="data:images/img157.jpg" alt=""><span>小背包</span></a></li><li><a href="javascript:"><img src="data:images/img158.jpg" alt=""><span>双肩包</span></a></li><li><a href="javascript:"><img src="data:images/img159.jpg" alt=""><span>胸包</span></a></li><li><a href="javascript:"><img src="data:images/img160.jpg" alt=""><span>旅行箱</span></a></li><li><a href="javascript:"><img src="data:images/img161.jpg" alt=""><span>运动鞋</span></a></li><li><a href="javascript:"><img src="data:images/img162.jpg" alt=""><span>眼镜</span></a></li></ul><ul class="children-list"><li><a href="javascript:"><img src="data:images/img163.jpg" alt=""><span>床垫</span></a></li><li><a href="javascript:"><img src="data:images/img164.png" alt=""><span>枕头</span></a></li><li><a href="javascript:"><img src="data:images/img165.jpg" alt=""><span>饰品</span></a></li><li><a href="javascript:"><img src="data:images/img166.jpg" alt=""><span>螺丝刀</span></a></li><li><a href="javascript:"><img src="data:images/img167.jpg" alt=""><span>保温杯</span></a></li><li><a href="javascript:"><img src="data:images/img168.jpg" alt=""><span>伞</span></a></li></ul><ul class="children-list"><li><a href="javascript:"><img src="data:images/img169.jpg" alt=""><span>驱蚊器</span></a></li><li><a href="javascript:"><img src="data:images/img170.jpg" alt=""><span>毛巾/浴巾</span></a></li><li><a href="javascript:"><img src="data:images/img171.png" alt=""><span>米兔</span></a></li><li><a href="javascript:"><img src="data:images/img172.jpg" alt=""><span>笔</span></a></li></ul></div></li></ul></div>
</div><script src="js/swiper.min.js"></script>
<script src="js/script.js"></script></body>
</html>

最后：配置Tomcat：http://localhost:9999/index.jsp
大功告成

JDBC-MySQL-Tomcat 登录到主页相关推荐

  1. 一篇超级详细的jsp+servlet+jdbc+mysql检验登录操作（IntelliJ IDEA）

    以下为工程目录,可以提前建好: 第一步:首先在数据库建好表: 该表为用于登录的用户信息表. 第二步:做好前端登录的login.jsp页面: 代码如下: <%@ page contentType= ...

  2. android+okhttp+java服务端(tomcat)+mysql实现登录注册

    先上代码(文章结尾有遇到的问题和对应解决方案) android客户端 >android:app-build.gradle 1.添加okhttp依赖,具体根据自己的okhttp包来决定 depen ...

  3. tomcat报错，no suitable driver found for jdbc:mysql://....

    tomcat报错,no suitable driver found for jdbc:mysql://.... 首先考虑这些问题,看这篇博文 我的环境:apache-tomcat-9.0.45.Int ...

  4. java搭建阿里云服务器环境（java环境+mysql+tomcat）和部署 JavaWeb 项目到云服务器（十分详细）

    文章有不当之处,欢迎指正,如果喜欢微信阅读,你也可以关注我的微信公众号:好好学java,获取优质学习资源. 购买一系列的东西 其实就是花钱买块区域,服务器,域名,云解析,花了好多money... 一. ...

  5. 基于javaweb的在线蛋糕商城系统(java+jsp+jdbc+mysql)

    基于javaweb的在线蛋糕商城系统(java+jsp+jdbc+mysql) 运行环境 Java≥8.MySQL≥5.7.Tomcat≥8 开发工具 eclipse/idea/myeclipse/s ...

  6. java搭建阿里云服务器环境（java环境+mysql+tomcat）和部署 JavaWeb 项目到云服务器

    文章有不当之处,欢迎指正,如果喜欢微信阅读,你也可以关注我的微信公众号:好好学java,获取优质学习资源. 购买一系列的东西 其实就是花钱买块区域,服务器,域名,云解析,花了好多money... 一. ...

  7. 查询jsp servelet mysql_JSP + Servlet + JDBC + Mysql 实现增删改查 课程管理系统(示例代码)...

    1.项目目录结构 2.项目环境 Eclipse IDE  MYSQL  jdk tomcat jar包 3.数据库相关配置 先创建一个course的数据库名,然后在建立一个course的表 要注意将i ...

  8. eclipse jsp没有提示_JSP+Struts2+JDBC+Mysql实现的校园宿舍管理系统

    项目简介 项目来源于:https://gitee.com/passenger134/javaweb-sushe 本系统基于JSP+Struts2+JDBC+Mysql的校园宿舍管理系统.该系统没有使用 ...

  9. mysql tomcat idea操作_IntelliJ IDEA + Tomcat + RestFul + Mysql打造属于自己的服务器

    软件相关版本配置 IntelliJ IDEA 2017.1.1 Tomcat 8.0.41 Mysql-5.7.18-macos10.12-x86_64 Jdk 1.8.0_121 Hibernate ...

最新文章

  1. python3 reqeusts后写入excel
  2. Google Maps API编程资源大全
  3. C++设计模式--模板方法模式
  4. 自然语言处理实践Task6
  5. Swift相关api功能介绍与使用
  6. 风控模型中的变量替换
  7. 信息处理工具计算机.ppt,第二课_计算机信息处理工具讲述.ppt
  8. [2018.10.17 T2] 最优路线
  9. 全球人工智能与机器学习大会PPT
  10. 常见的域名劫持类型及如何修复
  11. Spring Boot优点和缺点
  12. 删除地址栏输入历史记录
  13. Excel中如果对合并单元格求和
  14. 应届生如何获取招聘信息
  15. 芯片程序烧录的熔断机制与安全
  16. P2708 硬币翻转——题解2020.10.11
  17. reac-hook的使用
  18. cocos 设置canvas透明导致 正常节点透明度设置效果异常
  19. Springboot高考志愿填报信息管理系统毕业设计源码251922
  20. ASP.NET给图片加水印——上传文件

热门文章

  1. 最新版java安装教程
  2. 联想oracle密码,联想ThinkVantage密码管理软件使用方法步骤
  3. linux sftp 设置根目录,FTP，SFTP服务器登录权限和根目录的设置
  4. 有玩龙之谷冰龙版游戏的吗，最近找到一个新开的怀旧服,很耐玩的公益服，不变态
  5. 反欺诈概念库-虚假交易
  6. 2472 大帆玩英雄联盟
  7. 你有所不知的HTML发布Flash的参数（一）：allowScriptAccess
  8. ubuntu16.04下NVIDIA GTX965M显卡驱动PPA安装
  9. 【抖音热门情侣必备】微信早安定时消息推送源码
  10. 从头到尾彻底理解傅里叶变换算法、上