基于微信小程序的小说阅读系统（小程序+Nodejs）

目录
摘要 1
1 前言 3
1.1 项目介绍 3
1.2 项目背景 3
2 微书书城系统分析 3
2.1 需求分析 3
2.2 功能分析 3
2.3 系统用例图设计 3
2.4 系统流程图设计 3
2.5 系统开发环境 3
3 数据库分析与设计 4
3.1 数据库分析 4
3.2 数据库概念设计 4
3.3 数据逻辑结构设计 4
3.4 各表之间的联系图 4
4 微书设计和功能实现 4
4.1 系统登录注册模块 4
4.1.1 登录注册界面设计 4
4.1.2 登录注册逻辑实现 4
4.2 我的书架模块 4
4.2.1 我的书架界面设计 4
4.2.2 我的书架逻辑实现 4
4.3 H5阅读器模块 4
4.3.1 阅读器界面设计 4
4.3.2 分页算法 4
4.3.3 左右滑动翻页实现 4
4.3.4 阅读器风格切换、字体设置、查看目录 4
4.4 书籍详情模块 4
4.3.1 书籍详情页界面设计 5
4.3.2 书评和点赞功能实现 5
4.4 书城模块 5
4.4.1 书籍详情页界面设计 5
4.4.2 书评和点赞功能实现 5
4.5 书城模块 5
4.5.1 个人中心界面设计 5
4.5.2 个人信息 5
4.5.3 个人设置 5
4.5.4 我的消息 5
参考文档 5
2.5 系统开发环境
微书开发所需环境以及所用工具如下：
（一）开发使用的操作系统：Windows 10 企业版
（二）开发使用的数据库以及工具：Mongodb、Robomongo
（三）开发使用的文本编辑器：Sublime Text3
（四）Nodejs调试工具：Webstorm 2017.3.1
（五）小程序开发工具：微信官方开发者工具
2 微书书城系统分析
2.1 需求分析
在网络普及的时代，网上阅读已经走进人们的生活。相比传统的书本，网上阅读能让用户更方便快捷的选择自己喜爱的书籍，拥有的庞大的书籍库森罗万象，能满足用户各方面的需求。同时网络阅读器能将自己喜欢的书籍都存放在一部小小的手机中，同时能保存用户书签，想法这些数据，方便用户随时查看。一个标准的小说阅读系统应该能帮助用户查找和选择喜欢的书籍，并且提供诸如书单列表、书籍更新状态、书签等等这些书籍管理功能，以及用来在线阅读的H5阅读器。
小说阅读系统在架构上应该包含前台和后台，前台主要是提供美观和人性化的界面，利用后台提供的接口展示数据，给用户提供良好的阅读环境。后台包括三方面，一是数据库设计，提供快速数据查询和存储，二是数据来源，在前期没有用户基础的前提下，可以使用网络爬虫从书籍发布网站上爬取已有的数据，三是api接口，为前端提供获取数据的入口。
小说阅读系统应该具有如下几个重要的功能：
（一）对于书城中的每本书，用户可以点击查看书籍详情，然后决定是否加入个人书架。
（二）用户查看书籍详情的时候可以看到别的用户对这本书的评价，自己也可以对这本写书评。
（三）有一个个人书架页面方便用户管理自己的书籍，最好能提供一个基本的搜索功能，以便用户能快速定位到自己要找的书籍。另外需要有导向书城页的链接，用于用户添加新的书籍。
（四）书城上可以放置一些推荐专题、分类、和排行榜之类的信息，引导用户快速选择自己喜欢的书，此外最好提供一个全局搜索的功能，应对用户直接通过书名定位书籍的需求。
（五）书城应该有基本的用户管理功能，包括登录注册、微信绑定、查看和更新个人信息、阅读设置、我的消息等等。

2.2 功能分析
根据以上需求分析，我将微书划分成五个主要的模块，分别是我的书架、书籍详情页、H5阅读器、个人中心、登录注册。各个功能模块的具体说明如下：
我的书架：我的书架用来展示用户已经加入书架的书籍，并提供书籍更新提醒、书籍按照时间分类、以及搜索功能。
书籍详情页：书籍详情页会展示关于这本书籍的诸如书籍名字、封面、作者、简介等这些信息，并提供给用户“添加至书架”和“立即阅读”的按钮。书评也是详情页的一大功能，能让用户发表一些对这本书的看法，也可以帮助后来的用户更好的选择自己喜欢的书籍，并提供一个用户交流的平台。
H5阅读器：阅读器是给用户提供一个在线阅读的工具，具有左右滑动的翻页效果、查看书籍目录、切换阅读器风格、更改字体这些功能。
个人中心：在个人中心，用户可以查看自己的个人信息，并选择是否更改它们，另外可以设置阅读器风格、字体，或者对软件做一些设定（比如更新提示、阅读久了提示休息等等）。还有用户可以查看自己发表的书评和其他用户回复自己的信息。
登录注册：微书有自己的用户管理，在小程序中可以获取到用户的一些基本信息，但是这些远远不够，所以我们需要基于微信小程序将用户注册为微书的用户，并使用自己的服务器单独维护用户的登录状态。
下图就是微书的功能模块图：

