# 连载小说大学生课设

**Repository Path**: daiyousheng/serials-development

## Basic Information

- **Project Name**: 连载小说大学生课设
- **Description**: 实现读者和管理员不同权限下，享受不同页面功能。 - 读者能进行小说状态情况添加、读者留言； - 管理员能进行读者信息管理
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2025-11-02
- **Last Updated**: 2026-03-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 产品概述
 使用 vue3（element-ui 组件库）+ mysql + node.js（koa框架）实现

这其实是我的课设，相信课设这个事情极大的阻碍了各位程序员月入过万，个人分享个人的课程设计为大家节约时间  

如果你是新人后端开发者，你可以参考本项目快速上手，快速上手之后，你可以自己修改代码，实现自己的功能。  

下面这个链接有完整的文档，已经大部分代码，相信对你理解项目有一定的帮助。  
**[课程设计文档🔗](https://juejin.cn/post/7567310605972914222)**

## 技术优势
- **内容丰富**：提供web,mysql,node.js（koa框架）,少量开发即可上线。
- **内容简单**：为了方便新人学习，提供了简单易用的模板。

# 登录
- 用户名: 12 , 密码: 12
- 用户名: admin , 密码: admin

# 执行流程
- 环境准备
   - 安装 node.js （版本 >= 20.19.0）
   - 安装 mysql （默认，版本 >= 3.9.7）

- 先启动数据库
   - 本地启动 mysql 服务，确保 mysql 服务正在运行。
- 前端  frontend
   - cd 进入 vue 目录 
   - 在终端执行 pnpm install （安装依赖，pnpm 推荐）
   - 在终端执行 pnpm run dev
- 后端 backend
   - cd 进入 backend 目录
   - 在终端执行 pnpm install （安装依赖，pnpm 推荐）
   - 在终端执行 pnpm run dev

# 产品架构
- 后端API：使用node.js实现，负责处理数据和业务逻辑。  
- 数据库：使用mysql存储小说数据。  
- 前端页面：使用Vue 3实现，负责展示数据和用户交互。  
- cors 跨域问题：在后端koa 添加cors中间件，允许前端跨域请求。

### 后端 - node.js
- 框架：koa 2
- 数据库：mysql
- 认证：jwt （json web token）

### 前端 - Vue 3
Vue CLI  
Axios（用于HTTP请求）封装request 拦截器，添加token到header，响应拦截器，处理token过期等问题。

### 项目结构
在这一步，我们将创建项目的基本目录结构：
```
novel-website
├── backend (node.js项目)
├── vue (前端Vue项目)
```
### 数据准备
数据准备：暂时数据库手动添加的，后续可以考虑使用爬虫自动添加。

## 展示 
- 用户端
![登录｜注册](images/image-4.png)
![个人中心](images/image-5.png)
![小说详情](images/image-6.png)
![小说详情点击](images/image-7.png)
![分类小说](images/image-9.png)
![书评](images/image-8.png)

- 管理端
![首页](images/image.png)
![用户管理](images/image-1.png)
![小说管理](images/image-2.png)
![新增管理员](images/image-3.png)

- 小说详情，书评类似“用户端”进行实现的，可以参考用户端。
(如果图片加载不出来，可以去上面的开发文档查看一下)