itsharex / xiaohai-blog Goto Github PK

This project forked from wch2019/xiaohai-blog

DotCode(点码），是一个前后分离的博客系统。前端使用 Vue + ElementUi 和Vue 3 + TypeScript + Vite + ElementPlus。后端使用 SpringBoot + Mybatis-plus进行开发，使用Sa-Token作为登录验证和权限校验。

Home Page: https://www.dotcode.top

License: Apache License 2.0

JavaScript 5.81% Java 50.03% TypeScript 1.84% HTML 0.25% Vue 38.94% FreeMarker 1.83% Dockerfile 0.07% SCSS 1.23%

xiaohai-blog's Introduction

DotCode(点码）

前言

本着不想造轮子的理念用过halo和hexo，见过 蘑菇博客和拾壹博客。别人的用着终究不是很顺手。最终觉得还是自己写个用也是不错的，就当做练手，也是为了折腾。在2023年初开始本项目的开发，开始打算简单写写能用就行，不过最后感觉既然都写了，那就多写点东西吧。目的打造一个笔记+博客+本地网盘的项目，现在还没完全构思好，边写边构思。(本项目还未完成，持续更新中，如果有想法的小伙伴也可以分享自己的看法)

项目介绍

DotCode(点码），是一个前后分离的博客系统。

前端使用 Vue + ElementUi 和Vue 3 + TypeScript + Vite + ElementPlus

后端使用 SpringBoot + Mybatis-plus进行开发，使用Sa-Token作为登录验证和权限校验。

项目特点

后台采用父子包的方式以及友好的代码结构及注释，便于阅读及二次开发
实现前后端分离，通过 Json 进行数据交互，前端再也不用关注后端技术
页面交互，后台管理使用 Vue2.x，门户展示采用Vue3。
引入 RBAC 权限管理设计，灵活的权限控制，按钮级别的权限控制，满足绝大部分的权限需求
采用Markdown 编辑器(mavonEditor），更符合开发者的编辑方式

项目目录

doc：资源文件；
xiaohai_admin: 系统入口；
xiaohai_common：提供公共类；
xiaohai_file：提供文件上传相关服务；
xiaohai_generator：提供mybatis-plus代码生成相关服务；
xiaohai_note：提供博客相关服务；
xiaohai_system：提供系统(用户、角色、菜单、字典等)相关服务；
xiaohai_web： VUE2的后台管理页面；
xiaohai_web-show：VUE3的门户网站；

未来计划

nginx配置

server {
    listen       80;
    server_name  localhost;
    
        location / {
            alias D:/bolg/xiaohai-web-show/;   #修改为xiaohai-web-show的打包路径
            try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }
    
        location /manage/ {
            alias  D:/bolg/xiaohai-web/; #修改为xiaohai-web的打包路径
            try_files $uri $uri/ /manage/index.html;
            index  index.html index.htm;
        }
    
        location /prod-api/ {
    	    proxy_set_header Host $http_host;
    	    proxy_set_header X-Real-IP $remote_addr;
    	    proxy_set_header REMOTE-HOST $remote_addr;
    	    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    	    proxy_pass http://127.0.0.1:8089/prod-api/; #修改为后台请求地址
    	}
    
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }