CMS内容管理系统

✨✨个人主页:沫洺的主页

📚📚系列专栏: 📖 JavaWeb专栏📖 JavaSE专栏 📖 Java基础专栏📖vue3专栏 

                           📖MyBatis专栏📖Spring专栏📖SpringMVC专栏📖SpringBoot专栏

                           📖Docker专栏📖Reids专栏📖MQ专栏📖SpringCloud专栏     

💖💖如果文章对你有所帮助请留下三连✨✨

🥏项目展示

🔖后台展示

CMS分类

 分类修改

 内容添加

 内容管理

 内容修改

 CMS图库

🔖移动端展示

 首页                                                     类名

 列表                                                     内容

🥏项目完整源码

源码: 沫洺 · GitCode

🥏项目技术说明

jdk8,tomcat7

后端技术: SpringMVC+MyBatis

前端后台技术: vue3-vite+TypeScript+Element Plus

前端移动端技术": vue3-vite+TypeScript+TDesign

资源存储: MySQL+Nginx

🥏项目环境搭建

Nginx下载网址: nginx: download

Nginx 是一个高性能的HTTP和反向代理web服务器
解压到图片存储路径位置,可自定义(项目源码中也要相应的改动)
解压后在html下新建images文件夹

点击nginx.exe运行

C:\Windows\System32\drivers\etc
打开hosts文件(作用是定义IP地址和Host name(主机名)的映射关系)

添加一行127.0.0.1 moming.com
修改时可将此文件移到桌面,改好后覆盖源文件即可

测试在images下复制一个图片例如1.jpg
访问http://moming.com/images/1.jpg,访问成功即可 

🔖数据库

图片路径可先删除掉

通过图库添加,分类编辑,内容编辑处进行图片上传

🥏项目功能介绍

后台系统基本的增删改功能,及图片上传,在CMS图库中点击图片会复制图片路径

 粘贴复制的地址可之间访问

移动端就是一些简单的内容展示

包括轮播图,公告栏,动态分类列表,动态内容列表