vue开发个人博客

开发一个简单的个人博客

整体风格上,我对设计没有太多的见解,做的时候参考了好多网上现有的博客,总体喜欢简约。
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

用到的技术

前端

正好在学Vue
vue + vue-router + axios + element ui框架的样式 + aos.css 动画 + less + media 媒体查询 自适应 Web+H5

包含技术点:

  1. axios请求封装
  2. aos动画的使用
  3. 博客代码高亮highlight
  4. 基本组件封装
  5. 父子组件传值
  6. 路由传参
  7. 传参加密
  8. 同界面路由变更回到顶部 watch()
  9. 媒体查询@media

后端

1、 node.js

egg.js +mongoDB + redis 实现

包含技术点:

  1. 安装egg,创建项目
  2. 引入mongo 、redis (config/config.default.js)
  3. extend框架扩展:统一返回 (code,msg,data)
  4. middleware中间件:统一异常处理、Jwt自定义登陆拦截
  5. 封装redis公共方法 service
  6. 基本增删改查

2、Java

springboot + mysql + mybatis + redis

包含技术点:

  1. springboot+mybatis 实现基本增删改查
  2. redis工具类
  3. aop规范控制台日志
  4. 统一返回 (code,msg,data)
  5. Dockerfile 编写

服务(部署Java)

阿里云服务器 centos8 + docker + dockerfile + nginx+ mysql

包含技术点:

  1. centos8 安装 docker。
  2. docker + mysql 文件挂载、远程连接。
  3. docker + nginx 文件挂载、负载、反向。
  4. docker化 nginx后,SSL证书的配置。
  5. dockerfile 文件,实现项目打包镜像。

" 基本实现了一个简单的个人网页 : http://www.dhzi.com.cn/ "

  • 8
    点赞
  • 39
    收藏
    觉得还不错? 一键收藏
  • 13
    评论
评论 13
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值