2.3 系统用例图设计
微书使用者这里分了三种—小程序用户、产品运营、产品运维，小程序用户就是通过扫描微书二维码进入并使用微书的人，产品运营即是负责编辑书城推荐专题、新书栏目、以及使用邮件通知用户。本文转载自http://www.biyezuopin.vip/onews.asp?id=10396产品运维主要维护后端接口、数据库、以及网络爬虫的正常执行。下面是基于这三类使用者绘制的用例图：

{"pages": ["pages/booklist/booklist","pages/book_detail/reader/reader","pages/jiaowu/jiaowu","pages/rank/rank","pages/jiaowu_detail/jiaowu_detail","pages/user/user","pages/login/wxlogin/wxlogin","pages/login/aslogin/aslogin","pages/registe/registe","pages/user/userInfo/userInfo","pages/book_detail/book_detail","pages/shop/shop"],"window": {"navigationBarTextStyle": "white","navigationBarTitleText": "","navigationBarBackgroundColor": "#FD9941","backgroundColor": "#ffffff"},"tabBar": {"color": "#676767","selectedColor": "#fd9941","borderStyle": "white","backgroundColor": "#ffffff","list": [{"pagePath": "pages/booklist/booklist","iconPath": "image/booklist_gray.png","selectedIconPath": "image/booklist.png","text": "书架"},{"pagePath": "pages/shop/shop","iconPath": "image/tuijian_gray.png","selectedIconPath": "image/tuijian.png","text": "推荐"}, {"pagePath": "pages/user/user","iconPath": "image/user_gray.png","selectedIconPath": "image/user.png","text": "我的"}]},"networkTimeout": {"request": 10000,"connectSocket": 10000,"uploadFile": 10000,"downloadFile": 10000},"debug": true
}

基于微信小程序的小说阅读系统（小程序+Nodejs）相关推荐

基于javaweb的在线电子书小说阅读系统(java+layui+springboot+mysql+html+ftp)
基于javaweb的在线电子书小说阅读系统(java+layui+springboot+mysql+html+ftp) 运行环境 Java≥8.MySQL≥5.7 开发工具 eclipse/idea/ ...
基于javaweb的在线小说阅读系统(前后端分离+java+vue+springboot+ssm+mysql+redis)
基于javaweb的在线小说阅读系统(前后端分离+java+vue+springboot+ssm+mysql+redis) 运行环境 Java≥8.MySQL≥5.7.Node.js≥10 开发工具 ...
（免费资源）基于微信小程序的小说阅读系统设计与实现
活动地址:毕业季·进击的技术er 博主介绍:✌在职Java研发工程师.专注于程序设计.源码分享.技术交流.专注于Java技术领域和毕业设计✌ 项目名称 (免费资源)基于微信小程序的小说阅读系统设计与实 ...
基于微信小程序在线电子书阅读系统开题报告
本科生毕业论文基于微信小程序在线电子书阅读系统开题报告学院: 专业: 计算机科学与技术年级: 学生姓名: 指导教师: XXXX大学本科生毕业论文(设计)开题报告 ...
微信小程序毕业设计基于微信小程序在线电子书阅读系统开题报告
(1)登录功能:注册普通账号登录:也可以直接使用微信登录:登录后可以修改用户的基本信息,也可以退出. (2)资讯功能:后台录入资讯,在微信小程序在线电子书阅读系统的资讯模板展示,用户可以任意浏览资讯列 ...
计算机毕业设计Python+uniapp基于微信小程序某企业考勤系统(小程序+源码+LW)
计算机毕业设计Python+uniapp基于微信小程序某企业考勤系统(小程序+源码+LW) 该项目含有源码.文档.程序.数据库.配套开发软件.软件安装教程项目运行环境配置: Pychram社区版+ ...
微信小程序+.NET(十一) 小程序之小说阅读器实现
微信小程序之小说阅读器实现效果: 1.首先添加自定义导航栏: 参照上一篇: 微信小程序+.NET(十) 小程序之自定义顶部导航栏添加component并依次配置app.json => X ...
[附源码]计算机毕业设计Python+uniapp基于微信小程序某企业考勤系统01yr8(程序+lw+远程部署)
[附源码]计算机毕业设计Python+uniapp基于微信小程序某企业考勤系统01yr8(程序+lw+远程部署) 该项目含有源码.文档.程序.数据库.配套开发软件.软件安装教程项目运行环境配置: P ...
计算机毕业设计Python+uniapp基于微信小程序的订房系统(小程序+源码+LW)
计算机毕业设计Python+uniapp基于微信小程序的订房系统(小程序+源码+LW) 该项目含有源码.文档.程序.数据库.配套开发软件.软件安装教程项目运行环境配置: Pychram社区版+ p ...
基于微信平台的在线漫画阅读小程序设计与实现【附项目源码+论文说明】分享
基于微信平台的在线漫画阅读小程序设计与实现演示摘要随着智能应用程序开发的普及,各种应用程序在人们的视野中如雨后春笋般涌现.同时,带来了很多不便,功能多种多样,使人们无法选择.同时,它也对智能手机的 ...

基于微信小程序的小说阅读系统（小程序+Nodejs）

基于微信小程序的小说阅读系统（小程序+Nodejs）相关推荐

最新文章

热门文章