服务器部署教程中(项目地址代码展示)

本项目部署的案例是前端、后台管理、后端集成的个人博客项目

博客前台基于 vue3、element plus、pinia、axios、vue-router、vite、vue-use、npm、scss、tailwind.css 等主流技术

博客管理后台基于 pureadmin、vue3、element plus、pinia、axios、vue-router、vue-use、pnpm、vite、sass、tailwindcss 等主流技术

博客后端基于node.js、koa、koa-router、koa-body、seqlize、mysql、minio对象存储、bcryptjs、nodemon等主流技术

github项目地址为https://github.com/tianyang88888/ty-blog
在这里插入图片描述
项目上线地址为www.tianyang.love

项目前端展示

模块功能
首页分页查看文章、展示博客网站基础信息、博客公告、博主信息等
文章详情浏览文章详情,根据当前文章进行文章推荐
时间轴根据文章发布时间展示文章
标签展示博客所有的标签,点击标签会搜索出当前点击标签下的文章列表
分类展示博客所有的分类,点击分类会搜索出当前点击分类下的文章列表
相册展示博主的所有相册
友链展示友链
推荐网站推荐一些博主知道的前端框架、有趣的网站,对学习有帮助的网站
相册详情展示相册里的所有图片(懒加载)
说说类似微信朋友圈的功能,支持发图片
留言可以自定义要发布的类型、发布的内容样式、图片等,还允许自己编写html
用户注册用户通过输入用户名注册
用户登录已注册用户输入账户密码登录
修改个人信息用户可修改自己的昵称、头像
消息通知在用户发表一些内容的时候有对被评论用户的一个通知,没有接通邮箱,感兴趣的可以自己尝试
音乐使用网易云项目的接口,自己写了一个音乐播放器,有分类排行榜、搜索音乐、播放音乐、显示歌词等功能

部分页面截图如下
在这里插入图片描述

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

项目后台管理展示

在这里插入图片描述

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

项目后端展示

在这里插入图片描述

网易云音乐展示

在这里插入图片描述
在这里插入图片描述
项目线上、线下部署教程发在下一篇博客

  • 5
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值