笔记|JavaWeb项目【实现基础博客系统】 mysql|maven|tomcat|java

- 1.项目简介：
- 2.项目技术：
- 3.项目搭建：
- 4.项目内容：
- - 1. 数据库设计：
  - 2. 封装数据库操作
  - 3. 实现各功能页面
  - 4.项目文件夹
  - 5. 实现效果

【笔记|JavaWeb项目【实现基础博客系统】】
1.项目简介：实现一个简易的博客系统，基本功能包含注册、登录、发表文章、显示文章列表、显示文章详情、删除文章。
2.项目技术：前端：HTML+CSS+JavaScript
后端：Servlet 的使用
数据库：mysql
项目管理：Maven
项目部署：tomcat
模板引擎：Thymeleaf
3.项目搭建：

创建项目：创建maven项目，添加文件夹webapp/WEB-INF/web.xml。
引入依赖：在pom.xml中引入servlet、mysql 依赖。

4.项目内容： 1. 数据库设计：
有需求知，需要两张表 user、blog

create database if not exists newblog; use newblog; drop table if exists blog; create table blog( blogId int primary key auto_increment, title varchar(512), content text, userId int, postTime datetime ); drop table if exists user; create table user( userId int primary key auto_increment, username varchar(50), password varchar(50) );

2. 封装数据库操作
把JDBC操作数据库的代码进行简单封装。
1）DBUtil 和数据库建立连接 / 收尾工作。

public class DBUtil { private static final String URL = "jdbc:mysql://127.0.0.1:3306/数据库名称?characterEncoding=utf8&useSSL=false"; private static final String USERNAME = "root"; private static final String PASSWORD = "数据库密码"; private static javax.sql.DataSource dataSource = null; public static DataSource getDataSource(){ // 看一下 dataSource 当前是否已经持有一个实例了。 // 如果没有持有，就创建一个新的， // 如果持有了，就不必创建新的，直接返回之前的。 if (dataSource == null){ MysqlDataSource mysqlDataSource = new MysqlDataSource(); mysqlDataSource.setUrl(URL); mysqlDataSource.setUser(USERNAME); mysqlDataSource.setPassword(PASSWORD); dataSource =mysqlDataSource; } return dataSource; } public static Connection getConnection(){ try { return getDataSource().getConnection(); } catch (SQLException e) { e.printStackTrace(); } return null; // 返回null，说明getConnection 抛出异常 } public static void close(Connection connection, PreparedStatement statement, ResultSet resultSet){ // 注意顺序：关闭和创建顺序相反 if (resultSet != null){ try { resultSet.close(); } catch (SQLException e) { e.printStackTrace(); } } if (statement != null){ try { statement.close(); } catch (SQLException e) { e.printStackTrace(); } } if (connection != null){ try { connection.close(); } catch (SQLException e) { e.printStackTrace(); } } } }

2）创建实体类
Blog 、User
3）实现BlogDao类、UserDao类
针对博客和用户进行增删改查操作。
3. 实现各功能页面
1）使用模板实现页面
使用模板来代替原始的字符串拼接。
模板也是一个 html 文件，这个文件里面有一些关键信息是不全的，根据服务器这边的数据，来动态的把 html 文件缺失的部分给补全，形成完整的 html，再把完整的html 返回给浏览器。
用Thymeleaf 库（模板引擎）来完成模板的渲染工作。
》先通过 maven引入依赖。

org.thymeleaf thymeleaf 3.0.12.RELEASE

》编写模板文件
博客页中的标题、时间、正文是从数据库来的，通过Servlet 代码生成的。这些都算是关键信息，需要使用Thymeleaf 提供的特殊符号对这些关键信息进行占位。
借助Thymeleaf 库，把数据库中获取到的标题、正文等信息，替换到占位符这里。
占位符：如下
${ } 、th:each 、 th:text
博客列表页：

我的博客系统登录注册写博客注销
我是标题我的博客系统删除这是博客标题多多 2021-07-30 16:00:00 这里是博客正文，欢迎浏览博客内容

》进行具体渲染

@WebListener public class ThymeleafConfig implements ServletContextListener { @Override public void contextInitialized(ServletContextEvent sce) { // 使用这个表示初始化完了 // 这个方法就会在当前 webapp 的 ServletContext 初始化之后立即执行， // Thymeleaf 的初始化就在这里调用即可// 初始化 Thymeleaf // 1)创建一个 engine (引擎),负责把Java 中的数据替换到模板中 TemplateEngine engine = new TemplateEngine(); // 2) 创建一个 resolver 对象（解析器），负责找到 html 模板在哪里 // 供 engine 对象使用 ServletContextTemplateResolver resolver = new ServletContextTemplateResolver(sce.getServletContext()); // 3) 给 resolver 设置一些属性，让他能够找到 html 模板 resolver.setCharacterEncoding("utf-8"); // Prefix 表示"前缀"，设定了满足啥样条件的文件被加载到内存中作为 html 模板 resolver.setPrefix("/WEB-INF/template/"); // resolver 对象寻找模板页面进行拼接 // Suffix 表示 "后缀" resolver.setSuffix(".html"); // 4) 把 resolver 和 engine 关联起来 engine.setTemplateResolver(resolver); // 把初始化好的 engine 对象交给 ServletContext 来保管 ServletContext context = sce.getServletContext(); context.setAttribute("engine",engine); }@Override public void contextDestroyed(ServletContextEvent sce) { // 表示 context对象销毁完了 } }

2）登录页面
Servlet 需要从请求中读取到用户名和密码，根据用户名在数据库中查找。
登录成功后，创建一个 session，把当前登录成功的用户信息保存到 session中。

@WebServlet("/login") public class LoginServlet extends HttpServlet { @Override protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { // 1. 从 req 中读取用户提交的 username 和 password String username =req.getParameter("username"); String password = req.getParameter("password"); if (username == null || "".equals(username) || password == null || "".equals(password)){ resp.sendError(404,"用户名或密码不能为空"); return; } // 2. 从数据库中查找指定用户名的用户信息 UserDao userDao = new UserDao(); User user = userDao.selectByName(username); if (user == null){ resp.sendError(404,"用户名或者密码错误"); return; } if (!password.equals(user.getPassword())){ // 密码不匹配 resp.sendError(404,"用户名或者密码错误"); return; } // 3. 登录成功! 创建会话 HttpSession session = req.getSession(true); // 不存在就创建，存在就返回，默认是不存在的情况 session.setAttribute("user",user); // 插入刚才的 user 对象，把user对象放到 session中 // 4. 直接把用户页面重定向到博客列表页 resp.sendRedirect("blogList"); } }

3）注册页面
与登录功能类似，除了根据用户名在数据库中查找，若用户名不存在，则将该数据插入。