【项目】个人博客项目总结

刺骨的言语ヽ痛彻心扉 2023-02-14 10:04 45阅读 0赞

# 个人博客项目 #

# 1.项目背景 #

在自己学了javaWeb之后，有了一定的基础，平时也有在记录博客，想着可以做一个简单的博客系统，去了解下博客代码背后的原理，也可以去巩固一下自己学过的的知识。

# 2.项目功能 #

**用户可以查看文章的列表页面，显示文章的标题，页面有显示修改文章、删除文章、新增文章的选项；**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjY5MDA3_size_16_color_FFFFFF_t_70][]

**发表新文章功能：点击发表新文章按钮，跳转到另一页面，进行文件的编写，提交，这里引入了富文本编辑器功能**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjY5MDA3_size_16_color_FFFFFF_t_70 1][]

**修改文章功能：选择文章，点击修改文章按钮，跳转到着文章详细信息的编辑页面**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjY5MDA3_size_16_color_FFFFFF_t_70 2][]

**删除文章功能，选择文章，点击删除按钮，会弹出提示框，进行选择**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjY5MDA3_size_16_color_FFFFFF_t_70 3][]

注意：在选择文章进行操作时，选择一个按钮进行可以进行、删除选项，选择一个以上的按钮只能进行删除选项；

# 3.项目使用技术 #

*  Java：利用到了Java的基础语法、继承、多线程、异常处理
 *  JDBC：用来实现数据库的操作
 *  Jackson：它是Java对象与JSON字符串数据进行序列化、反序列化的工具；
 *  Servlet：每个页面调用后台接口都需要使用哪些Servlet来完成业务；
 *  Lombok：自动插入编辑器并构建工具，以注解的方式，简化一些模版代码的编写，如getter/setter方法、equals/hashcode方法、toString方法等

# 4.开发环境 #

**Maven：使用Maven来管理依赖，打包项目；**

**MySQL：使用MySQL数据库作为业务数据的存储；**

**浏览器：进行页面的显示，自动化测试的执行**

# 5.数据库设计与配置 #

**（1）idea中数据库连接配置**

从idea的database面板打开数据库驱动设置

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjY5MDA3_size_16_color_FFFFFF_t_70 4][]

**（2）配置数据库驱动**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjY5MDA3_size_16_color_FFFFFF_t_70 5][]

（**3）打开数据库连接配置**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjY5MDA3_size_16_color_FFFFFF_t_70 6][]

**（4）配置数据库连接**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjY5MDA3_size_16_color_FFFFFF_t_70 7][]

**创建数据库：**

设计用户表：需要id、姓名、创建时间

create table user(
        id int primary key auto_increment,
        name varchar(20),
        create_time timestamp
    );

设计文章表：需要id、文章标题、内容、用户id、创建时间

create table article(
          id int primary key auto_increment,
          title varchar(50) not null,
          content mediumtext not null,
          user_id int,
          create_time timestamp,
          foreign key(user_id) references user(id)
    );

# 5.项目的基本流程 #

## 第一步：进行序列化、反序列化的操作 ##

作用：使数据和对象之间可以转换，保证数据的完整性

Jackson介绍：Jackson是一个Java用来处理JSON格式数据的类库，性能是非常的好，他被经常用到JSON序列化（将对象转换为JSON字符串）和反序列化（将JSON字符串转换为指定的数据类型）中。

Jackson在web.xml中的设置：

<dependency>
        <groupId>com.fasterxml.jackson.core</groupId>
        <artifactId>jackson-databind</artifactId>
        <version>2.8.9</version>
    </dependency>

代码：

//序列化操作
    public static final String DATE_PATTERN="yyyy-MM-dd HH:mm:ss";
    public   static String serialize(Object obj){
       ObjectMapper mapper=new ObjectMapper();
       //设置日期格式类
       mapper.setDateFormat(new SimpleDateFormat(DATE_PATTERN));
        try {
            return mapper.writeValueAsString(obj);
        } catch (JsonProcessingException e) {
            throw new SystemException(Constant.JSON_ERROR_CODE,"JSON序列化失败"+obj,e);
        }
    }
    
    //反序列化操作,将字符串转化为一个泛型的类
    public static <T> T deserialize(String json,Class<T> clazz){
        ObjectMapper mapper=new ObjectMapper();
        //设置日期格式类
        mapper.setDateFormat(new SimpleDateFormat(DATE_PATTERN));
        try {
            return mapper.readValue(json,clazz);
        } catch (IOException e) {
            throw new SystemException(Constant.JSON_ERROR_CODE,"JSON字符串反序列化失败",e);
        }
    }
    
    //反序列化操作，httpRequst输入流进行读取
    public static <T> T deserialize(InputStream is, Class<T> clazz){
        ObjectMapper mapper=new ObjectMapper();
        //设置日期格式类
        mapper.setDateFormat(new SimpleDateFormat(DATE_PATTERN));
        try {
            return mapper.readValue(is,clazz);
        } catch (IOException e) {
            throw new SystemException(Constant.JSON_ERROR_CODE,"JSON文件反序列化失败",e);
        }
    }

## 第二步：进行数据库的操作 ##

**设计数据库实体类：**

*  用户类，对应数据库用户表
 *  文章类：对应数据库文章表，文章中不仅可以写入文字，也可以插入图片

**设计数据库连接工具类：**

*  使用DataSource作为数据库连接的创建方式、设计释放JDBC资源的方法；
 *  在用户表里进行操作：根据账号查找用户的信息
 *  在文章表里的操作：文章插入操作、查询文章类表操作、通过id查找文章详情、修改文章操作、刹删除文章操作（可以删除多个
 *  在这里运用到了Lombok工具：自动插入编辑器并构建工具，以注解的方式，简化一些模版代码的编写，如getter/setter方法、equals/hashcode方法、toString方法等，便于代码的书写

## 第三步：利用servlet和页面完成连接 ##

**分别设计了对应的文章添加、文章删除、文章详情页面、文章列表、文章更新、引入了百度富文本编辑器便于上传图片**

# 6.项目测试 #

博客：[https://blog.csdn.net/qq\_43669007/article/details/106483916][https_blog.csdn.net_qq_43669007_article_details_106483916]

# 7.项目缺点 #

后台数据写死了，只有一个stu的用户可以进行登录，没有用户登录设置

# 8.项目源码 #

[https://github.com/yaoguo00/servlet-blog][https_github.com_yaoguo00_servlet-blog]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjY5MDA3_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200601231838856.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjY5MDA3,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjY5MDA3_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200601231903282.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjY5MDA3,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjY5MDA3_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200601231917214.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjY5MDA3,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjY5MDA3_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200601231928611.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjY5MDA3,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjY5MDA3_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20200601232001832.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjY5MDA3,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjY5MDA3_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/2020060123202323.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjY5MDA3,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjY5MDA3_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/20200601232047101.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjY5MDA3,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjY5MDA3_size_16_color_FFFFFF_t_70 7]: https://img-blog.csdnimg.cn/20200601232111582.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjY5MDA3,size_16,color_FFFFFF,t_70
[https_blog.csdn.net_qq_43669007_article_details_106483916]: https://blog.csdn.net/qq_43669007/article/details/106483916
[https_github.com_yaoguo00_servlet-blog]: https://github.com/yaoguo00/servlet-blog