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

•  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)https://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请求位置 一级一级找  然后进行接口修改   都改完运行即可

---

三，修改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）查找对应路径