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


相关截图:


 

浏览 32
点赞
评论
收藏
分享

手机扫一扫分享

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

手机扫一扫分享

编辑 分享
举报