文章目录
前言
基于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