vue在线阅读写书图书发布出书APPwebapp(nodejskoa2+mongodb)-1708-源码+说明资料

注： vue+element ui+mint ui + nodejs(koa2)+ mongodb
用vue2.0+node.js+MongoDb实现该Web APP

管理员 账号密码

用户账号密码姓名手机号头像

不需要注册 ,输入账号密码直接登录 , 在我的信息中姓名手机号填写完善

轮播轮播编号轮播图片轮播响应编号

书籍类别 书籍类别

书籍书籍编号书名简介图片书籍类别用户书籍状态(下架上架推荐用户发布)

推荐后首页显示上架后 app端显示非用户发布状态的书籍用户不可以修改可以删除

书籍文章 书籍编号章节标题内容用户文章状态( 审核未审核)

审核后 APP端才可以看到发布者不可以修改只可以删除

留言评论 内容时间用户文章ID

用户针对文章可以进行留言评论

图书收藏 书籍编号

收藏后加入书架

阅读收藏 书籍编号 文章ID 用户 文章的收藏

阅读痕迹

____________________________________________________________________________

管理员登录

后台全部功能

____________________________________________________________________________

手机端

下导航

首页书架书城我的

首页

轮播图

推荐书籍列表

书架

我的收藏的书籍列表

书城

检索全部上架推荐的书籍

书城打开图书目录, 可以查询框输入关键字可以检索含有书名简介类别的数据

书架书城打开书籍后

可以看到图书的文章目录点开后可以看到文章

我的

我的阅读记录

自动记录一本书籍的最后一次看的文章信息

我的书籍

写新书和已经审核的书中提交文章

我的被评论

发出的评论

信息修改

密码修改

退出系统

vue2.0+node.js+MongoDb，mint-ui框架实现该Web APP

底部导航分三个：书架书城我的

顶部导航要和底部对应，书架-书架，书城-书城，我的-我的

一.书架：

要求登录才能看书架

1、书架上的书籍显示就一张封面图显示，书籍点进去就是直接看书，阅读翻页就是点击屏幕左边就上一页，屏幕右边下一页，点击中间就弹出菜单，顶部菜单有返回的图标、目录的图标（点击目录就进入目录详情，有每一章的标题），底部菜单就上一章、下一章、评论（进入评论区，可以发表评论、回复评论）

2、书籍详情要显示书籍封面、书名、作者、文章类型、文章简介，要有“评论（评论要求登录，点击进入评论区，要有返回图标）、查看目录（点击进入目录详情，要有返回图标）、开始阅读（文章详情）、收藏（收藏书本要求登录，点进收藏就显示已收藏，收藏的书本要出现在书架）、分享（弹窗显示分享平台，就微信、QQ、微博图标，这只是假的，点击这些图标是没反应的，还要有取消分享按钮）”按钮

二.书城

1、顶部导航栏“书城” 右边要有搜索图标（点击进入搜索页面，搜索要有结果，书籍就列表显示）轮播图，

2、按钮“（图标）分类（分类页面：古代架空、近代现代、星际科幻、恐怖悬疑、玄幻奇幻、都市青春、纯爱、百合，列表形式显示）、（图标）排行（排行页面：周榜、月榜、总榜，列表显示）、（图标）完结（完结页面：书籍列表显示）”

3、强推（10本书书名列表显示，分两栏）

4、古代架空> (4本书书名列表显示）近代现代> （4本书书名列表显示）

星际科幻> (4本书书名列表显示）恐怖悬疑> (4本书书名列表显示）

玄幻奇幻> (4本书书名列表显示）都市青春> (4本书书名列表显示）

点击书名就会跳到该书籍详情页面，点击“古代架空>”等这些书籍类型就跳到对应的分类页面

三.我的：

1、点击登录/注册，进入登录界面，要填写个人账号、密码；注册，选择头像、填写个人账号、密码、确认密码，注册成功跳到登录界面，输错账号密码要有提示错误。登录成功回到我的界面，点击登录/注册那个地方会显示用户头像、用户名

2、我的评论，进入评论界面，发布过的评论在这里显示，可以选择删除自己发布的评论

3、个人设置，进入个人设置界面，可以修改头像、昵称，密码

4、退出登录

数据表结构

管理员账号密码

用户账号密码昵称

轮播图 书籍封面或者海报图片

书籍类型书籍类型

书籍信息 书籍封面、书名、作者、文章类型、文章简介

收藏书籍封面

评论内容时间用户头像

_________________________________________________________________________

管理员登录

管理员管理

用户管理

书籍管理

评论管理

用户登录

密码修改

昵称修改

头像修改

我的评论

表数量11

管理员
字段名称	数据类型	主键	允许为空	默认值
_id	ObjectId	是
账号	String
密码	String

表:1

留言评论
字段名称	数据类型	主键	允许为空	默认值
_id	ObjectId	是
内容	String
时间	String
用户	String
文章ID	String

表:2

轮播
字段名称	数据类型	主键	允许为空	默认值
_id	ObjectId	是
轮播编号	String
轮播图片	String
轮播响应编号	String

表:3

书籍
字段名称	数据类型	主键	允许为空	默认值
_id	ObjectId	是
编号	String
书名	String
简介	String		是
图片	String
书籍类别	String
用户	String		是
书籍状态	String

表:4

书籍类别
字段名称	数据类型	主键	允许为空	默认值
_id	ObjectId	是
书籍类别	String

表:5

书籍文章
字段名称	数据类型	主键	允许为空	默认值
_id	ObjectId	是
章节标题	String
内容	String
用户	String		是
文章状态	String
书籍编号	String

表:6

书籍状态
字段名称	数据类型	主键	允许为空	默认值
_id	ObjectId	是
书籍状态	String

表:7

图书收藏
字段名称	数据类型	主键	允许为空	默认值
_id	ObjectId	是
书籍编号	String
用户	String

表:8

文章状态
字段名称	数据类型	主键	允许为空	默认值
_id	ObjectId	是
文章状态	String

表:9

用户
字段名称	数据类型	主键	允许为空	默认值
_id	ObjectId	是
账号	String
密码	String
头像	String		是
姓名	String		是
电话	String		是

表:10

阅读收藏
字段名称	数据类型	主键	允许为空	默认值
_id	ObjectId	是
文章ID	String
用户	String
书籍编号	String

表:11

vue2.0+node.js+MongoDb，mint-ui框架 实现该Web APP

vue2.0+node.js+MongoDb，mint-ui框架实现该Web APP