2021年基于VUE开发的一套移动端APP小说 听书AI男女多种 支持云端存储书籍记录

本文主要是介绍2021年基于VUE开发的一套移动端APP小说 听书AI男女多种 支持云端存储书籍记录,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

2021年基于VUE开发的一套移动端APP小说  


前端架构主要采用:

"axios": "^0.21.1",
"better-scroll": "^2.1.1",
"core-js": "^3.6.5",
"css-vars": "^2.3.0",
"date-fns": "^2.21.1",
"lodash": "^4.17.21",
"mobile-detect": "^1.4.4",
"storejs": "^1.1.0",
"uuid": "^8.3.2",
"vant": "^2.12.7",
"vue": "^2.6.11",
"vue-router": "^3.4.9",
"vuex": "^3.6.0"

后端API 基于JAVA开发 主要是API开发(不负责书籍管理)  基于SpringBoot+redis+mysql8

APP功能:

  • 书架:添加您喜好的小说、签到、搜索书籍、阅读历史、更多(管理书架)
  • 书城:NavHeader搜索  轮播图、推荐列表、男生列表、女生列表
  • 分类查询:所有二级分类数目查询
  • 我的页面:头像、昵称、基本信息设置、反馈功能、阅读喜好、阅读历史、消息通知、退出功能、我的金币统计
  • 登录、手机注册
  • 书籍详情:书籍基本信息、评论信息(目前不开放评论)、感兴趣书籍
  • 阅读书籍:

        听说功能 拥有多种AI语音
        定时功能
        亮度设置
        章节目录列表
        阅读设置:字号  背景信息切换 书籍翻页目前支持两种(上下翻页/左右翻页)

    
    
APP演示地址:http://home.zyfread.com/

APP演示截图:


 

 

 

有时间我会放上 小说后台管理平台的一个介绍 (后台才是杀手锏 前端APP都是毛毛雨)

这篇关于2021年基于VUE开发的一套移动端APP小说 听书AI男女多种 支持云端存储书籍记录的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/938890

相关文章

基于 Cursor 开发 Spring Boot 项目详细攻略

《基于Cursor开发SpringBoot项目详细攻略》Cursor是集成GPT4、Claude3.5等LLM的VSCode类AI编程工具,支持SpringBoot项目开发全流程,涵盖环境配... 目录cursor是什么?基于 Cursor 开发 Spring Boot 项目完整指南1. 环境准备2. 创建

Vue和React受控组件的区别小结

《Vue和React受控组件的区别小结》本文主要介绍了Vue和React受控组件的区别小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学... 目录背景React 的实现vue3 的实现写法一:直接修改事件参数写法二:通过ref引用 DOMVu

Java实现将HTML文件与字符串转换为图片

《Java实现将HTML文件与字符串转换为图片》在Java开发中,我们经常会遇到将HTML内容转换为图片的需求,本文小编就来和大家详细讲讲如何使用FreeSpire.DocforJava库来实现这一功... 目录前言核心实现:html 转图片完整代码场景 1:转换本地 HTML 文件为图片场景 2:转换 H

C#使用Spire.Doc for .NET实现HTML转Word的高效方案

《C#使用Spire.Docfor.NET实现HTML转Word的高效方案》在Web开发中,HTML内容的生成与处理是高频需求,然而,当用户需要将HTML页面或动态生成的HTML字符串转换为Wor... 目录引言一、html转Word的典型场景与挑战二、用 Spire.Doc 实现 HTML 转 Word1

Vue3绑定props默认值问题

《Vue3绑定props默认值问题》使用Vue3的defineProps配合TypeScript的interface定义props类型,并通过withDefaults设置默认值,使组件能安全访问传入的... 目录前言步骤步骤1:使用 defineProps 定义 Props步骤2:设置默认值总结前言使用T

SpringBoot 多环境开发实战(从配置、管理与控制)

《SpringBoot多环境开发实战(从配置、管理与控制)》本文详解SpringBoot多环境配置,涵盖单文件YAML、多文件模式、MavenProfile分组及激活策略,通过优先级控制灵活切换环境... 目录一、多环境开发基础(单文件 YAML 版)(一)配置原理与优势(二)实操示例二、多环境开发多文件版

使用docker搭建嵌入式Linux开发环境

《使用docker搭建嵌入式Linux开发环境》本文主要介绍了使用docker搭建嵌入式Linux开发环境,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面... 目录1、前言2、安装docker3、编写容器管理脚本4、创建容器1、前言在日常开发全志、rk等不同

MyBatis-plus处理存储json数据过程

《MyBatis-plus处理存储json数据过程》文章介绍MyBatis-Plus3.4.21处理对象与集合的差异:对象可用内置Handler配合autoResultMap,集合需自定义处理器继承F... 目录1、如果是对象2、如果需要转换的是List集合总结对象和集合分两种情况处理,目前我用的MP的版本

Python实战之SEO优化自动化工具开发指南

《Python实战之SEO优化自动化工具开发指南》在数字化营销时代,搜索引擎优化(SEO)已成为网站获取流量的重要手段,本文将带您使用Python开发一套完整的SEO自动化工具,需要的可以了解下... 目录前言项目概述技术栈选择核心模块实现1. 关键词研究模块2. 网站技术seo检测模块3. 内容优化分析模

Java+AI驱动实现PDF文件数据提取与解析

《Java+AI驱动实现PDF文件数据提取与解析》本文将和大家分享一套基于AI的体检报告智能评估方案,详细介绍从PDF上传、内容提取到AI分析、数据存储的全流程自动化实现方法,感兴趣的可以了解下... 目录一、核心流程:从上传到评估的完整链路二、第一步:解析 PDF,提取体检报告内容1. 引入依赖2. 封装