### 环境准备
- Node.js v14.15.5
- MongoDB v4.2.17
### 安装MongoDB数据库
进入[官网](https://www.mongodb.com/try/download/community)下载,版本是4.2.17,平台是Windows,安装包为msi格式
### 项目开发
#### 1. 克隆项目至本地:
```sh
$ git clone [email protected]:miqilin21/vue-blog.git
$ cd vue-blog
$ pnpm i
```
#### 2. 安装前后台(admin、web)及后端(server)项目依赖:
```sh
$ pnpm install-all
```
#### 3. 运行前后台(admin、web)及后端(server)项目:
```sh
$ pnpm serve-all
```
#### 4. 打开浏览器预览:
http://localhost:8080 打开前台本地页面;http://localhost:8088 打开后台本地页面。
第一次后台admin登陆时请先注册用户,登录后可以将注册按钮隐藏以防登录账户泄露。
### 后台管理系统
- 新增分类
- 分类列表(增删改查)
- 新增文章
- 文章列表(增删改查)
- 文章评论列表
- 新增友链
- 友链列表(增删改查)
- 留言列表
- 留言用户列表
- Markdown 编辑器集成
- 图片上传功能
- 新增用户
- 用户列表(增删改查)
- 通用增删改查接口实现(中间件 resourceMiddleware)
- 登录注册功能
- 登出功能
- 添加 jwt 校验(1. 用户名查找 2. 密码校验 3. 返回 token)
- 添加 http 拦截器(request、response)
### 博客系统
- 博客首页 UI
- 博客首页接口实现
- 博客归档页面 UI
- 博客归档页面接口实现
- 博客标签页面 UI
- 博客标签页面接口实现
- 博客文章页面 UI
- 博客文章页面接口实现
- 博客友链页面 UI
- 博客友链页面接口实现
- 博客留言页面 UI
- 博客留言页面接口实现
### 配置注意点
1. 评论页面回复他人评论采用的是你的QQ邮箱进行同步通知,需要在 `server/plugins/sendEmail.js` 中进行邮箱配置,如何获取QQ邮箱授权码见下图(在QQ邮箱的设置-账户页面)。
![](https://miqilin-blog.oss-cn-shenzhen.aliyuncs.com/qq-shouquanma.png)
2. 评论主账户的配置(主账户用于邮箱回复,所以评论建立的账户邮箱要和上一步QQ邮箱授权码的邮箱为同一个),同时需要在 `web/src/commentConfig.js` 中进行评论账户的设置(注意`topNickName`需要和评论建立的主账号昵称一致,`topParentId`可从后台页面获取),主账户被清除的话要重新进行配置。
3. 关于后台的图片上传:默认是上传到本地,这种方式的话对于服务器要求比较高,自然前端的加载速度会受影响,可以选择用阿里云的oss进行上传及储存,需要将 `server/routes/admin/index.js` 中关于阿里云oss图片上传的代码注释解除,同时将本地图片上传的代码注释掉,最后将你的阿里云oss配置填入即可。
### 项目打包部署
- web、admin 项目打包(根目录下运行 `pnpm build-all` 命令)
- 域名购买
- 域名解析
- linux 云服务器购买
- git 安装, ssh key 添加
- pm2 进程管理
- ngnix 配置
- mongodb 配置
- mongodb 数据从本地迁移至服务器
- 七牛云 cdn 全站免费加速
线上服务器部署可参考这份[指南](https://www.yuque.com/lingqian-ceavu/gxhqpr)。
### 博客后台管理系统
![](https://miqilin-blog.oss-cn-shenzhen.aliyuncs.com/admin.gif)
### 博客系统
![](https://miqilin-blog.oss-cn-shenzhen.aliyuncs.com/web.gif)
### 欢迎 Star,Issues
- 您的 Star,是我不断更新维护的动力!!!
- 若在使用过程中,存在某些问题,欢迎 Issues
### To Do List
- 性能优化,图片需要压缩处理,预加载处理
- 给博文页面加上搜索功能
- 浏览器兼容问题,移动端适配。只用了自己电脑的谷歌 chrome 浏览器开发和手机适配效果,其他种种都没试,不过不建议移动端使用,电脑登陆效果更佳
- 解决 vue 的 seo 问题及刷新渲染页面抖动问题。先暂时做 vue 预渲染,不排除以后会做 vue 服务端渲染或 nuxt.js 服务端渲染
- 整理代码,拆分出组件。让结构更清晰,代码量更少
- 利用 typescript 重构整个项目
- 想到有意思的功能也会慢慢加上,持续开发中...
没有合适的资源?快使用搜索试试~ 我知道了~
管理系统系列-- 基于Vue、Node.js(Express)、MongoDB搭建的个人博客blog&后台管.zip
共209个文件
js:58个
vue:35个
css:18个
需积分: 5 0 下载量 86 浏览量
2024-02-25
23:11:59
上传
评论
收藏 10.07MB ZIP 举报
温馨提示
管理系统系列-- 基于Vue、Node.js(Express)、MongoDB搭建的个人博客blog&后台管
资源推荐
资源详情
资源评论
收起资源包目录
管理系统系列-- 基于Vue、Node.js(Express)、MongoDB搭建的个人博客blog&后台管.zip (209个子文件)
vendors~app.3a4b7974.css 235KB
chunk-vendors.53794358.css 234KB
app.ffda094d.css 73KB
about.bb042f05.css 18KB
demo.css 8KB
iconfont.css 4KB
article_edit.33f6816a.css 2KB
home.475a08fb.css 2KB
tag.bcfa3e2a.css 1KB
article.9ef0ae68.css 873B
link.c7fe52ac.css 729B
vendors~article.1c2c36e5.css 613B
app.b98fe089.css 502B
style.css 437B
archive.55ff8245.css 193B
login.d3cd1897.css 145B
message.208c449f.css 132B
main.b0303dc3.css 85B
.env.development 49B
.env.development 47B
fontello.e73a0647.eot 15KB
iconfont.eot 4KB
web.gif 4.16MB
admin.gif 2.11MB
.gitignore 2KB
.gitignore 221B
.gitignore 214B
.gitignore 214B
vendors~app.38cd00d7.js.gz 268KB
vendors~article.b06189d7.js.gz 256KB
vendors~app.3a4b7974.css.gz 35KB
vendors~article~home.db3e17e7.js.gz 30KB
app.ffda094d.css.gz 15KB
app.c4457924.js.gz 11KB
about.bb042f05.css.gz 3KB
article.b4d913a8.js.gz 2KB
home.6e81e34d.js.gz 1KB
link.2206432e.js.gz 1KB
about.75b89ddb.js.gz 1KB
message.dcf21bf0.js.gz 1KB
tag.4428a61a.js.gz 1KB
archive.845f534c.js.gz 852B
home.475a08fb.css.gz 597B
tag.bcfa3e2a.css.gz 351B
demo_index.html 14KB
index.html 2KB
index.html 2KB
index.html 1KB
index.html 586B
favicon.ico 4KB
favicon.ico 4KB
favicon.ico 4KB
favicon.ico 4KB
learn1-0.jpg 56KB
learn1-4.jpg 48KB
learn1-2.jpg 44KB
learn1-3.jpg 35KB
null.jpg 32KB
learn1.jpg 28KB
english.jpg 27KB
git.jpg 26KB
this-1.jpg 25KB
git-1.jpg 21KB
closure.jpg 19KB
this.jpg 15KB
vendors~app.38cd00d7.js 982KB
chunk-vendors.64e1808c.js 865KB
vendors~article.b06189d7.js 793KB
article_edit.dfcc3957.js 312KB
vendors~article~home.db3e17e7.js 88KB
app.c4457924.js 34KB
link_list.7f84cc17.js 13KB
iconfont.js 10KB
link_edit.2c0e0f99.js 9KB
article_list.2a29b43e.js 9KB
message_list.16168fad.js 9KB
comment_list.554580fc.js 9KB
login.109891a5.js 9KB
category_list.ee7cd4b7.js 9KB
app.fed95af8.js 8KB
admin_edit.e91fae0c.js 8KB
admin_list.874c83ef.js 8KB
category_edit.3854f8a3.js 8KB
article.b4d913a8.js 5KB
validate.js 5KB
index.js 4KB
home.6e81e34d.js 4KB
index.js 3KB
link.2206432e.js 3KB
about.75b89ddb.js 3KB
index.js 3KB
main.ba894f64.js 3KB
message.dcf21bf0.js 3KB
tag.4428a61a.js 2KB
index.js 2KB
archive.845f534c.js 2KB
vue.config.js 2KB
sendEmail.js 1KB
main.js 1KB
Toc.js 1KB
共 209 条
- 1
- 2
- 3
资源评论
Kwan的解忧杂货铺
- 粉丝: 1w+
- 资源: 3651
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功