# 项目配置

注意：后端采用的 unicloud（nodejs），不懂的请先前往了解https://uniapp.dcloud.io/uniCloud/ 注意：不是 php、也不是 java、也不是 net，请先了解！！！

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

# 项目框架技术

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

# 准备项目工作

nodejs 要求版本：node 16+ 不要太低也不要太高 16的即可； npm 如果自己的npm网络不好尽量就用yarn去安装依赖；

开始-首先，在最外层根目录运行项目下载 npm 依赖包 npm install

其次，分别进入子项目下载 npm 依赖包子项目 1-目录：/packages/zhibaimall-admin 执行 npm install 子项目 2-目录：/packages/zhibaimall-template 执行 npm install ----下载后分别把1、2项目拖入HBuilderX中运行

# 准备unicloud工作

npm install 并拖入项目到HBuilderX中后，点击项目内顶部的unicloud文件夹右键-第一个进行关联自己的空间；关联空间后，右键-第二个运行云空间初始化向导；运行后，会自动开始部署部署完成后顶部菜单 - 运行H5、APP、小程序即可体验；用户端自行注册账号，运营管理端初始账号密码：ceshi ceshi

# 配置 UNiCloud 工作

2.进入 uniCloud 控制台https://unicloud.dcloud.net.cn/home

3.选择自己的空间进入控制台，找到 “跨域配置”，配置运营管理后台访问的域名配置 1 个自己的域名，在配置上 localhost:xxxx 这个用于本地访问跨域用；

4.进入控制台， -----01配置支付.找到 “云函数” jw-payNotify 点击详情，找到底部的云函数 URL 化进行编辑，填入 /http/jw-payNotify 。然后进入/packages/zhibaimall-admin 项目登录后进入运营后台，进入后台后找到渠道-支付回调-填入回调地址：https://xxxxx.com/http/jw-payNotify;

5.配置其它参数运行zhibaimall-admin 项目 1.找到src/config/global.js 管；

2.登录后进入运营后台，进入后台后找到 “配置”，根据情况进行各类配置；配置 - 基础配置：配置基础信息；配置 - 秘钥配置：地图API相关信息；配置 - 短信配置：配置短信发送相关；配置 - 系统配置：配置模拟器地址，此处填写H5访问地址，用于构建DIY页面的时候，预览页面用；配置 - AD配置：广告AD相关；

# 正式启动项目-用户端前台

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

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

找到文件夹 /packages/zhibaimall-admin 拖入HBuilderX中运行H5浏览器即可

管理端初始账号密码：cesi cesi

# 关于部分说明：

# 如何二次开发用户端---添加组件：

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

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

# 如何二次开发用户端---添加固定页面：

1.在 zhibaimall-template/src/components/tabbar-page/index 添加页面地址、页面文件

2.在 zhibaimall-admin/src/config/project.js 添加跳转

# 如何二次开发运营管理后台---添加页面路由：

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

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