Javaweb實(shí)現(xiàn)完整個(gè)人博客系統(tǒng)流程
一、項(xiàng)目背景
在學(xué)習(xí)完JavaWeb相關(guān)知識后,有了基礎(chǔ)能力就想通過完成一個(gè)Javaweb項(xiàng)目來回顧和加強(qiáng)已經(jīng)學(xué)過的知識,并且希望在這個(gè)過程中發(fā)現(xiàn)自己的不足并加以改正。
由于之前一直都在CSDN上分享自己的學(xué)習(xí)過程,對CSDN博客系統(tǒng)的功能有了一定的了解,因此便嘗試完成了個(gè)人博客系統(tǒng)。
二、項(xiàng)目功能
1.用戶登錄:

2.用戶主頁:

3.查看全文:

4.寫文章:

5.注銷回到登錄頁面:

三、項(xiàng)目的基本流程
1.準(zhǔn)備工作
pom.xml中引入的依賴包
<dependencies>
<dependency>
<groupId>org.thymeleaf</groupId>
<artifactId>thymeleaf</artifactId>
<version>3.0.12.RELEASE</version>
</dependency>
<!-- Servlet依賴包:官方提供的servlet標(biāo)準(zhǔn) -->
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>javax.servlet-api</artifactId>
<version>3.1.0</version>
<!-- 開發(fā)編譯時(shí)需要這個(gè)依賴包,運(yùn)行時(shí)不需要 -->
<scope>provided</scope>
</dependency>
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
<version>5.1.49</version>
</dependency>
<!-- 數(shù)據(jù)綁定包,提供JAva對象與JSON數(shù)據(jù)格式進(jìn)行序列化 -->
<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-databind</artifactId>
<version>2.12.3</version>
</dependency>
<!-- 引入單元測試框架,方便我們做測試 -->
<dependency>
<groupId>junit</groupId>
<artifactId>junit</artifactId>
<version>4.13.1</version>
</dependency>
</dependencies>
引入Jackson依賴是為了進(jìn)行序列化、反序列化的操作
作用:使數(shù)據(jù)和對象之間可以相互轉(zhuǎn)換,保證數(shù)據(jù)的完整性
Jackson是一個(gè)Java用來處理JSON格式數(shù)據(jù)的類庫,性能非常好,經(jīng)常被用來JSON序列化(將對象轉(zhuǎn)換為JSON字符串)和反序列化(將JSON字符串轉(zhuǎn)換為指定的數(shù)據(jù)類型)
序列化和反序列化操作:
public class WebUtil {
//判斷是否登錄,通過請求對象獲取session,如果session存在且登錄時(shí)
// 保存的鍵為user,值是用戶對象,這個(gè)數(shù)據(jù)存在,就表示已登錄
//返回user:已登錄就返回session中保存的用戶,未登錄返回null
public static User checkLogin(HttpServletRequest req){
User user = null;
//如果從tomcat保存的session的map數(shù)據(jù)結(jié)構(gòu)中,獲取session,false表示獲取不到,返回null
HttpSession session = req.getSession(false);
if(session!=null){
user = (User)session.getAttribute("user");
}
return user;
}
//這個(gè)對象可以使用單例
private static ObjectMapper M = new ObjectMapper();
//反序列化:轉(zhuǎn)換一個(gè)輸入流中包含的json字符串為一個(gè)java對象
//使用泛型:傳一個(gè)什么類型給我,就返回一個(gè)該類型的對象
public static <T> T read(InputStream is,Class<T> clazz){
try {
return M.readValue(is,clazz);
} catch (IOException e) {
throw new RuntimeException("json反序列化出錯(cuò)",e);
}
}
//序列化:將一個(gè)任意類型的java對象,轉(zhuǎn)換為一個(gè)json字符串
public static String write(Object o){
try {
return M.writeValueAsString(o);
} catch (JsonProcessingException e) {
throw new RuntimeException("json序列化出錯(cuò)",e);
}
}
2.數(shù)據(jù)庫設(shè)計(jì)
1.創(chuàng)建所需表:
- user(用戶表)
- acticle(文章表)
2.設(shè)計(jì)與之對應(yīng)的數(shù)據(jù)庫實(shí)體類:

3.數(shù)據(jù)庫連接工具:
//數(shù)據(jù)庫工具類:提供獲取數(shù)據(jù)庫連接,釋放資源的統(tǒng)一代碼
public class DBUtil {
//靜態(tài)變量,是類加載的時(shí)候初始化,只執(zhí)行一次
private static MysqlDataSource ds;
//一個(gè)程序,連接一個(gè)數(shù)據(jù)庫,只需要一個(gè)連接池,其中保存了多個(gè)數(shù)據(jù)庫連接對象
//1.獲取連接池,內(nèi)部使用,不開放
private static DataSource getDataSource(){
//ds類加載的時(shí)候,初始化為null,方法使用的時(shí)候,每次都判斷一下
if(ds==null){//判斷為空,就創(chuàng)建及初始化屬性
ds=new MysqlDataSource();
ds.setURL("jdbc:mysql://127.0.0.1:3306/blog");
ds.setUser("root");
ds.setPassword("010124");
ds.setUseSSL(false);//不安全連接,如果不設(shè)置,也不影響,只是有警告
ds.setCharacterEncoding("UTF-8");
}
return ds;
}
//2.獲取數(shù)據(jù)庫連接對象:開放給外部的jdbc代碼使用
public static Connection getConnection(){
try {
return getDataSource().getConnection();
} catch (SQLException e) {
throw new RuntimeException("獲取數(shù)據(jù)庫連接出錯(cuò),可能是url,賬號密碼寫錯(cuò)了",e);
}
}
//3.釋放資源
//查詢操作需要釋放三個(gè)資源,更新操作(插入,修改,刪除)只需要釋放前兩個(gè)資源
public static void close(Connection c, Statement s, ResultSet r){
try {
if(r!=null) r.close();
if(s!=null) s.close();
if(c!=null) c.close();
} catch (SQLException e) {
throw new RuntimeException("釋放數(shù)據(jù)庫資源出錯(cuò)",e);
}
}
//提供更新操作方便的釋放資源功能
public static void close(Connection c, Statement s){
close(c,s,null);
}
public static void main(String[] args) {
System.out.println(getConnection());
}
}
4.用戶表和文章表的CRUD操作(Dao類):

3.準(zhǔn)備前端頁面
1.把之前寫好的前端靜態(tài)頁面部署到webapp目錄下
2.封裝ajax:
在前后端交互中我們需要用到ajax進(jìn)行數(shù)據(jù)交互
把之前封裝好的ajax函數(shù)拷貝過來,放到一個(gè)單獨(dú)的js文件中,方便后續(xù)使用
function ajax(args){//var ajax = function(){}
let xhr = new XMLHttpRequest();
// 設(shè)置回調(diào)函數(shù)
xhr.onreadystatechange = function(){
// 4: 客戶端接收到響應(yīng)后回調(diào)
if(xhr.readyState == 4){
// 回調(diào)函數(shù)可能需要使用響應(yīng)的內(nèi)容,作為傳入?yún)?shù)
args.callback(xhr.status, xhr.responseText);
}
}
xhr.open(args.method, args.url);
//如果args中,contentType屬性有內(nèi)容,就設(shè)置Content-Type請求頭
if(args.contentType){//js中,if判斷,除了判斷boolean值,還可以判斷字符串,對象等,有值就為true
xhr.setRequestHeader("Content-Type", args.contentType);
}
//如果args中,設(shè)置了body請求正文,調(diào)用send(body)
if(args.body){
xhr.send(args.body);
}else{//如果沒有設(shè)置,調(diào)用send()
xhr.send();
}
}
3.設(shè)計(jì)一個(gè)類:用于返回給前端ajax回調(diào)
//設(shè)計(jì)一個(gè)類,用于返回給前端ajax回調(diào)
public class JsonResult {
private boolean ok;//表示執(zhí)行一個(gè)操作是否成功
private Object data;//操作成功,且是一個(gè)查詢操作,需要返回一些數(shù)據(jù)給前端
//同樣省略getter、setter和toString
}4.實(shí)現(xiàn)前端匹配的Servlet所需功能

5.項(xiàng)目難點(diǎn)
- 實(shí)現(xiàn)用戶不登錄不允許訪問主頁內(nèi)容并且重定向到登錄頁面,其次用戶不登錄的情況下訪問某個(gè)接口也是非法的,也要重定向到登錄頁面
- 文章發(fā)布后要將新的一篇文章插入到數(shù)據(jù)庫中,查看全文要將markdown格式的數(shù)據(jù)轉(zhuǎn)為HTML
- 登錄成功也要創(chuàng)建session并保存用戶信息以供后面使用
到此這篇關(guān)于Java實(shí)現(xiàn)完整個(gè)人博客系統(tǒng)流程的文章就介紹到這了,更多相關(guān)Java 個(gè)人博客系統(tǒng)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
實(shí)戰(zhàn)分布式醫(yī)療掛號系統(tǒng)之整合Swagger2到通用模塊
這篇文章主要為大家介紹了實(shí)戰(zhàn)分布式醫(yī)療掛號系統(tǒng)之整合Swagger2到通用模塊,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-04-04
spring中jdbcTemplate.batchUpdate的幾種使用情況
本文主要介紹了spring中jdbcTemplate.batchUpdate的幾種使用情況,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-04-04
springboot 接收List 入?yún)⒌膸追N方法
本文主要介紹了springboot 接收List 入?yún)⒌膸追N方法,本文主要介紹了7種方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-03-03
基于java web獲取網(wǎng)頁訪問次數(shù)代碼實(shí)例
這篇文章主要介紹了基于java web獲取網(wǎng)頁訪問次數(shù)代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-02-02
三種java編程方法實(shí)現(xiàn)斐波那契數(shù)列
這篇文章主要為大家詳細(xì)介紹了三種java編程方法實(shí)現(xiàn)斐波那契數(shù)列,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-02-02
intellij idea 啟動tomcat 1099端口被占用的解決
這篇文章主要介紹了intellij idea 啟動tomcat 1099端口被占用的解決,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
Java8方法引用及構(gòu)造方法引用原理實(shí)例解析
這篇文章主要介紹了Java8方法引用及構(gòu)造方法引用原理實(shí)例解析,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-09-09
Redisson分布式閉鎖RCountDownLatch的使用詳細(xì)講解
分布式鎖和我們java基礎(chǔ)中學(xué)習(xí)到的synchronized略有不同,synchronized中我們的鎖是個(gè)對象,當(dāng)前系統(tǒng)部署在不同的服務(wù)實(shí)例上,單純使用synchronized或者lock已經(jīng)無法滿足對庫存一致性的判斷。本次主要講解基于rediss實(shí)現(xiàn)的分布式鎖2023-02-02

