# 项目配置[源码版]

-------注意:如您未购买源码版,请跳过此章节。

# 项目框架技术

整体项目采用 vue2.0 技术; 用户端采用 uniapp + vue2.0 框架技术;UI 采用 uview2:https://www.uviewui.com/ 用户管理端采用 vue2.0 框架技术;UI 采用 element2:https://element.eleme.cn/#/zh-CN

├─ scripts                            // ├─ 根目录root脚本
├─ packages                           // ├─ 子项目包
│  ├─ zhibaiqiye-admin                 // │  ├─ admin运营管理平台
│  └─ zhibaiqiye-template              // │  └─ 用户端unn-app平台
└─ package.json

# 准备项目工作

首先,在最外层根目录运行项目 下载 npm 依赖包 npm install

其次,分别进入子项目 下载 npm 依赖包 子项目 1-目录:/packages/zhibaiqiye-admin 子项目 2-目录:/packages/zhibaiqiye-template

分别进入三个项目依次运行 npm install

# 准备 UNiCloud 工作

把/packages/zhibaiqiye-template 项目拖入到 HBuilderX 编辑中 绑定腾讯云云空间(建议使用腾讯云,阿里云经常掉线毕竟免费的)

1.运行云空间初始化向导 全部上传

2.进入 uniCloud 控制台https://unicloud.dcloud.net.cn/home,查看是否都正常上传

3.进入控制台,找到 “跨域配置”,配置运营管理后台访问的域名 配置 1 个自己的域名,在配置上 localhost:8080 这个用于本地访问跨域用,根据 zhibaiqiye-admin 运行查看端口号 进行添加

4.进入控制台,找到 “云函数” jw-admin 点击详情,找到底部的 云函数 URL 化 进行编辑,填入 /http/jw-admin 。然后复制 URL 域名 进入/packages/zhibaiqiye-admin 项目 src/config/global.js 找到底部的 URL 进行更换为刚才你复制的域名,配置相关参数

# 运营管理后台 - 启动项目

依次运行 3 个项目的方法:

运营管理端:在最外层根目录运行项目,选择运行

npm run dev         # 运行项目   选择运行第1个

用户端: 子项目 2-目录:/packages/zhibaiqiye-template 拖到 HBuilderX 里运行

初始账号密码:ceshi ceshi

# 用户端前台 - 启动项目

找到文件夹 /packages/zhibaiqiye-template 把此文件夹拖入 HBuilderX 中 然后运行 H5、小程序、APP

# 访问地址

修改项目 ID: /pages/index/tabbar/home 修改 auditProjectId

# 用户端:

---添加组件

1.在 zhibaiqiye-template/src/widgets/添加组件文件

2.在 zhibaiqiye-template/src/components/render-widget.vue 添加组件

3.在 zhibaiqiye-template/src/utils/globalJump.js 添加跳转

# 运营管理后台:

---添加页面路由

1.侧边栏设置 zhibaiqiye-admin/src/pages/mall/index.vue

2.添加路由页面 zhibaiqiye-admin/src/router/index.js