关键字:博客,小程序,个人笔记,服务,系统,管理,springboot,java,h2
项目名称:个人博客微信小程序系统
微信小程序个人博客系统是基于SpringBoot框架开发的一款轻量化个人笔记博客系统。本系统实现个人文章笔记信息化管理,包含文章分类管理、笔记发布展示、富文本渲染、个人中心等核心功能模块。系统采用简洁轻量化技术架构,内置H2内存数据库,无需额外安装数据库环境,部署简单、运行稳定,前端页面简洁美观,能够满足个人文章记录、知识归档、在线阅览等使用需求。
本系统分为后端管理员以及微信小程序用户两个权限,管理员可以对文章内容、文章分类、笔记信息进行新增、修改、删除等维护操作;普通用户通过微信小程序进入系统,可在线浏览文章、分类筛选笔记、查看富文本详情,实现便捷的移动端阅读体验。
项目结构目录

项目主要技术框架
3.1核心底层框架
该微信小程序个人博客系统采用经典的B/S三层结构模式,使用轻量化H2内存数据库进行数据存储,无需手动安装配置数据库,降低部署门槛。前端小程序采用原生开发方式,适配微信运行环境,能够解决传统纸质笔记记录不便、资料不易归档、查看受限等问题。本系统后端基于SpringBoot 2.1成熟版本构建,生态完善、兼容性强,SpringBoot自动配置特性简化项目搭建流程,减少冗余配置,让开发人员专注业务逻辑开发,整体系统轻便简洁、稳定性高,适合个人学习与小型个人博客使用。
3.2后端技术栈
•开发语言:Java,基于SpringBoot框架生态开发
•服务架构:B/S三层架构,分离视图、业务逻辑、数据持久层
•Web服务:支持HTTP、GET、POST网络请求,实现前后端数据交互
•数据库:H2内存数据库,轻量便携,无需独立安装部署
•部署架构:支持jar包一键运行,适配Windows、Linux环境
3.3前端技术栈
•基础框架:微信小程序原生开发,轻量化、加载速度快
•渲染组件:html2wxml富文本组件,支持HTML、Markdown格式渲染
•可视化展示:文章列表排版、分类面板可视化展示
•交互能力:代码高亮预览、下拉刷新、文章详情弹窗预览
3.4数据库
本系统根据业务需求设计多张核心数据表,用于支撑博客业务运行,主要包含用户表、文章表、分类表、留言表等数据表。各数据表遵循数据库三大范式设计,表之间逻辑关联清晰,结构简洁,适配H2内存数据库运行特性,无需复杂优化,满足个人博客日常数据存储、查询、修改需求。
3.5开发及生产环境
•系统环境:Windows、Linux跨平台兼容
•编译工具:Maven,实现项目依赖管理与打包编译
•开发工具:IDEA、微信开发者工具
•监控运维:自带日志记录,可查看接口访问记录
项目主要功能
4.1 管理员功能模块
管理员模块是系统后端管理核心,拥有系统最高操作权限,主要负责文章管理、分类管理、用户管理、留言审核等功能,保障博客系统内容规范发布,维护平台正常运行。
4.1.1 文章信息管理
管理员可对平台所有文章笔记进行全面管理,支持新增文章,录入文章标题、正文、分类、封面等信息;可编辑修改已发布文章,调整文章内容、发布状态;支持文章删除操作,采用逻辑删除方式保留原始数据。同时可根据文章名称、发布时间进行条件筛选,快速检索目标文章,便捷管理文章资源。
4.1.2 文章分类管理
分类管理用于规范文章归档,管理员可自定义分类名称、分类排序,新增、编辑、删除分类标签。系统将文章与分类进行绑定,用户前端可根据分类筛选对应笔记,优化阅读体验,同时支持分类字典配置,无需修改代码即可调整分类选项。
4.1.3 留言信息管理
管理员可以查看用户在小程序提交的留言信息,查看留言内容、留言时间以及关联文章;可审核留言合规性,删除违规、无效留言;支持留言回复,实现管理员与用户在线交互沟通,优化博客互动体验。
4.1.4 系统信息管理
管理员可查看系统运行日志,监控接口访问情况;修改后台登录密码,保障后台安全;维护系统基础配置,适配小程序端接口请求,保证前后端数据正常同步。
4.2 用户功能模块
用户模块面向微信小程序访问用户,无需复杂注册,打开小程序即可使用,提供文章浏览、分类查询、文章查看、留言互动等功能,操作简单,适配移动端使用习惯。
4.2.1 小程序访问登录
用户打开微信小程序即可自动授权访问,无需手动注册账号,简化使用流程。系统采用轻量化Token认证,保障访问安全,记录用户浏览行为,同时支持个人信息简易编辑。
4.2.2 文章信息浏览
用户在小程序首页可查看全部上架文章,页面展示文章封面、标题、发布时间等基础信息;支持按分类筛选文章,快速定位所需知识笔记;点击文章卡片即可进入详情页,支持Markdown、HTML富文本渲染,实现代码高亮、图文混排展示。
4.2.3 留言互动功能
用户在文章详情页可提交留言,发表个人看法与疑问;可查看管理员回复内容,实现双向沟通;同时支持查看历史留言记录,追溯互动信息。
4.2.4 个人中心管理
用户可在个人中心查看浏览记录,管理个人留言;修改小程序授权资料,查看账户访问状态;便捷清空浏览缓存,优化小程序运行速度。
4.3 通用功能模块
4.3.1 文件上传功能
系统提供统一文件上传接口,支持文章封面图片、内容图片上传,后端自动保存文件资源并返回访问路径,适配小程序图片展示需求。
4.3.2 数据字典
采用数据字典统一管理文章状态、分类类型等枚举参数,无需修改代码即可后台调整配置,提升系统可维护性,降低后期修改成本。
4.3.3 权限控制
系统采用简单角色权限控制,划分管理员、普通用户两种角色。管理员拥有后台全部操作权限,普通用户仅具备浏览、留言权限,拦截非法访问请求,保障系统数据安全。
项目安装和部署
本项目采用H2内存数据库,无需手动安装数据库,项目启动时自动创建数据表、初始化基础数据,无需手动执行SQL语句,简化部署流程。
后端采用Maven进行依赖管理和项目构建,打开命令行工具,进入后端项目根目录,执行以下命令完成依赖下载与项目编译:

5.3前端项目构建
使用微信开发者工具导入share-wxmal小程序源码目录,安装html2wxml富文本插件,配置小程序测试AppID,编译代码并修复环境依赖,完成小程序初始化配置。
5.4 应用启动与运行
后端编译完成后,进入项目target目录,执行启动命令运行项目:

项目启动成功后,后端默认运行在8080端口,小程序配置本地接口地址即可完成前后端联调。后台管理地址:http://localhost:8080/admin,管理员可使用默认账号密码登录后台进行内容管理。
|这个系统实际效果图片展示







这个源码适合的学习人群
该项目代码结构清晰、注释规范、无过度封装、轻量化易上手,极其适合四类人群学习:Java后端初学者、微信小程序开发学习者、计算机专业在校学生、个人开源项目爱好者。
这个项目源码获取方式
关注公众号,回复: 博客小程序
夜雨聆风