BookChatApp通用书籍阅读APP

联合创作 · 2023-09-25 07:10

通用书籍阅读APP,BookChatuni-app 实现版本,支持多端分发,编译生成 Android 和 iOS 手机APP以及各平台的小程序。

使用BookChatApp,您可以轻松地将您的电子书、文档手册和在线书籍分发到各个小程序平台,以及编译生成手机APP发布到各大手机软件市场供用户下载和使用。

设计开发

BookChatApp的设计开发跟微信小程序BookChat几乎没有两样,如果有不一样的地方,
那就是从微信小程序的原生开发迁移到了使用uni-app的vue开发上来。

BookChatApp中对HTML内容的渲染,经过多次对性能和渲染效果体验的对比,最终没有采用网上开源的第三方渲染组件,直接使用了uni-app自带的rich-text组件,
而将BookChatApp编译成各平台的小程序的时候,同样也是用了各小程序平台的rich-text组件。

特点

  • 开源:基于 Apache 2.0 开源协议进行开源,对商业友好
  • 秀气:简洁、美观,给您焕然一新的视觉体验
  • 丰富:注册、登录、搜索、书架、书签、阅读偏好设置等功能齐全,麻雀虽小,五脏俱全
  • 强大:尽管BookChatApp使用的是混合开发,但是编译生成的手机App以及各平台的小程序,性能和体验也没见得真比原生的差

二次开发

可能您对现有程序的功能和主题色调不是很满意,或者有自己的一套UI设计方案,那么,您可以对BookChatApp进行二次开发,如果您对Vue熟悉。

后端程序

BookChatApp的配套后端程序是 BookStack v2.1 以上版本。

注意: BookStack 的安装部署,不是使用源码进行部署的,而是用编译好了的可执行程序进行部署,请到仓库的release去下载编译好了的程序。

BookStack的安装部署教程,看这里--> BookStack安装部署

BookStack 官网*

书栈网: https://www.bookstack.cn

二次开发基本步骤

  1. 安装部署BookStack
  2. 克隆下载BookChatApp源码
  3. 使用HBuilderX打开项目文件夹
  4. 将下载程序中的config.example.js文件重命名为config.js文件
  5. 根据自己的开发环境,设置host配置项

如果是在开发环境,请把debug设置为true,编译生成生产程序的时候,把debug设置为false

程序页面

  • 目录页 /pages/menu/menu
  • 书籍阅读页 /pages/read/read
  • 用户中心页 /pages/ucenter/ucenter
  • 首页 /pages/index/index
  • 分类页 /pages/cate/cate
  • 书架页 /pages/bookshelf/bookshelf
  • 列表页 /pages/list/list
  • 个人主页 /pages/me/me
  • 书签页 /pages/bookmarks/bookmarks
  • 搜索结果页 /pages/search/search
  • 内容点评页 /pages/comment/comment
  • 404页 /pages/notfound/notfound
  • 登录页 /pages/login/login
  • 注册页 /pages/register/register
  • 书籍介绍页 /pages/intro/intro

相关截图:

 

浏览 8
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报