193 lines
4.4 KiB
Markdown
193 lines
4.4 KiB
Markdown
|
# 政府端微信小程序使用指南
|
|||
|
|
|
|||
|
|
## 项目概述
|
|||
|
|
|
|||
|
|
这是一个基于微信小程序原生开发框架的政府管理系统，包含监管、审批、人员管理、疫情监控等功能模块。
|
|||
|
|
|
|||
|
|
## 项目结构
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
government-mini-program/
|
|||
|
|
├── app.js # 小程序入口文件
|
|||
|
|
├── app.json # 小程序全局配置
|
|||
|
|
├── app.wxss # 小程序全局样式
|
|||
|
|
├── sitemap.json # 站点地图配置
|
|||
|
|
├── project.config.json # 项目配置文件
|
|||
|
|
├── utils/ # 工具类
|
|||
|
|
│ ├── auth.js # 认证工具
|
|||
|
|
│ └── request.js # 请求工具
|
|||
|
|
├── services/ # API服务
|
|||
|
|
│ ├── authService.js # 认证服务
|
|||
|
|
│ └── dashboardService.js # 数据看板服务
|
|||
|
|
├── pages/ # 页面目录
|
|||
|
|
│ ├── index/ # 首页
|
|||
|
|
│ ├── login/ # 登录页
|
|||
|
|
│ ├── dashboard/ # 数据看板
|
|||
|
|
│ ├── supervision/ # 监管管理
|
|||
|
|
│ ├── approval/ # 审批管理
|
|||
|
|
│ ├── personnel/ # 人员管理
|
|||
|
|
│ ├── epidemic/ # 疫情监控
|
|||
|
|
│ ├── service/ # 服务管理
|
|||
|
|
│ ├── warehouse/ # 仓库管理
|
|||
|
|
│ └── profile/ # 个人中心
|
|||
|
|
└── images/ # 图片资源
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## 功能特性
|
|||
|
|
|
|||
|
|
### 1. 用户认证
|
|||
|
|
- 登录/登出功能
|
|||
|
|
- Token管理
|
|||
|
|
- 用户信息存储
|
|||
|
|
|
|||
|
|
### 2. 数据看板
|
|||
|
|
- 统计数据展示
|
|||
|
|
- 图表可视化
|
|||
|
|
- 实时数据更新
|
|||
|
|
|
|||
|
|
### 3. 监管管理
|
|||
|
|
- 监管记录管理
|
|||
|
|
- 搜索和筛选
|
|||
|
|
- 状态跟踪
|
|||
|
|
|
|||
|
|
### 4. 审批管理
|
|||
|
|
- 审批流程管理
|
|||
|
|
- 申请状态跟踪
|
|||
|
|
- 批量操作
|
|||
|
|
|
|||
|
|
### 5. 人员管理
|
|||
|
|
- 人员信息管理
|
|||
|
|
- 部门组织架构
|
|||
|
|
- 权限分配
|
|||
|
|
|
|||
|
|
### 6. 疫情监控
|
|||
|
|
- 疫情数据统计
|
|||
|
|
- 风险等级评估
|
|||
|
|
- 预警机制
|
|||
|
|
|
|||
|
|
### 7. 服务管理
|
|||
|
|
- 服务项目管理
|
|||
|
|
- 服务状态跟踪
|
|||
|
|
- 服务质量评估
|
|||
|
|
|
|||
|
|
### 8. 仓库管理
|
|||
|
|
- 库存管理
|
|||
|
|
- 出入库记录
|
|||
|
|
- 库存预警
|
|||
|
|
|
|||
|
|
## 开发环境配置
|
|||
|
|
|
|||
|
|
### 1. 微信开发者工具
|
|||
|
|
- 下载并安装微信开发者工具
|
|||
|
|
- 版本要求：最新稳定版
|
|||
|
|
|
|||
|
|
### 2. 项目导入
|
|||
|
|
1. 打开微信开发者工具
|
|||
|
|
2. 选择"导入项目"
|
|||
|
|
3. 项目目录选择：`government-mini-program`
|
|||
|
|
4. AppID填写：`wx1b9c7cd2d0e0bfd3`
|
|||
|
|
5. 项目名称：政府端小程序
|
|||
|
|
|
|||
|
|
### 3. 后端服务配置
|
|||
|
|
确保后端服务运行在 `http://localhost:5352`
|
|||
|
|
|
|||
|
|
```bash
|
|||
|
|
# 在 government-backend 目录下
|
|||
|
|
npm start
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## 使用说明
|
|||
|
|
|
|||
|
|
### 1. 登录系统
|
|||
|
|
- 默认账号：`admin`
|
|||
|
|
- 默认密码：`123456`
|
|||
|
|
- 支持记住登录状态
|
|||
|
|
|
|||
|
|
### 2. 主要功能
|
|||
|
|
- **首页**：快速访问各功能模块
|
|||
|
|
- **数据看板**：查看统计数据和图表
|
|||
|
|
- **监管管理**：管理监管记录
|
|||
|
|
- **审批管理**：处理审批流程
|
|||
|
|
- **人员管理**：管理系统人员
|
|||
|
|
- **疫情监控**：监控疫情数据
|
|||
|
|
- **服务管理**：管理服务项目
|
|||
|
|
- **仓库管理**：管理库存
|
|||
|
|
- **个人中心**：用户信息和设置
|
|||
|
|
|
|||
|
|
### 3. 操作指南
|
|||
|
|
- 点击底部导航栏切换页面
|
|||
|
|
- 使用搜索功能快速查找数据
|
|||
|
|
- 点击"新增"按钮添加新记录
|
|||
|
|
- 长按列表项可进行更多操作
|
|||
|
|
|
|||
|
|
## 技术特点
|
|||
|
|
|
|||
|
|
### 1. 原生微信小程序
|
|||
|
|
- 使用微信小程序原生开发框架
|
|||
|
|
- 支持微信生态功能
|
|||
|
|
- 性能优化
|
|||
|
|
|
|||
|
|
### 2. 模块化设计
|
|||
|
|
- 页面组件化
|
|||
|
|
- 工具类封装
|
|||
|
|
- 服务层分离
|
|||
|
|
|
|||
|
|
### 3. 响应式布局
|
|||
|
|
- 适配不同屏幕尺寸
|
|||
|
|
- 移动端优化
|
|||
|
|
- 用户体验友好
|
|||
|
|
|
|||
|
|
### 4. 数据管理
|
|||
|
|
- 本地存储管理
|
|||
|
|
- 网络请求封装
|
|||
|
|
- 错误处理机制
|
|||
|
|
|
|||
|
|
## 部署说明
|
|||
|
|
|
|||
|
|
### 1. 开发环境
|
|||
|
|
- 在微信开发者工具中直接运行
|
|||
|
|
- 支持真机调试
|
|||
|
|
- 实时预览
|
|||
|
|
|
|||
|
|
### 2. 生产环境
|
|||
|
|
1. 在微信开发者工具中点击"上传"
|
|||
|
|
2. 填写版本号和项目备注
|
|||
|
|
3. 在微信公众平台提交审核
|
|||
|
|
4. 审核通过后发布
|
|||
|
|
|
|||
|
|
### 3. 配置要求
|
|||
|
|
- 服务器域名配置
|
|||
|
|
- 业务域名配置
|
|||
|
|
- 支付域名配置（如需要）
|
|||
|
|
|
|||
|
|
## 常见问题
|
|||
|
|
|
|||
|
|
### 1. 登录失败
|
|||
|
|
- 检查网络连接
|
|||
|
|
- 确认后端服务运行状态
|
|||
|
|
- 验证账号密码
|
|||
|
|
|
|||
|
|
### 2. 数据加载失败
|
|||
|
|
- 检查API接口状态
|
|||
|
|
- 确认网络连接
|
|||
|
|
- 查看控制台错误信息
|
|||
|
|
|
|||
|
|
### 3. 页面显示异常
|
|||
|
|
- 检查微信开发者工具版本
|
|||
|
|
- 清除缓存重新编译
|
|||
|
|
- 检查代码语法错误
|
|||
|
|
|
|||
|
|
## 联系支持
|
|||
|
|
|
|||
|
|
如有问题，请参考：
|
|||
|
|
- 微信小程序开发文档
|
|||
|
|
- 项目README文件
|
|||
|
|
- 技术团队支持
|
|||
|
|
|
|||
|
|
## 更新日志
|
|||
|
|
|
|||
|
|
### v1.0.0 (2024-01-15)
|
|||
|
|
- 初始版本发布
|
|||
|
|
- 基础功能实现
|
|||
|
|
- 用户界面优化
|