作者:@猫的树 联系方式: email: [email protected] phone: 13933616583
项目链接:http://krislan.tech
Vue + Vue-Router + Vuex + ES6/7 + Scss + Axios + Nodejs + Express + Mysql + Sequelize
该项目是用于展示学习笔记,记录学习心得以及生活趣事的网站,目前运行在阿里云。
项目分为前后端两个部分,前端选用 vue3.0
,并使用 vue-cli
脚手架 搭建,其中使用了 vue-router
处理路由,使用 vuex
处理数据
共享;后端使用 nodejs
搭建轻量级服务器,通过 express
框架为前端提供 REST
风格的接口,数据方面利用了 mysql
持久化
数据,并利用 Sequelize
库提供的接口操作数据库。
项目的前台包含了个人主页、文章列表、文章详情等模块,后台包含了发布文章、发布每日格言、删除文章、登录等功能,全部 由本人开发。
后端做了跨域处理、jwt 验证管理员等功能
项目运行之前,请确保系统已经安装以下应用
1、node (14.0 及以上版本)
2、MySQL (开启状态)
3、使用Navicat运行SQL文件夹中的 my_blog.sql文件
// 先启动node服务器
cd server
npm install
node index
// 启动用vite搭建的服务器
cd client
npm install
npm run dev
- 分页获取博客列表
请求 URL:
/api/blog
请求方式:
GET
参数类型:query
参数 | 是否必选 | 类型 | 说明 |
---|---|---|---|
page | Y | Number | 页码 |
limit | Y | Number | 页容量 |
- 获取全部博客
请求 URL:
/api/blog/all
请求方式:
GET
- 根据 id 获取博客
请求 URL:
/api/blog/:id
请求方式:
GET
参数类型:param
参数 | 是否必选 | 类型 | 说明 |
---|---|---|---|
id | Y | Number | 博客 ID |
- 获取每日格言
请求 URL:
/api/everyday
请求方式:
GET
- 获取全部每日格言
请求 URL:
/api/everyday/all
请求方式:
GET
- 发表评论
请求 URL:
/api/comment
请求方式:
POST
参数类型:param
参数 | 是否必选 | 类型 | 说明 |
---|---|---|---|
parent | Y | String | 父评论的 id 如果是主评论则为-1 |
blog_id | Y | String | 博客 ID |
user_name | Y | String | 用户名 |
Y | String | 用户邮箱 | |
comment | Y | String | 评论内容 |
website | N | String | 用户的个人网站 |
reply_name | N | String | 回复对象的名称 |
- 根据博客 id 获取对应的评论
请求 URL:
/api/comment/:id
请求方式:
GET
参数类型:param
参数 | 是否必选 | 类型 | 说明 |
---|---|---|---|
blog_id | Y | String | 博客 ID |
- 管理员登录
请求 URL:
/api/admin/login
请求方式:
POST
参数类型:param
参数 | 是否必选 | 类型 | 说明 |
---|---|---|---|
loginId | Y | String | 管理员账号 |
loginPwd | Y | String | 管理员密码 |
- token 验证 用 token 去请求用户信息
请求 URL:
/api/admin/whoami
请求方式:
GET
- 写博客
请求 URL:
/api/blog
请求方式:
POST
参数类型:param
参数 | 是否必选 | 类型 | 说明 |
---|---|---|---|
title | Y | String | 博客标题 |
tags | Y | String | 博客标签 |
content | Y | String | 博客内容 |
- 写格言
请求 URL:
/api/everyday
请求方式:
POST
参数类型:param
参数 | 是否必选 | 类型 | 说明 |
---|---|---|---|
content | Y | String | 格言内容 |
- 根据 id 删除博客
请求 URL:
/api/blog/:id
请求方式:
DELETE
参数类型:param
参数 | 是否必选 | 类型 | 说明 |
---|---|---|---|
BlogId | Y | String | 博客 Id |
- 删除格言
请求 URL:
/api/everyday/:id
请求方式:
DELETE
参数类型:param
参数 | 是否必选 | 类型 | 说明 |
---|---|---|---|
mottoId | Y | String | 格言 Id |
- 删除评论
请求 URL:
/api/comment/:id
请求方式:
DELETE
参数类型:param
参数 | 是否必选 | 类型 | 说明 |
---|---|---|---|
commentId | Y | String | 评论 Id |
- 获取全部评论
请求 URL:
/api/comment/
请求方式:
GET