#运行
```
npm i node-sass
npm i
npm run serve
```
# 前台
***********
##  预览地址：https://panbingwen.cn/

## 预览效果：

- 首页

![首页](https://upload-images.jianshu.io/upload_images/15449003-2de16c0fece610d4?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
点击导航栏以上部分可以切换背景

![image](https://upload-images.jianshu.io/upload_images/15449003-36f4687f25c3c0ea?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
- 动态

![image](https://upload-images.jianshu.io/upload_images/15449003-601cb3d0fee032fa?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
- 留言


![image](https://upload-images.jianshu.io/upload_images/15449003-09a4f8c5a59eb1e3?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![image](https://upload-images.jianshu.io/upload_images/15449003-193c7887e70306a1?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![image](https://upload-images.jianshu.io/upload_images/15449003-3778658e661ca0b1?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
- 关于

![image](https://upload-images.jianshu.io/upload_images/15449003-2503135a6715dcf9?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
- 文章详情

![image](https://upload-images.jianshu.io/upload_images/15449003-5bc83462f8dcc904?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![image](https://upload-images.jianshu.io/upload_images/15449003-97edf3a368608eda?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

# 后台管理系统
**********
## 预览地址：https://manager.panbingwen.cn
## 预览效果：
- 登录

![image](https://upload-images.jianshu.io/upload_images/15449003-404a67d296dcc6a4?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
- 用户管理

![image](https://upload-images.jianshu.io/upload_images/15449003-e79b692b241c8f11?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
- 留言管理

![image](https://upload-images.jianshu.io/upload_images/15449003-609c4891b4ab23a3?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
- 评论管理

![image](https://upload-images.jianshu.io/upload_images/15449003-db665794ec44034c?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
- 文章管理

![image](https://upload-images.jianshu.io/upload_images/15449003-e1c5974721e7f1f2?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
- 写文章

![image](https://upload-images.jianshu.io/upload_images/15449003-fc22b78e0e2aa3ee?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
- 网站信息管理

![image](https://upload-images.jianshu.io/upload_images/15449003-bbd6954132e55967?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
- 关注我管理

![image](https://upload-images.jianshu.io/upload_images/15449003-6f4434e2976b73e5?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
- 轮播图管理

![image](https://upload-images.jianshu.io/upload_images/15449003-f6258d5f6ddabf0d?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
- 默认头像管理

![image](https://upload-images.jianshu.io/upload_images/15449003-7749e768b0773cce?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
- 友情链接管理

![image](https://upload-images.jianshu.io/upload_images/15449003-355774aa4e671d44?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
- 开发历程管理

![image](https://upload-images.jianshu.io/upload_images/15449003-3c657da0309696d3?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

# 接口文档
*********
- 前台

![image](https://upload-images.jianshu.io/upload_images/15449003-4a49eefacb628223?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
- 后台

![image](https://upload-images.jianshu.io/upload_images/15449003-f40a6ae41dab740d?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

# 项目结构
**********
- API
![](https://upload-images.jianshu.io/upload_images/15449003-56833ea2a2db6c21.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
- 前台
![](https://upload-images.jianshu.io/upload_images/15449003-f20ed614180455a2.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
- 后台
![](https://upload-images.jianshu.io/upload_images/15449003-906042cfc7d221e0.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
 # 数据库
******
![](https://upload-images.jianshu.io/upload_images/15449003-c09154e87419059c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
# 技术栈
****
- 后端

   Spring Boot , MyBatis  , MyBatis Generator , Swagger2 , Maven , MySQL , Git , Redis
 - 前端 
 
   Vue , Vue Router , Vue CLI , Element UI , Vant , Nuxt , axios , node , npm , webpack , sass
- 开发工具

  IntelliJ IDEA ， Navicat 15 for MySQL ，SQLyog Enterpris，WebStorm ， HBuilder X ， Photoshop CC
- 代码托管平台

   github
   
- 部署

  云服务器CentOS 7 , 终端工具Xshell 6 , 传输工具Xftp 6 , 进程管理工具PM2 ， 反向代理和HTTP服务器Nginx
  
- 域名

  [GoDaddy](https://hk.godaddy.com/en)上购买的域名，因购买的是阿里云服务器，所以迁移到国内的域名服务商万网，在阿里云进行实名认证、解析、备案，购买和申请安全证书，最后在服务器上配置和部署
- 其他

  图片存储和短信服务都是在阿里云上开通
  
  # 关于我
  *********
  性别男，95后，是一位浪漫的现代主义诗人，号温酒居士，兼职写代码，爱诗歌，爱音乐，爱读书，爱旅游，爱学习，爱生活，爱赚钱，爱江山更爱美人。
