geecg-uniapp 源码下载运行 修改端口号 修改tabBar 修改展示数据(1)

本文主要是介绍geecg-uniapp 源码下载运行 修改端口号 修改tabBar 修改展示数据(1),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

  •  APP体验: http://jeecg.com/appIndex
  • 技术官网: http://www.jeecg.com
  • 安装文档: 快速开始 · JeecgBoot 开发文档 · 看云
  • 视频教程: 零基础入门视频
  • 官方支持: http://jeecg.com/doc/help

一,下载安装

源码下载 

jeecg-uniapp: JEECG BOOT APP 移动解决方案,采用uniapp框架,一份代码多终端适配,同时支持APP、小程序、H5!实现了与JeecgBoot平台完美对接的移动解决方案!目前已经实现登录、用户信息、通讯录、公告、移动首页、九宫格等基础功能。 (gitee.com)icon-default.png?t=N7T8https://gitee.com/jeecg/jeecg-uniapp?_from=gitee_search

运行指令  拉去代码后运行指令  也可以参考上边的安装文档
拉取项目代码
git clone https://gitee.com/jeecg/ant-design-vue-jeecg
cd ant-design-vue-jeecg安装node.js
# 出现相应npm版本即可
npm -v
# 出现相应node版本即可
node -v安装yarn
# 全局安装yarn
npm i -g yarn
# 验证
yarn -v # 出现对应版本号即代表安装成功切换到ant-design-vue-jeecg文件夹下
# 下载依赖
yarn install# 启动
yarn run serve# 编译项目
yarn run build

二,修改端口  

端口 报错   
(1)要是没有env  需要创建一个替换成后端接口

 (2)因为他封装了  先找到http请求位置 一级一级找  然后进行接口修改   都改完运行即可

接口地址配置   .env.developmentNODE_ENV=development
VUE_APP_API_BASE_URL=http://localhost:8080/jeecg-boot


三,修改tabBar

(1)在geecg-uniapp中 底部导航是在index封装的所以我们需要先进行注销

(2)我们打开pages.json  添加底部导航
"tabBar": {"list": [{"iconPath": "/static/shouye.png","selectedIconPath": "/static/shouye_1.png","pagePath": "pages/home/home","text": "首页"},{"iconPath": "/static/tongxunlu_1.png","selectedIconPath": "/static/tongxunlu.png","pagePath": "pages/annotation/annotationList","text": "通讯录"},{"iconPath": "/static/31wode.png","selectedIconPath": "/static/my.png","pagePath": "pages/user/people","text": "我的"}]},

四,修改展示数据

(1)我们以home的常用服务  为例  我们修改 usList 数据 

(2)查找对应路径

这篇关于geecg-uniapp 源码下载运行 修改端口号 修改tabBar 修改展示数据(1)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



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

相关文章

Python在二进制文件中进行数据搜索的实战指南

《Python在二进制文件中进行数据搜索的实战指南》在二进制文件中搜索特定数据是编程中常见的任务,尤其在日志分析、程序调试和二进制数据处理中尤为重要,下面我们就来看看如何使用Python实现这一功能吧... 目录简介1. 二进制文件搜索概述2. python二进制模式文件读取(rb)2.1 二进制模式与文本

C#实现将XML数据自动化地写入Excel文件

《C#实现将XML数据自动化地写入Excel文件》在现代企业级应用中,数据处理与报表生成是核心环节,本文将深入探讨如何利用C#和一款优秀的库,将XML数据自动化地写入Excel文件,有需要的小伙伴可以... 目录理解XML数据结构与Excel的对应关系引入高效工具:使用Spire.XLS for .NETC

MySQL底层文件的查看和修改方法

《MySQL底层文件的查看和修改方法》MySQL底层文件分为文本类(可安全查看/修改)和二进制类(禁止手动操作),以下按「查看方法、修改方法、风险管控三部分详细说明,所有操作均以Linux环境为例,需... 目录引言一、mysql 底层文件的查看方法1. 先定位核心文件路径(基础前提)2. 文本类文件(可直

MySQL数据目录迁移的完整过程

《MySQL数据目录迁移的完整过程》文章详细介绍了将MySQL数据目录迁移到新硬盘的整个过程,包括新硬盘挂载、创建新的数据目录、迁移数据(推荐使用两遍rsync方案)、修改MySQL配置文件和重启验证... 目录1,新硬盘挂载(如果有的话)2,创建新的 mysql 数据目录3,迁移 MySQL 数据(推荐两

Python数据验证神器Pydantic库的使用和实践中的避坑指南

《Python数据验证神器Pydantic库的使用和实践中的避坑指南》Pydantic是一个用于数据验证和设置的库,可以显著简化API接口开发,文章通过一个实际案例,展示了Pydantic如何在生产环... 目录1️⃣ 崩溃时刻:当你的API接口又双叒崩了!2️⃣ 神兵天降:3行代码解决验证难题3️⃣ 深度

MySQL快速复制一张表的四种核心方法(包括表结构和数据)

《MySQL快速复制一张表的四种核心方法(包括表结构和数据)》本文详细介绍了四种复制MySQL表(结构+数据)的方法,并对每种方法进行了对比分析,适用于不同场景和数据量的复制需求,特别是针对超大表(1... 目录一、mysql 复制表(结构+数据)的 4 种核心方法(面试结构化回答)方法 1:CREATE

详解C++ 存储二进制数据容器的几种方法

《详解C++存储二进制数据容器的几种方法》本文主要介绍了详解C++存储二进制数据容器,包括std::vector、std::array、std::string、std::bitset和std::ve... 目录1.std::vector<uint8_t>(最常用)特点:适用场景:示例:2.std::arra

SpringBoot返回文件让前端下载的几种方式

《SpringBoot返回文件让前端下载的几种方式》文章介绍了开发中文件下载的两种常见解决方案,并详细描述了通过后端进行下载的原理和步骤,包括一次性读取到内存和分块写入响应输出流两种方法,此外,还提供... 目录01 背景02 一次性读取到内存,通过响应输出流输出到前端02 将文件流通过循环写入到响应输出流

MySQL中的DELETE删除数据及注意事项

《MySQL中的DELETE删除数据及注意事项》MySQL的DELETE语句是数据库操作中不可或缺的一部分,通过合理使用索引、批量删除、避免全表删除、使用TRUNCATE、使用ORDERBY和LIMI... 目录1. 基本语法单表删除2. 高级用法使用子查询删除删除多表3. 性能优化策略使用索引批量删除避免

MySQL 数据库进阶之SQL 数据操作与子查询操作大全

《MySQL数据库进阶之SQL数据操作与子查询操作大全》本文详细介绍了SQL中的子查询、数据添加(INSERT)、数据修改(UPDATE)和数据删除(DELETE、TRUNCATE、DROP)操作... 目录一、子查询:嵌套在查询中的查询1.1 子查询的基本语法1.2 子查询的实战示例二、数据添加:INSE