一個簡單博客系統,實現前後端增刪改查基本功能

此篇僅做簡述,詳細請見實際項目

1 項目結構:

(1)服務端eggjs開發

(2)客戶端umijs開發

(3)數據庫mysql數據庫

2 效果如下:

3 備註:

(1)數據庫使用的在線數據庫,下載後,需配置爲自己的mysql數據庫

(2)涉及知識點,官方網站上均有,請自行學習 https://eggjs.org/zh-cn/

4 github地址:https://github.com/HeavyShell/eggjs-server-umijs-client


過程事項:

一 JWT的使用demo

增加JWT的基本使用,便於後期拓展,如用戶鑑權等功能。
1 訪問http://127.0.0.1:7001/api/login 生成token,並返回
2 訪問http://127.0.0.1:7001/api/login2 傳參上一步返回的token值,服務端校驗token
3 因測試,暫給的20秒內token 有效,可下載項目後測試,可使用工具Postman

二 增加用戶權限校驗邏輯

1 通過JWT形式用戶權限校驗
2 登錄接口/api/login生成對應token,並返回客戶端
3 客戶端存儲token於sessionStorage
4 請求帶上token,於headers傳輸
5 服務端接口中間件tokenVerify校驗token有效性,並返回新的token
6 退出,則清空本地token,並返回登錄頁

三 使用數據模型model,增加對sequelize的支持使用
注意事項:
1 model定義時app.model.define,由於原表中沒有create_at時間字段,
(1)需設置timestamps: false, 忽略時間字段create_at等,因爲Sequelize會默認視爲數據表擁有時間字段
(2)需設置tableName: 'eggjs_blog', 指定表名
2 config.default.js中配置需指定用戶名密碼config.sequelize = {username:'admin',password:'123456'}
3 demo僅在查詢詳情的service中使用model形式獲取數據
4 詳情參考官網https://eggjs.org/zh-cn/tutorials/sequelize.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章