基于Tomcat服务器的Servlet 开发-个人博客


前言

基于Tomcat服务器的Servlet开发,采用前后端分离的方式实现了个人博客项目,以下给大家介绍项目的搭建、功能模块分析以及图形界面。


一、需求分析

1.主要功能

本项目主要涉及两大部分的功能:
1、用户相关:注册、登录、发布文章、修改文章、删除文件、查看个人文章列表
2、文章相关:所有文章列表(无需必须登录)、文章详情页

二、项目的搭建

1.创建一个maven项目

在这里插入图片描述

2.配置pom.xml

导入MySQL、Servlet等项目需要的驱动jar包
在这里插入图片描述

3.建立对应的包结

在这里插入图片描述

三、设计数据库

userinfo(用户表):
uid、username、password、createtime
articleinfo(文章表):
id、title、content(正文)、createtime、count(阅读量)、uid
在这里插入图片描述

四、功能实现以页面展示

在这里插入图片描述

1.注册功能

用户输入用户名、密码以及确认密码,如果有一项为空(空格也不行),则弹窗提示请填写xx,并控键到所填写的位置,若密码和确认密码不一致,也无法注册,则需要重新输入密码和确认密码,直至成功注册会弹窗提示注册成功并且跳转到首页。
在这里插入图片描述
页面展示:
在这里插入图片描述

2.登录功能

用户输入姓名及密码,前端会请求后端验证数据是否正确,若正确将数据存放在session中,登录成功则跳转到欢迎页面
在这里插入图片描述
页面展示:
在这里插入图片描述

3.欢迎页面

进入此页面,则说明用户已经登录,若没有登录则无权访问,点击添加文章,则跳转到添加文章页面;点击管理文章,则跳转到个人文章页面;点击退出登录,则跳转到首页
在这里插入图片描述
页面展示:
在这里插入图片描述

4.添加文章

在标题、正文中添加相应内容,如有一项为空,会弹窗提示输入并控键到相应位置,点击提交,添加成功则把数据存到了数据库
在这里插入图片描述
页面展示:
在这里插入图片描述

5.个人文章列表

在个人文章列表可以查询到文章信息,点击修改,则跳转到修改页面;点击删除,弹窗提示是否确认删除,点击确定则删除成功
在这里插入图片描述
页面展示:
在这里插入图片描述

6.修改文章

可以将题目、正文进行修改,点击提交就可以,可以进行多次修改
在这里插入图片描述
页面展示:
在这里插入图片描述

7.删除文章

点击删除,弹窗提示是否确认删除,点击确定则删除成功
在这里插入图片描述
页面展示:
在这里插入图片描述

8.文章详情页

点击文章标题可进入文章详情页,可以查看某篇文章的信息
在这里插入图片描述
页面展示:
在这里插入图片描述

9.全部文章列表(分页)

无论登录还是未登录的用户都可访问此页面,可以查询到所有文章的信息,这里实现了分页的功能
在这里插入图片描述
页面展示:
在这里插入图片描述

五、项目测试

1.单元测试

测试方法:使用白盒测试中的Junit单元测试框架,用来对类中的方法功能进行有目的的测试,以保证程序的正确性和稳定性。
测试步骤:
1、添加Junit依赖
在这里插入图片描述
2、创建用户相关测试类
在这里插入图片描述
3、用户类相关测试类代码示例

package dao;

import models.UserInfo;
import org.junit.Test;

import java.sql.SQLException;

public class UserInfoDaoTest {
   

    @Test
    public void addUser() throws SQLException {
   
        UserInfo userInfo = new UserInfo();
        userInfo.setUsername("张三");
        userInfo.setPassword("123");
        UserInfoDao userInfoDao = new UserInfoDao();
        int flag = userInfoDao.addUser(userInfo);
        System.out.println(flag);
    }

    @Test
    public void getUserInfoByName() {
   
        UserInfoDao userInfoDao = new UserInfoDao();
        try {
   
            UserInfo userInfo = userInfoDao.getUserInfoByName("李四");
            System.out.println("uid=" + userInfo.getUid()+" "+
                    "username=" + userInfo.getUsername()+" "+
                    "password=" + userInfo.getPassword());
        } catch (Exception e) {
   
            System.out.println("查询失败,该用户不存在!");
        }

    }
}

4、创建文章相关测试类
在这里插入图片描述
5、文章相关测试类代码示例

package dao;

import
  • 5
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值