兰州网站建设ulezhi,餐饮品牌全案策划,网站建设读后感,wordpress metakey格姗知识圈博客
一个基于 Spring Boot、Spring Security、Vue3、Element Plus 的前后端分离的博客网站#xff01;本项目基本上是小格子一个人开发#xff0c;由于工作和个人能力原因#xff0c;部分技术都是边学习边开发#xff0c;特别是前端#xff08;工作中是后端开…格姗知识圈博客
一个基于 Spring Boot、Spring Security、Vue3、Element Plus 的前后端分离的博客网站本项目基本上是小格子一个人开发由于工作和个人能力原因部分技术都是边学习边开发特别是前端工作中是后端开发基本上不熟悉代码质量和设计请大家多多指教。
码云下载地址国内推荐https://gitee.com/geshanzsq/geshanzsq-blog
Github 下载地址https://github.com/geshanzsq/geshanzsq-blog
博客简介
前端使用 Vue3、Element Plus UI。后端使用 Spring Boot、Spring Security、Redis、MySQL等技术后台管理支持加载动态权限菜单权限修改立即生效不用再退出重新登录。博客网站支持第三方登录如QQ、Gitee、Github
后台管理功能
用户管理用户是整个系统操作人主要完成系统用户配置角色管理配置角色菜单、分配用户角色等。菜单管理配置系统菜单、按钮权限标识、关联 API 等。数据字典系统中经常使用的一些较为固定的数据进行维护。API 管理后端所有接口地址、请求方式等。参数配置系统动态配置常用参数。登录日志系统登录日志记录查询。操作日志系统操作日志记录和查询。文章管理文章编辑、查询等。分类管理分类操作。标签管理标签操作。图片管理图片分类管理、图片上传等。友情链接添加其他网站链接评论管理对文章和留言板的评论进行审核第三方登录配置动态添加第三方登录配置及登录管理推荐管理对文章的推荐进行管理
客户端功能
首页网站首页相关文章展示分类展示所有分类及分类下的文章标签展示所有标签及标签下的文章归档历史上已发布的文章按时间线展示关于我展示网站介绍和个人介绍留言板展示用户留言个人中心用户通过第三方平台登录后可对个人基本信息修改查看我的足迹、评论、收藏、点赞
运行
前端需要搭建 Vue 脚手架环境如安装 Node.js、Vue-cli 。
后端需要搭建 Java 开发环境。此外还需要安装 MySQL 数据库推荐 MySQL 8、Redis。
相关环境版本
软件名称版本号Node16.16.0NPM6.14.15JDK1.8.0_202MySQL8.0.29Redis5.0.9Nginx1.9.9
项目目录结构说明
geshanzsq-blog-admin: 后台管理模块geshanzsq-blog-admin-service: 后台管理应用启动和博客业务geshanzsq-blog-admin-system: 后台管理的系统管理模块geshanzsq-blog-admin-system-common: 后台管理的系统管理模块通用模块目前是客户端需要使用的枚举和 PO
geshanzsq-blog-cleintgeshanzsq-blog-cleint-common: 客户端通用模块目前是后台管理需要使用的枚举和 POgeshanzsq-blog-cleint-service: 客户端相关逻辑和应用启动
geshanzsq-blog-common: 通用模块geshanzsq-blog-common-core: 核心通用模块包含一些通用工具类geshanzsq-blog-common-framework: 通用框架模块geshanzsq-blog-common-limiter: 通用限流模块geshanzsq-blog-common-log: 通用日志模块geshanzsq-blog-common-redis: 通用缓存模块geshanzsq-blog-common-security: 通用安全框架模块geshanzsq-blog-common-swagger: 通用接口文档模块
vue-geshanzsq-blog-admin: 前端后台管理
vue-geshanzsq-blog-client: 前端客户端前端运行
管理端
# 进入项目目录
cd vue-geshanzsq-blog-admin# 安装依赖
npm install# 建议不要直接使用 cnpm 安装依赖会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registryhttps://registry.npm.taobao.org# 启动服务
npm run serve浏览器访问 http://localhost:8823
客户端
# 进入项目目录
cd vue-geshanzsq-blog-client# 安装依赖
npm install# 建议不要直接使用 cnpm 安装依赖会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registryhttps://registry.npm.taobao.org# 启动服务
npm run serve浏览器访问 http://localhost:8824
后端运行
新建数据库 geshanzsq_blog 数据库导入 doc/sql/geshanzsq_blog.sql 数据库脚本
在 geshanzsq-blog/geshanzsq-blog-admin/geshanzsq-blog-admin-service 和 geshanzsq-blog/geshanzsq-blog-client/geshanzsq-blog-client-service 应用启动模块下有三个配置文件
application.ymlapplication-dev.ymlapplication-prod.yml主要配置文件配置公共信息开发环境配置 MySQL 数据库、Redis 缓存、文件路径生产环境配置 MySQL 数据库、Redis 缓存、文件路径
上述配置完成后启动后台管理 geshanzsq-blog-admin-service 和 客户端 geshanzsq-blog-client-service 应用
使用
后台管理http://localhost:8823
客户端http://localhost:8824
默认用户admin
默认密码admin123
后端技术
技术说明官网链接Spring BootMVC 框架https://spring.io/projects/spring-bootSpring Security认证和授权安全框架https://spring.io/projects/spring-securityMyBatis PlusORM 框架https://mp.baomidou.comKnife4j接口文档管理框架https://doc.xiaominfo.comRedis缓存框架https://redis.ioLombok对象封装工具https://github.com/projectlombok/lombokNginxHttp 和反向代理 Web 服务器http://nginx.orgJustAuth第三方登录工具https://www.justauth.cn
前端技术
说明官网前端框架https://vuejs.org路由框架https://router.vuejs.org全局状态管理框架https://vuex.vuejs.org前端 UI 框架https://element-plus.gitee.io前端 Http 框架https://github.com/axios/axios富文本编辑器https://www.wangeditor.comMarkdown 编辑器http://ckang1229.gitee.io/vue-markdown-editor/zh代码语法高亮插件https://github.com/highlightjs/highlight.js
License
Copyright © 2020-2022 格姗知识圈 Released under the Apache-2.0. 注如果你使用这个开源项目请注明本项目来源和说明。 感谢
若依后台管理系统RuoYi-Vue
效果图
首页
