基于uniapp的 电子书小程序——需求整理

前言

想开发一个很简单的 电子书阅读小程序,要怎么做的。下面从功能、数据库设计这一块来说一下。说不一定能从某个角度提供一些思路

开发语言

springcloud + uniapp 小程序(vue2)+mysql

说明

电子书的主题是电子书,我们在日常中使用阅读器阅读电子书的时候,流程是什么?大致流程是:

  • 进入小程序,首页中有书籍的一些分类,可以搜索
  • 可以查看电子书的简介
  • 可以加入书架,如果未登录,则进入登录页面;
  • 在登录状态下,可以直接进入阅读,会记录阅读的进度方便下次阅读时可以定位
    以上的内容是核心的内容,我们可以按照自己的需求加入积分、交流区等功能

数据库设计

根据上面的功能列表,根据业务设计数据库,需要包括微信用户、书籍信息、用户书架、读书记录、类型、模块

微信用户

在小程序上,我们可以直接让用户使用微信绑定手机号登录,可以减少用户的注册,也可以避免用户设置密码

bash 复制代码
create table book_user
(
    id               int auto_increment comment '编号'
        primary key,
    avatar_url       varchar(2000)                      null comment '头像',
    account_name     varchar(50)                        null comment '账户',
    account_password varchar(200)                       null comment '密码',
    tel              varchar(50)                        null comment '联系电话',
    display_name     varchar(50)                        null comment '昵称',
    city             varchar(200)                       null comment '区域',
    age              int                                null comment '年龄',
    status           int      default 1                 null comment '状态',
    gender           varchar(10)                        null comment '性别',
    province         varchar(200)                       null comment '省份',
    country          varchar(200)                       null comment '国籍',
    union_id         varchar(2000)                      null comment 'unionId',
    open_id          varchar(2000)                      null comment 'openId',
    bing_open_id     varchar(2000)                      null comment '绑定的openId',
    create_at        datetime default CURRENT_TIMESTAMP null comment '创建时间',
    modify_at        datetime default CURRENT_TIMESTAMP null comment '修改时间'
)
    comment '微信用户';

书籍信息

bash 复制代码
create table book_base
(
    id              int auto_increment comment '编号'
        primary key,
    display_name    varchar(200)                       null comment '书籍名',
    display_photo   varchar(2000)                      null comment '书籍图片',
    display_url     varchar(2000)                      null comment '书籍文件',
    display_module  int                                null comment '书籍模块',
    display_type    varchar(2000)                      null comment '书籍类型',
    display_author  varchar(200)                       null comment '作者',
    display_content longtext                           null comment '详情',
    is_use          int      default 1                 null comment '是否上架',
    create_at       datetime default CURRENT_TIMESTAMP null comment '创建时间',
    modify_at       datetime default CURRENT_TIMESTAMP null on update CURRENT_TIMESTAMP comment '编辑时间'
)
    comment '书籍信息';

用户书架

bash 复制代码
create table book_user_base
(
    id            int auto_increment comment '编号'
        primary key,
    user_id       int                                null comment '用户',
    display_name  varchar(2000)                      null comment '书籍名称',
    display_photo varchar(2000)                      null comment '书籍图片',
    display_url   varchar(2000)                      null comment '书籍地址',
    is_read       int      default 0                 null comment '是否读完',
    create_at     datetime default CURRENT_TIMESTAMP null comment '加入时间',
    modify_at     datetime default CURRENT_TIMESTAMP null on update CURRENT_TIMESTAMP comment '编辑时间'
)
    comment '用户书架';

读书记录

bash 复制代码
create table book_user_record
(
    id           int auto_increment comment '编号'
        primary key,
    user_id      int                                null comment '用户',
    book_id      int                                null comment '书籍',
    display_name varchar(2000)                      null comment '书籍名称',
    display_num  double                             null comment '阅读进度',
    create_at    datetime default CURRENT_TIMESTAMP null comment '阅读日期'
)
    comment '读书记录';

类型

书籍类型,这里的设置是树表结构,并没有层级限制。这样设计灵活性更强

bash 复制代码
create table book_type
(
    id           int auto_increment comment '编号'
        primary key,
    tree_id      int                                null comment '上级类型',
    display_name varchar(200)                       null comment '类型名称',
    status       int      default 1                 null comment '状态',
    create_at    datetime default CURRENT_TIMESTAMP null comment '创建时间',
    modify_at    datetime default CURRENT_TIMESTAMP null on update CURRENT_TIMESTAMP comment '编辑时间'
)
    comment '类型';

模块

模块这里是和电子书并没有什么关系的表。只是为了说,在小程序中,管理后台可以动态的管理小程序前端模块的显示隐藏。

bash 复制代码
create table book_module
(
    id            int auto_increment comment '编号'
        primary key,
    display_name  varchar(200)                       null comment '模块名',
    display_photo varchar(2000)                      null comment 'logo',
    display_url   varchar(200)                       null comment '访问地址',
    status        int      default 1                 null comment '状态',
    create_at     datetime default CURRENT_TIMESTAMP null comment '创建时间',
    modify_at     datetime default CURRENT_TIMESTAMP null on update CURRENT_TIMESTAMP comment '编辑时间'
)
    comment '模块';

设想的ui页面

下一节会开始介绍前端页面的一些布局

相关推荐
焚 城1 小时前
uniapp实现PDF的预览
pdf·uni-app
sen_shan1 小时前
《微信小程序》第八章:“我的“设计
微信小程序·小程序
一路向前的月光1 小时前
uniapp(1)
uni-app
遗憾随她而去.1 小时前
uniapp 实现一个底部悬浮面板
uni-app
Aress"4 小时前
uniapp设置vuex公共值状态管理
javascript·vue.js·uni-app
song8546011344 小时前
uniapp如何集成第三方库
开发语言·uni-app
东芃93944 小时前
uniapp上传blob对象到后台
前端·javascript·uni-app
weixin_177297220696 小时前
盲盒小程序系统开发:助力品牌拓展新市场
小程序·盲盒
一 乐6 小时前
口腔健康系统|口腔医疗|基于java和小程序的口腔健康系统小程序设计与实现(源码+数据库+文档)
java·数据库·vue.js·小程序·毕设
Aress"6 小时前
uniapp 生成二维码图片[APP+H5+小程序等 全端适配]
小程序·uni-app