aiotagro/nxxmdata

Fork 0

Files

dengyuxin eb3c4604d3 添加银行和政府端小程序

2025-09-19 17:52:28 +08:00

3.1 KiB

Raw Blame History

政府端小程序快速开始指南

🚀 快速启动

1. 环境检查

确保您的开发环境满足以下要求：

Node.js 16.20.2 或更高版本
npm 8.0.0 或更高版本
微信开发者工具（用于小程序开发）

2. 后端服务

确保政府端后端服务正在运行：

# 在 government-backend 目录下
npm start
# 服务将在 http://localhost:5352 启动

3. 启动小程序

# 进入项目目录
cd government-mini-program

# 安装依赖
npm install

# 启动H5开发服务器
npm run dev:h5

4. 访问应用

打开浏览器访问：http://localhost:8080

🔑 登录信息

使用以下默认账号登录：

用户名: admin
密码: 123456

📱 功能导航

主要功能模块

首页 - 数据概览和快捷功能
数据看板 - 统计图表和数据分析
监管管理 - 监管记录和检查管理
审批管理 - 审批流程和状态跟踪
人员管理 - 工作人员信息管理
疫情监控 - 疫情数据和预警
服务管理 - 政府服务项目管理
仓库管理 - 物资仓库管理
个人中心 - 用户设置和个人信息

快捷操作

搜索: 在列表页面使用搜索框快速查找
筛选: 点击筛选按钮进行条件筛选
新增: 点击右上角"+"按钮添加新记录
编辑: 点击列表项的编辑按钮
删除: 点击列表项的删除按钮

🛠️ 开发模式

H5开发

npm run dev:h5

支持热重载
自动打开浏览器
支持移动端调试

微信小程序开发

# 构建小程序
npm run build:mp-weixin

# 使用微信开发者工具打开 dist/mp-weixin 目录

生产构建

# H5生产构建
npm run build:h5

# 微信小程序生产构建
npm run build:mp-weixin

🔧 配置说明

API配置

在 src/utils/request.js 中配置API基础地址：

const BASE_URL = process.env.NODE_ENV === 'development' 
  ? 'http://localhost:5352/api' 
  : 'https://your-domain.com/api'

微信小程序配置

在 manifest.json 中配置小程序信息：

{
  "mp-weixin": {
    "appid": "your-wechat-appid",
    "setting": {
      "urlCheck": false
    }
  }
}

📋 常见问题

Q: 无法连接到后端服务

A: 确保后端服务正在运行，检查端口5352是否被占用

Q: 登录失败

A: 检查用户名密码是否正确，确保后端认证接口正常

Q: 页面显示异常

A: 检查浏览器控制台错误信息，确保所有依赖已正确安装

Q: 微信小程序无法预览

A: 确保已配置正确的AppID，检查网络连接

🎯 下一步

自定义配置: 根据实际需求修改API地址和配置
添加功能: 在现有基础上扩展新的功能模块
样式调整: 根据设计稿调整UI样式和布局
数据对接: 连接真实的后端API接口
测试部署: 进行功能测试和生产环境部署

📞 技术支持

如有问题，请参考：

项目README.md文件
项目PROJECT_SUMMARY.md文件
微信小程序官方文档
Vue.js官方文档

3.1 KiB Raw Blame History Unescape Escape