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

11 篇文章 1 订阅
9 篇文章 2 订阅

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都是毛毛雨)

  • 6
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 15
    评论
Vue开发移动端App时,可以使用一些工具和组件来进行适配和开发。首先,在main.js中引入`vue-awesome-mui`并使用`Vue.use(Mui)`来引入MUI组件库。注意,MUI只能在手机上使用,所以在浏览器运行时可能无法看到效果。\[1\] 为了适配移动端设备的屏幕大小和比例差异,可以使用`flexible.js`进行适配。在main.js中引入`flexible.js`文件,并将其作为静态文件放在最外层的static文件夹中引入。这样可以实现移动端项目的适配。\[2\] 在开发移动端App时,可以使用一些常见的组件和标签,如`router-link`用于导航跳转,`keep-alive`用于缓存不活动的组件实例,以提高性能。此外,还可以使用一些UI组件库,如`mint-ui`和`vant-ui`来快速构建界面。\[2\] 除此之外,还可以使用Axios进行网络请求的封装,使用iconfont图标库,连接真机进行调试,打包APK并发布应用。在开发过程中,可以不断学习并更新项目,逐步完善项目结构和功能。\[3\] 总结来说,开发Vue移动端App需要引入相应的组件库和工具,进行适配和开发,并不断学习和更新项目。 #### 引用[.reference_title] - *1* *2* *3* [vue开发移动端app-学习记录](https://blog.csdn.net/weixin_44736005/article/details/113406120)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 15
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值