# 项目配置
注意: 后端采用的 unicloud(nodejs),不懂的请先前往了解https://uniapp.dcloud.io/uniCloud/ 注意:不是 php、也不是 java、也不是 net,请先了解!!!
├─ scripts // ├─ 根目录root脚本
├─ packages // ├─ 子项目包
│ ├─ zhibai-admin // │ ├─ admin运营管理平台
│ └─ zhibai-template // │ └─ 用户端unn-app平台
└─ 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
# 开始使用
创建服务空间 uniCloud 控制台 插件市场点击导入插件 在 HBuildX 右键项目根目录 uniCloud 文件夹 -> 运行云服务空间初始化向导 -> 下一步 -> 开始部署 部署完成后顶部菜单 - 运行即可体验
# 准备项目工作
首先,在最外层根目录运行项目 下载 npm 依赖包 npm install
其次,分别进入子项目 下载 npm 依赖包 子项目 1-目录:/packages/zhibai-admin 子项目 2-目录:/packages/zhibai-template npm install
# 准备 UNiCloud 工作
把/packages/zhibai-template 项目拖入到 HBuilderX 编辑中 创建服务空间或绑定腾讯云云空间(建议使用腾讯云) uniCloud 控制台 插件市场点击导入插件 在 HBuildX 右键项目根目录 uniCloud 文件夹 -> 运行云服务空间初始化向导 -> 下一步 -> 开始部署
2.进入 uniCloud 控制台https://unicloud.dcloud.net.cn/home
3.进入控制台,找到 “跨域配置”,配置运营管理后台访问的域名 配置 1 个自己的域名,在配置上 localhost:8083 这个用于本地访问跨域用
4.进入控制台, -----01.找到 “云函数” jw-admin 点击详情,找到底部的 云函数 URL 化 进行编辑,填入 /http/jw-admin 。 然后复制 URL 域名 进入/packages/zhibai-admin 项目 src/utils/cloud.js 找到底部的 URL 进行更换为刚才你复制的域名; -----02.找到 “云函数” jw-payNotify 点击详情,找到底部的 云函数 URL 化 进行编辑,填入 /http/jw-payNotify 。 然后进入/packages/zhibai-admin 项目 登录后进入运营后台, 进入后台后找到 渠道-支付回调-填入回调地址:https://xxxxx.com/http/jw-payNotify;
# 运营管理后台 - 启动项目
在最外层根目录运行项目,选择运行
npm run dev # 运行项目 选择运行第1个
初始账号密码:cesi cesi
# 用户端前台 - 启动项目
找到文件夹 /packages/zhibai-template 把此文件夹拖入 HBuilderX 中 然后运行 H5、小程序、APP
# 访问地址
H5 访问地址:http://localhost:8080/#/pages/index/tabbar/home?projectId=61c135ef03c79373691bc61a
小程序地址: /pages/index/tabbar/home 修改 auditProjectId
# 用户端---添加组件:
1.在 zhibai-template/src/widgets/添加组件文件
2.在 zhibai-template/src/components/render-widget.vue 添加组件
# 用户端---添加固定页面:
1.在 zhibai-template/src/components/tabbar-page/index 添加页面地址、页面文件
2.在 zhibai-admin/src/config/project.js 添加跳转
# 运营管理后台---添加页面路由:
1.侧边栏设置 zhibai-admin/src/pages/mall/index.vue
2.添加路由页面 zhibai-admin/src/router/index.js
# 配置:
修改短信模板 在全局搜索 templateCode 替换短信代码
# 客服-微信小程序接入
登录微信公众平台。 在左侧菜单->功能->客服中开启即可。
# 客服-App 接入
申请好后直接在用户端根目录 config.js->customerService 配置参数即可。