二、项目环境搭建
1、通过IDEA创建JavaWeb项目
2、完善项目目录结构
(1)删除web/index.jsp文件
(2)在Web根目录下新建:css目录、imgs目录、js目录
(3)将浏览器标题栏的图标文件(favicon.ico)复制到Web根目录下
(4)将jquery文件(jquery-2.1.4.min.js)复制到web/js目录下
(5)公共样式:新建web/css/common.css,具体代码如下:
/* 去掉所有标签的内外边距 */ * { margin: 0; padding: 0; } /* 去掉超链接标签的下划线 */ a { text-decoration: none; } /* 鼠标悬浮在超链接标签的鼠标形状(手型) */ a:hover { cursor: pointer; } /* 去掉li标签前面的小图标 */ li { list-style-type: none; } /* 整个滚动条 */ ::-webkit-scrollbar { width: 15px; height: 10px; } /* 滚动条上的滚动滑块 */ ::-webkit-scrollbar-thumb { background-color: #009688; border-radius: 32px; } /* 滚动条轨道 */ ::-webkit-scrollbar-track { background-color: #dbeffd; border-radius: 32px; } |
(5)数据库连接工具类
在src目录下新建类:com.emp.util.DBUtil package com.emp.util; import java.sql.Connection; import java.sql.DriverManager; /** * JDBC连接的工具类,获取Connection接口对象 */ public class DBUtil { /** * 获取MySQL数据库连接对象 * @return 数据库连接的Connection接口对象 */ public static Connection getConnection() { // 声明MySQL数据库连接对象 Connection connection = null; // 1、定义连接MySQL数据库的四要素 final String URL = "jdbc:mysql://localhost:3306/ajax_text"; final String DRIVER = "com.mysql.jdbc.Driver"; final String USER = "root"; final String PASSWORD = "123456"; try { // 2、加载驱动 Class.forName(DRIVER); // 3、获取连接 connection = DriverManager.getConnection(URL, USER, PASSWORD); } catch (Exception e) { e.printStackTrace(); } return connection; } } |
3、导入项目依赖的jar文件
(1)在web/WEB-INF目录下新建目录“lib”
(1)将依赖的jar文件复制到“lib”目录下
(3)Jar文件的介绍:
① fastjson-1.2.54.jar:JSON工具类,可以将Java对象转换为JSON字符串,将JSON字符串转换为Java对象。
② mysql-connector-java-5.1.5.jar:MySQL的驱动程序。
③ servlet-api.jar:JavaEE中对Servlet的支持。
(4)将jar文件配置到项目的类路径中
4、配置Tomcat