项目介绍

技术介绍 | 功能描述 | 部分截图 | 目录结构 | 项目特点 | 功能演示

注意: 测试账号请查看 ddl.sql 文件中的初始数据

---

技术介绍

后端技术栈

技术	说明	官网
Spring Boot	容器 + MVC框架	https://spring.io/projects/spring-boot
MyBatis-Plus	ORM框架	https://baomidou.com
MySQL	数据库	https://www.mysql.com
JWT	JWT登录支持	https://jwt.io
Hutool	Java工具类库	https://hutool.cn
POI	Excel导入导出	https://poi.apache.org

前端技术栈

技术	说明	官网
Vue	前端框架	https://cn.vuejs.org
Vue Router	路由框架	https://router.vuejs.org
Axios	HTTP框架	https://axios-http.com
Element UI	UI框架	https://element.eleme.cn

小程序技术栈

技术	说明	官网
微信小程序	小程序框架	https://developers.weixin.qq.com/miniprogram/dev/framework

---

功能描述

系统分为（身份）：普通用户、管理员。

普通用户功能：

1. 登录
2. 注册
3. 首页
4. 站内新闻
5. 小说档案
6. 论坛交流
7. 新闻公告
8. 个人中心
9. 我的发布
10. 我的收藏

管理员功能：

1. 登录
2. 个人中心（修改密码、个人信息）
3. 会员管理
4. 小说分类管理
5. 章节管理
6. 站内新闻管理
7. 小说档案管理
8. 小说评分管理
9. 论坛交流
10. 系统管理
11. 系统简介
12. 轮播图管理
13. 新闻公告
14. 关于我们

---

部分截图

---

目录结构

├── back-end/                    # 后端项目
│   ├── src/
│   │   └── main/
│   │       ├── java/
│   │       │   └── com/notmaker/
│   │       │       ├── controller/      # 控制器层
│   │       │       ├── service/         # 服务层
│   │       │       ├── mapper/          # 数据访问层
│   │       │       ├── entity/          # 实体类
│   │       │       ├── config/          # 配置类
│   │       │       └── SpringBootStarter.java  # 启动类
│   │       └── resources/
│   │           ├── mapper/              # XML映射文件
│   │           └── application.yml      # 配置文件
│   └── pom.xml                  # Maven依赖配置
│
├── ddl.sql                      # 数据库建表脚本
│
├── front-end/                   # 前端项目
│   ├── src/
│   │   ├── views/               # 页面
│   │   ├── router/              # 路由配置
│   │   ├── api/                 # 接口封装
│   │   ├── assets/              # 静态资源
│   │   ├── App.vue              # 根组件
│   │   └── main.js              # 入口文件
│   ├── public/
│   │   └── index.html
│   ├── package.json             # 依赖配置
│   └── vue.config.js            # Vue配置
│
├── wechat/                      # 微信小程序
│   ├── pages/                   # 小程序页面
│   ├── utils/                   # 工具类
│   ├── assets/                  # 静态资源
│   ├── app.js                   # 小程序入口
│   ├── app.json                 # 小程序配置
│   └── app.wxss                 # 全局样式
│
└── README.md                    # 项目说明文档

---

项目特点

• 前后端分离：RESTful接口设计，Axios统一封装请求
• 组件化实现：Vue组件+Element UI构建可复用UI模块
• 安全认证：基于JWT的登录态管理，拦截器统一处理
• 便捷导入导出：借助POI完成Excel的数据导入与导出
• 示例完备：提供完整DDL与示例数据，开箱即用

---

功能演示

https://www.notmaker.com/detail/8326a897119d4542896c863a69d7bbe7/gtt20260415

---

运行环境

• JDK: 1.8+
• MySQL: 8.0+
• Node.js: 12.0+
• Maven: 3.0+

---

开发工具

• 后端: IDEA / Eclipse
• 前端: VSCode / WebStorm
• 数据库: Navicat / MySQL Workbench
• 小程序: 微信开发者工具

---

运行步骤

1. 数据库准备

# 创建数据库并导入表结构和数据
执行 ddl.sql 文件

2. 后端启动

# 进入后端目录
cd back-end

# 修改数据库配置
编辑 src/main/resources/application.yml
修改数据库连接信息（url、username、password）

# 启动后端项目
运行 SpringBootStarter.java 主类

# 默认访问地址
http://localhost:18003

3. 前端启动

# 进入前端目录
cd front-end

# 安装依赖
npm install

# 启动前端项目
npm run serve

# 默认访问地址
http://localhost:8080

若部署至服务器，请同步修改 src/api/axios.js 中的 baseURL。

4. 小程序启动

# 使用微信开发者工具打开 wechat 目录
# 修改 utils/api.js 中后端地址
# 编译运行即可体验

---

默认账号

更多示例账号可参考 ddl.sql 中的初始化数据。

---

许可证

本项目采用 Apache License 2.0 许可证

---

注意事项

1. 本项目主要用于学习与演示，代码以可读性为首要目标
2. 请勿直接用于生产环境或商业用途
3. 当前密码为明文存储，正式环境需替换为加密方案
4. 首次运行请确保文件上传目录已创建或在配置中修改
5. 数据库字符集建议使用 utf8mb4
6. 部署线上时请更新配置中的域名、端口及静态资源路径