基于.NET与微信小程序的数字化市容监察系统设计与实践-平芜编程栈

1. 项目背景与核心价值

市容监察管理一直是城市治理中的重点难点工作。传统的人工巡查方式存在效率低、取证难、反馈慢等问题。去年我在参与某区数字化城管项目时，深刻体会到移动端+后台系统的组合能极大提升市容问题的处置效率。这个毕业设计项目正是基于这样的实际需求，采用.NET后端+微信小程序的架构方案。

微信小程序作为入口具有天然优势：一线巡查人员无需安装额外APP，扫码即用；市民也可以通过小程序随时上报问题。后台采用.NET Core构建，既能满足政府系统对Windows服务器的依赖，又能保证系统的扩展性。整套系统从问题发现、上报、分派到处置闭环，实现了全流程数字化管理。

2. 系统架构设计

2.1 技术选型分析

后端技术栈：

.NET Core 6.0：跨平台支持，与政府现有系统兼容性好
Entity Framework Core：简化数据库操作，快速迭代开发
SignalR：实现实时消息推送（如任务分派通知）
JWT认证：保障接口安全

前端技术栈：

微信小程序原生开发：更好的性能表现
Vant Weapp组件库：快速构建管理端界面
ECharts for WeChat：数据可视化展示

数据库：

SQL Server 2019：政府单位常用数据库，便于后期运维

提示：政府项目数据库选型需考虑后续运维团队的技能储备，这是很多毕业设计容易忽略的实际因素

2.2 系统模块划分

移动端功能模块
- 问题上报：支持文字、语音、图片、视频多形式上报
- 任务处理：处置人员接收任务、上传处理结果
- 进度查询：市民可跟踪上报问题处理状态
- 消息通知：微信模板消息提醒
后台管理模块
- 案件管理：分派、转办、延期等流程控制
- 统计分析：热力图、类型分布等可视化展示
- 人员管理：网格员权限分级
- 系统设置：案件类型、处置时限等参数配置

3. 核心功能实现细节

3.1 微信小程序关键技术点

多媒体上传优化：

// 后端接收处理代码示例 [HttpPost] public async Task<IActionResult> UploadMedia([FromForm]IFormFile file) { // 限制文件大小20MB if (file.Length > 20 * 1024 * 1024) return Json(new {code = -1, msg = "文件大小超过限制"}); // 生成OSS存储路径 var objectName = $"report/{DateTime.Now:yyyyMMdd}/{Guid.NewGuid()}{Path.GetExtension(file.FileName)}"; // 上传到对象存储 using var stream = file.OpenReadStream(); await _ossClient.PutObjectAsync(_bucketName, objectName, stream); return Json(new { code = 0, data = new { url = $"https://{_bucketName}.oss-cn-hangzhou.aliyuncs.com/{objectName}" } }); }

定位服务封装：

// 小程序端定位封装 const getLocation = () => { return new Promise((resolve, reject) => { wx.getLocation({ type: 'gcj02', success: res => resolve({ longitude: res.longitude, latitude: res.latitude, accuracy: res.accuracy }), fail: err => { console.error('定位失败', err) reject(err) } }) }) }

3.2 后台管理系统亮点功能

智能分派算法：

public class TaskDispatcher { public Staff AssignTask(ReportCase @case) { // 1. 获取事发地500米内的在岗人员 var availableStaff = _dbContext.Staffs .Where(s => s.IsOnDuty && s.CompetentAreas.Any(a => GeoHelper.GetDistance(a.Longitude, a.Latitude, @case.Longitude, @case.Latitude) < 500)) .ToList(); // 2. 根据人员负载和专业技能评分 return availableStaff .OrderBy(s => s.CurrentTaskCount) .ThenByDescending(s => s.Skills .FirstOrDefault(sk => sk.Type == @case.Type)?.Score ?? 0) .FirstOrDefault(); } }

实时消息推送：

// 小程序端连接SignalR const connection = new signalR.HubConnectionBuilder() .withUrl('https://api.example.com/notifyHub') .configureLogging(signalR.LogLevel.Information) .build(); connection.on("TaskAssigned", (task) => { wx.showModal({ title: '新任务通知', content: `您有新的处置任务：${task.title}`, success: res => { if (res.confirm) { wx.navigateTo({ url: `/pages/task/detail?id=${task.id}` }) } } }) });

4. 开发中的典型问题与解决方案

4.1 微信权限管理坑点

问题现象：用户首次拒绝定位权限后，再次调用wx.getLocation会直接失败

解决方案：

const requestLocation = async () => { try { const res = await wx.getSetting() if (!res.authSetting['scope.userLocation']) { await wx.authorize({ scope: 'scope.userLocation' }) } return await getLocation() } catch (err) { wx.showModal({ title: '需要位置权限', content: '请到设置页面开启位置权限', success: () => { wx.openSetting() } }) throw err } }

4.2 高并发上传优化

问题场景：早高峰时段多个网格员同时上报案件，出现文件上传超时

优化措施：

采用分块上传策略
后端增加限流机制：

services.AddRateLimiter(options => { options.GlobalLimiter = PartitionedRateLimiter.Create<HttpContext, string>(context => RateLimitPartition.GetFixedWindowLimiter( partitionKey: context.User.Identity?.Name ?? context.Request.Headers["X-Client-Id"], factory: partition => new FixedWindowRateLimiterOptions { AutoReplenishment = true, PermitLimit = 30, Window = TimeSpan.FromMinutes(1) })); });

5. 项目部署与运维实践

5.1 服务器配置建议

组件	最低配置	推荐配置	说明
Web服务器	2核4G	4核8G	建议Windows Server 2019
数据库服务器	4核8G	8核16G	单独部署，SSD存储
Redis缓存	1核2G	2核4G	建议使用阿里云版

5.2 监控指标设置

性能监控项：
- 接口平均响应时间(<500ms)
- 小程序页面加载耗时(<1s)
- 数据库查询耗时(<100ms)
业务监控项：
- 案件平均处置时长
- 超时未处置案件比例
- 重复上报率

# 性能计数器采集示例 $counters = @( "\Processor(_Total)\% Processor Time", "\Memory\Available MBytes", "\ASP.NET Applications(__Total__)\Requests/Sec" ) Get-Counter -Counter $counters -SampleInterval 60 -MaxSamples 10