企服评测·应用市场（qidao123.com）项目介绍

一、项目概述

1.1 项目背景

企服评测·应用市场（qidao123.com）是国内唯一的企服评测产业互联网平台，致力于为IT行业从业者提供专业的企业服务评测、应用市场及商务职场社区服务。平台汇聚了50万+IT人脉资源，覆盖产品、方案、公司、专家等多维度评测体系。

1.2 技术架构

• 前端框架：uni-app Vue 2
• 目标平台：H5网页 + 微信小程序
• UI组件库：uview-ui + ColorUI
• 路由方案：uni-simple-router（自动生成路由）
• 状态管理：Vuex（单模块 user）
• 开发工具：HBuilderX IDE

二、核心功能模块

2.1 首页功能

2.2 产品/方案/公司详情页

• 产品信息展示（图片轮播、产品介绍）
• 厂商关注功能
• 产品认领机制（厂商可认领自有产品）
• 分享传播（微信/QQ/微博）
• 用户评论系统
• 标签分类导航

2.3 招标悬赏模块

• 支持发布定制需求
• 搜索需求任务
• 按交易模式筛选（悬赏/招标）
• 投标功能

2.5 专家智库

• 专家列表展示
• 专家详情页
• 预约专家服务
• 专家申请入驻

2.6 找人脉模块

• 同行/同乡/校友推荐
• 人脉热度榜
• 数字名片交换
• 关注/好友管理

三、用户中心功能

3.1 内容管理

• 产品管理
• 方案管理
• 公司管理
• 专家智库管理
• 招标悬赏管理

3.2 其他功能

• 编辑资料
• 实名认证
• 职业认证
• 隐私设置
• 意见反馈
• 我的访客
• 名片夹
• 关于我们

四、入驻与认证体系

4.1 申请入驻

• 产品入驻
• 方案入驻
• 公司入驻
• 产品/方案认领

4.2 认证体系

• 个人实名认证
• 职业认证
• 专家申请认证

五、技术特色

5.1 平台条件编译

项目采用 uni-app 的条件编译机制，实现一套代码多端运行：

#ifdef MP-WEIXIN   // 微信小程序专属代码
#ifdef WEB         // H5网页专属代码  

5.2 路由架构

• H5平台：使用 $Router.push({name, params}) 实现 SEO 友好路由，通过路由映射，统一pc端url地址
• 小程序平台：使用 uni.navigateTo({url}) 原生路由
• 路由别名：通过 aliasPath 定义 SEO 友好 URL

5.3 API请求封装

// GET请求
$get(url, data, config)
// POST请求  
$post(url, data, config)
// Token认证
{needToken: true}  // 自动添加 Authorization 头

5.4 分包加载

通过 subPackages 实现按需加载，优化首屏性能：

• detail（详情页）
• mine（个人中心）
• login（登录注册）
• reward（招标悬赏）
• expert（专家智库）
• 等20+分包模块

六、项目亮点

6.1 评测体系

• 产品/方案/公司严选与普选分级
• 用户点评有奖机制
• 360°全方位评价

6.2 商务撮合

• 招标悬赏任务发布
• 资金托管保障
• 项目管家服务

6.3 人脉社交

• 50万+IT人脉社区
• 同行/同乡/校友智能推荐
• 数字名片裂变传播

6.4 内容生态

• ToB头条资讯
• 论坛/圈子/博客
• 专业资料库

七、项目目录结构

qidao-h5-front/
├── pages/              # 页面组件（分包组织）
│   ├── home/           # 首页
│   ├── m/              # dis页面（WebView容器）
│   ├── detail/         # 详情页分包
│   ├── mine/           # 个人中心分包
│   ├── login/          # 登录注册分包
│   ├── reward/         # 招标悬赏分包
│   ├── expert/         # 专家智库分包
│   ├── classify/       # 分类页分包
│   ├── case/           # 案例页分包
│   ├── peer/           # 找人脉分包
│   └── ...             # 其他分包
├── components/         # 共享组件
│   ├── functional-zone/  # 金刚区导航
│   ├── home-tab/        # 首页tab组件
│   ├── dis-tab/         # dis区域组件
│   ├── login-popup/     # 登录弹窗
│   ├── tabBar/          # 自定义tabBar
│   └── ...
├── utiles/             # 工具函数/API（注意拼写）
│   ├── request.js      # HTTP请求封装
│   ├── api.js          # API接口定义
│   ├── common.js       # 公共方法
│   ├── wechat.js       # 微信SDK配置
│   └── share.js        # 分享功能
├── store/              # Vuex状态管理
│   └── modules/
│       └── user.js     # 用户模块
├── uni_modules/        # uni-app插件模块
│   └── uview-ui/       # uview-ui组件库
├── colorui/            # ColorUI样式库
├── static/             # 静态资源
├── pages.json          # 页面路由配置
├── manifest.json       # 应用配置
├── main.js             # 入口文件
├── App.vue             # 应用根组件
└── router.js           # 路由配置

八、总结

企服评测·应用市场是一个功能完善、架构清晰的产业互联网平台，通过 uni-app 实现了 H5 和微信小程序的双端覆盖。项目采用分包加载、条件编译等技术方案，有效提升了开发效率和用户体验。平台核心价值在于构建了产品/方案/公司的专业评测体系，并为IT从业者提供了人脉社交、商务撮合、内容生态等一站式服务。