# 项目配置[源码版]
-------注意:如您未购买源码版,请跳过此章节。
# 项目框架技术
整体项目采用 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
← 发布 微信小程序