基于vue+ionic+capacitor的图书借阅app

本文档详细介绍了基于Vue3、Ionic6和Capacitor开发图书借阅App的全过程,包括源码下载、前端和后端环境配置、项目启动、功能模块详解及常见问题。提供了从零搭建到打包Apk的完整步骤,适合初学者学习使用。

目录

整套源码下载 

1、app前端+springboot后台源码 

2、pc端+springboot后台源码

 3、pc端+app端+springboot后台合集源码

一、前言

二、用到的技术

三、开发使用的IDE 

四、搭建开发环境 

前端:

第一步:安装nvm

第二步:安装nodejs

后端:

第一步:安装jdk

​编辑 第二步:安装mysql

 五、启动项目

前端:

第一步:将下载下来的项目解压缩,目录结构如下图,bookmanagerapp是前端vue项目,bookmanagerserver是后端springboot项目。

 第二步:用webstorm或vscode打开bookmanagerapp,项目目录结构如下

第三步:安装node依赖包

第四步:启动项目

第五步:运行项目

第六步:打包apk 

后端:

第一步:打开项目

 第二步:修改数据库连接

 第三步:启动项目

第四步:初始化用户

六、图书借阅app使用说明

 (一)主界面

(二)查找图书

(三)图书卡片

 (四)更多列表

 (五)我的书架

(六)个人中心

 (七)我的借阅

 (八)修改密码

 (九)修改联系方式

 (十)设置

 (十一)退出系统

七、需要注意的几个问题

1、android文件夹的配置问题

 2、网络ip的配置问题

3、常用命令 

八、结语

整套源码下载 

1、app前端+springboot后台源码 

基于vue3+ionic6+capacitor的图书借阅app-HTML5文档类资源-CSDN下载前些时候,水壶哥使用vue开发了一套《图书管理系统》,这套系统只有pc端,联想到当前更多下载资源、学习资料请访问CSDN下载频道.https://download.csdn.net/download/leonMary/85832854

2、pc端+springboot后台源码

https://download.csdn.net/download/leonMary/85453740

 3、pc端+app端+springboot后台合集源码

基于vue3+element+ionic6+capacitor+springboot+mysql图书管理系统pc端+app端合集-管理软件文档类资源-CSDN下载前些时候,水壶哥使用vue开发了一套《图书管理系统》,这套系统只有pc端,联想到当前更多下载资源、学习资料请访问CSDN下载频道.https://download.csdn.net/download/leonMary/85833121

 温馨提示:下载pc端+app端合集有优惠呦

一、前言

        前些时候,水壶哥使用vue开发了一套《图书管理系统》,这套系统只有pc端,联想到当前社会是智能社会,任何系统基本都配有移动端,所以本着再次让大家学到新技术的目的,水壶哥又开发了一套《图书管理系统》的移动端,这套系统采用vue+ionic+capacitor框架,是一套基于vue和ionic的入门系统,虽然是入门,但所用到的技术绝对是当今主流,后台依然采用《图书管理系统》的后台,没有任何变化。

二、用到的技术

        前端:vue3、ionic6、capacitor、nodejs、nvm(node管理工具)

        后端:springboot、jpa、mybatis

        数据库:mysql5.7.38

三、开发使用的IDE 

        前端:webstorm(版本号2020.3)如果没有webstorm,推荐使用vscode

        后端:idea(版本号2020.3)如果没有idea,推荐使用eclipse 

四、搭建开发环境 

前端:

第一步:安装nvm

        nvm是node管理工具,可以同时管理多个版本的node,在需要的时候,切换不同版本。将下载的资源包解压,进入其中的nvm文件夹,如下图: 

        双击nvm-setup.exe进行安装。

        注意:一定要将nvm安装到c盘根目录,否则会出现意想不到的问题

        安装完成后在命令行输入nvm,可以看到一些关于nvm的使用说明

第二步:安装nodejs

        nvm本身提供安装node的命令,在命令行输入nvm install 16.14.0就可以安装版本号为16.14.0的node,安装完成后运行命令nvmuse 16.14.0,然后在命令行输入node -v,查看当前使用的node版本。到这里node就已经安装成功,但使用nvm安装node并不是每次都能成功,如果安装node失败,可以到下面的地址手动下载node,也可以使用资源包中提供的node。

        Nodejs下载地址:Previous Releases | Node.js

        Nodejs要求版本:大于14.0.0,小于18.0.0,笔者使用的是16.14.0,下面以16.14.0为例,一定要选择zip或7z文件,如下图: 

        下载之后将其解压,然后手动将node拷贝到nvm根目录下,并将文件夹命名为v16.14.0,如下图: 

        之后在命令行运行nvmuse 16.14.0,效果是一样的。如果自己懒得下载,可以使用资源包中提供的node,如下图: 

          将node-v16.14.0-win-x64文件夹整体复制到nvm根目录下,改名为v16.14.0,效果也是一样的。

后端:

第一步:安装jdk

        自行下载jdk或使用资源包中提供的jdk,下载地址:Java Downloads | Oracle,然后配置java环境变量,具体步骤自行百度。 

 第二步:安装mysql

        使用资

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

西山水壶

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值