egg+vue+mysql+redis+vue-element-admin 前后中台,博客系统​

5 篇文章 0 订阅
2 篇文章 0 订阅

前端

此样式是仿照木桩博客而做, 首页有 最新评论文章,最新发布,标题,简介,缩略图支持放大预览,评论数点赞数,浏览量。网站运行时间

详情页支持评论,分享。标签显示

markdown 语法转html  代码支持一键复制,类似简书。

妹子图片 瀑布流形式展示

后端

创建文章

创建文章模块,支持markdown语法发布,设置发布时间,定时发布。功能

文章列表

文章列表支持,推荐文章。

标签管理

点击➕ 新建标签,标签与文章关联,文章可指定多个标签

其中后台系统功能有

  1. 注册登录

  2. 图片上传, 头像上传

  3. 创建markdown文章

  4. markdown文章预览

  5. 推荐阅读

  6. 定时发布文章

  7. 创建文章

  8. 编辑文章

  9. 标签管理

其中前端博客系统功能有

  1. 首页

  2. 上拉加载展示文章列表(自己写的)

  3. vue-layload图片懒加载

  4. vue-photo-preivew 图片预览功能

  5. 文章点赞 markdown code 复制

  6. 文章评论功能

  7. 浏览量,点赞量,评论数等

  8. 标签云

  9. 瀑布流显示妹子图片

  10. co-wechat-api 使用调用微信公共平台接口

  11. egg-socket.io vue-socket.io 使用设计聊天室

后续会加与前端相关的常用,不常用的功能。总之,好玩的功能
这个不是一个完整的blog系统,但是会涉及很多前端功能

blogbackend 需要下载redis mysql

github地址https://github.com/websmallrabbit/my-blog

简述地址 https://www.jianshu.com/p/fd19f3048b35

喜欢 欢迎关注点赞
本人博客 http://websmallrabbit.github.io/
简书主页https://www.jianshu.com/u/5c516e381a3a
本人公众号:一点温存
github主页: https://github.com/websmallrabbit

qq交流群:148229086

如何对你帮助到了,谢谢打赏

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Spring Boot、Vue-Element-Admin和MyBatis是一种常见的技术组合,用于构建现代化的Web应用程序。下面是一个简要的入门教程。 1. 首先,我们需要设置Spring Boot项目。可以使用Spring Initializr(https://start.spring.io/)来初始化一个基本的Spring Boot项目。在依赖项中添加Spring Web、Spring Data JPA和MyBatis等必要的依赖项。 2. 在Spring Boot项目中,我们需要创建实体类和数据库表的映射。使用JPA注解来定义实体类,并使用MyBatis注解来指定数据库表的映射。 3. 接下来,我们需要创建一个数据访问层(DAO)来处理与数据库的交互。使用MyBatis的注解或XML映射文件来定义SQL查询和操作。 4. 在Service层,编写业务逻辑代码来处理DAO返回的数据,并与其他组件进行交互。 5. 在Controller层,处理HTTP请求和响应,将数据传递给前端页面或接收前端发送的数据。使用Spring MVC注解来定义请求映射和参数解析。 6. 在前端方面,可以使用Vue-Element-Admin来构建用户界面。Vue是一种流行的JavaScript框架,用于构建灵活的单页面应用程序。Element-Admin是一个基于Vue的组件库,提供了丰富的UI组件和布局。 7. 在Vue-Element-Admin中,我们可以使用Vue Router来实现页面之间的导航和路由。使用axios来发送HTTP请求与后端进行数据交互。 8. 在Vue组件中,我们可以通过调用后端的API来获取数据并渲染到前端页面上。使用Element-Admin提供的布局和UI组件来美化页面。 通过上述步骤,我们可以实现一个基本的Spring Boot、Vue-Element-Admin和MyBatis的入门教程。这个教程可以帮助初学者了解如何搭建和使用这个技术组合来构建现代化的Web应用程序。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值