Files
novel_frontend_RcKtFezyRAZX/README.md
mzltMpfqGS e4a087e67e init
2026-04-15 19:45:16 +08:00

7.5 KiB
Raw Permalink Blame History

项目介绍

在线小说阅读平台

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

注意: 测试账号请查看 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. 关于我们


部分截图

image.png

image.png

image.png

image.png

image.png


目录结构

├── 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. 部署线上时请更新配置中的域名、端口及静态资源路径