vue.js毕业设计，基于vue.js前后端分离在线小说电子书阅读系统设计与实现（H5移动项目）

拼搏现实的明天。 2024-03-31 10:45 55阅读 0赞

## 功能介绍 ##

用户首次登陆系统需要注册一个用户作为账号，用户在登录平台后，可以进行平台的操作。主要模块包括以下几点：  
登录功能：注册普通账号登录；登录后可以修改用户的基本信息，也可以退出。  
资讯功能：后台录入资讯，在微信小程序在线电子书阅读系统的资讯模板展示，用户可以任意浏览资讯列表和详细信息  
图书列表：后台录入图书的相关信息，点击主菜单“图书”可以查看所有图书。  
图书分类：为了管理图书，在后台设置了图书的相关的分类；在后台录入图书信息的时候会选择属于哪个分类；在前台小程序可以通过点击“分类”来筛选  
所需要的图书。  
图书查询：在首页或者图书列表的顶部，可以输入要查询的图书关键字，然后点击“查询”按钮，查询所要查找的图书名称。  
图书信息： 点击到图书详情页面，可以查看图书的介绍，图书的详细章节目录。  
收藏操作：在图书信息详情，下方点击“收藏”，进行收藏  
图书阅读：点击你要阅读的章节右侧的“阅读”，进入详细阅读。在顶部可以点击“阅读上一节”，在顶部可以点击“阅读下一节”  
我的收藏：收藏的电子书列表  
用户信息：填写姓名、qq、邮箱、备注等信息

## H5移动端功能 ##

![8d98a348a7ad4c48a680fe6bfee03a14.jpeg][]![01daedbe3a074f62b0003e04c1f5d25a.jpeg][]![811a3bf0a24b43e0bfb1098425af9ce0.jpeg][]![b10fcd328e93494c917082b1effa8975.jpeg][]![24aeb9d2723f4f0f8bba5880b3273776.jpeg][]![a9724e2201974c2b9576ed8789f52362.jpeg][]![ff6167e02f3e420e87dfb61011dcfc42.jpeg][]![0e268e481641475c90ed0d8980d0d002.jpeg][]![0378cb72ed754105a58035484f1ced1c.jpeg][]![f3d8524a7f6644589c75cf38f5bf0bfe.jpeg][]![c0aa8ab7d0934d04836a64255646d16c.jpeg][]![815cdf1d1fb7414894788f1c13bef57a.jpeg][]

## 后台管理功能 ##

![b548d14af6e04281a7acfb369cb690d2.jpeg][]![c13901559f1a4a34af94274a65421ecb.jpeg][]![2b1ad70fb019489eb9a5ea14d46b1473.jpeg][]![7f57a33648b045cb824beec91b257fe8.jpeg][]![e4ce0c229df94e4c8a34b55ca03a9750.jpeg][]![7c8073e4ce3c475d95f6be06576ff067.jpeg][]![4c06258e39d54e5180a78791b93e58ef.jpeg][]![b6989f68dd474190b8c81835e4bca07d.jpeg][]![3b457703173244f99809baf6e96d3b3a.jpeg][]

## 开发概要 ##

#### 后台开发 ####

服务器端环境：iis + php （可以自行搭建其他比如phpstudy之类的）

开发环境：windows7 |windows10都可以

开发语言：php7

开发工具：phpstorm（其他开发工具vscode、dreamweaver等都可以）

数据库：mysql8

数据库管理工具：navicat

其他开发语言：html + css +javascript

#### 前端uniapp开发 ####

框架：基于vue.js的uniapp框架

开发工具：Hbuiderx

其他开发语言：html + css +javascript

[8d98a348a7ad4c48a680fe6bfee03a14.jpeg]: https://img-blog.csdnimg.cn/8d98a348a7ad4c48a680fe6bfee03a14.jpeg
[01daedbe3a074f62b0003e04c1f5d25a.jpeg]: https://img-blog.csdnimg.cn/01daedbe3a074f62b0003e04c1f5d25a.jpeg
[811a3bf0a24b43e0bfb1098425af9ce0.jpeg]: https://img-blog.csdnimg.cn/811a3bf0a24b43e0bfb1098425af9ce0.jpeg
[b10fcd328e93494c917082b1effa8975.jpeg]: https://img-blog.csdnimg.cn/b10fcd328e93494c917082b1effa8975.jpeg
[24aeb9d2723f4f0f8bba5880b3273776.jpeg]: https://img-blog.csdnimg.cn/24aeb9d2723f4f0f8bba5880b3273776.jpeg
[a9724e2201974c2b9576ed8789f52362.jpeg]: https://img-blog.csdnimg.cn/a9724e2201974c2b9576ed8789f52362.jpeg
[ff6167e02f3e420e87dfb61011dcfc42.jpeg]: https://img-blog.csdnimg.cn/ff6167e02f3e420e87dfb61011dcfc42.jpeg
[0e268e481641475c90ed0d8980d0d002.jpeg]: https://img-blog.csdnimg.cn/0e268e481641475c90ed0d8980d0d002.jpeg
[0378cb72ed754105a58035484f1ced1c.jpeg]: https://img-blog.csdnimg.cn/0378cb72ed754105a58035484f1ced1c.jpeg
[f3d8524a7f6644589c75cf38f5bf0bfe.jpeg]: https://img-blog.csdnimg.cn/f3d8524a7f6644589c75cf38f5bf0bfe.jpeg
[c0aa8ab7d0934d04836a64255646d16c.jpeg]: https://img-blog.csdnimg.cn/c0aa8ab7d0934d04836a64255646d16c.jpeg
[815cdf1d1fb7414894788f1c13bef57a.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/b295e48ae7ff42f88bb091d9bb265941.jpeg
[b548d14af6e04281a7acfb369cb690d2.jpeg]: https://img-blog.csdnimg.cn/b548d14af6e04281a7acfb369cb690d2.jpeg
[c13901559f1a4a34af94274a65421ecb.jpeg]: https://img-blog.csdnimg.cn/c13901559f1a4a34af94274a65421ecb.jpeg
[2b1ad70fb019489eb9a5ea14d46b1473.jpeg]: https://img-blog.csdnimg.cn/2b1ad70fb019489eb9a5ea14d46b1473.jpeg
[7f57a33648b045cb824beec91b257fe8.jpeg]: https://img-blog.csdnimg.cn/7f57a33648b045cb824beec91b257fe8.jpeg
[e4ce0c229df94e4c8a34b55ca03a9750.jpeg]: https://img-blog.csdnimg.cn/e4ce0c229df94e4c8a34b55ca03a9750.jpeg
[7c8073e4ce3c475d95f6be06576ff067.jpeg]: https://img-blog.csdnimg.cn/7c8073e4ce3c475d95f6be06576ff067.jpeg
[4c06258e39d54e5180a78791b93e58ef.jpeg]: https://img-blog.csdnimg.cn/4c06258e39d54e5180a78791b93e58ef.jpeg
[b6989f68dd474190b8c81835e4bca07d.jpeg]: https://img-blog.csdnimg.cn/b6989f68dd474190b8c81835e4bca07d.jpeg
[3b457703173244f99809baf6e96d3b3a.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/2b022536ade8426c8b9f2af42d5be0ee.jpeg