靖州商务产品系统

打造一款专为县商科工信局机关单位内部使用的微信小程序，实现单位内部资料的整合与共享，对外漂亮展示招商信息，同时通过权限管理系统保障信息安全与规范操作。

员工登录、招商展示、政府政策-平台-园区-企业-基地五大模块展示和维护。
一级页面：采用网格布局，将政府、平台、园区、企业、基地、农户六个板块以图标加文字的形式展示，每个板块占据相同的网格空间，背景采用简洁的浅色调，突出板块内容。
二级页面：每个板块进入后为二级页面，采用列表式布局，顶部为板块标题，下方依次排列该板块下的细分内容条目，每个条目包含标题和简要描述，条目之间有适当的间隔，便于点击。
三级页面：点击细分内容条目进入三级页面，页面左侧为该内容的详细信息展示区，采用文本流式布局，字体大小适中，行间距合理，方便阅读；右侧为关联信息区域，采用卡片式布局，展示与该内容相关的其他模块信息，如政府模块下的 “竹产业规划” 页面右侧展示相关企业、园区、基地等信息卡片，卡片包含名称、图片和简短介绍，点击卡片可跳转至对应内容页面。
细分功能实现
信息查询：用户在各页面可通过滚动浏览查看信息，三级页面顶部设置搜索框，支持关键词搜索该页面及关联信息内容。
信息修改：有权限的用户在三级页面右上角可见 “编辑” 按钮，点击进入编辑模式，可对文本内容进行修改，修改完成后点击 “保存” 按钮提交，系统自动更新数据库信息。
信息删除：有权限的用户在三级页面右上角可见 “删除” 按钮，点击后弹出确认删除对话框，确认后系统删除该信息及相关关联关系记录。
关联管理：有权限的用户在关联信息区域可见 “管理关联” 按钮，点击后可添加、移除关联信息。添加时可通过搜索选择相关模块的信息进行关联；移除时点击关联卡片上的删除图标即可。
动态更新：系统后台与单位内部数据库实时同步，当数据库中的信息发生变化时，小程序各页面的信息自动更新，确保用户查看的是最新内容。
（二）招商展示模块
UI 布局
手机端：采用滚动式布局，顶部为靖州形象宣传轮播图，轮播图下方是分类导航标签，包括产业园区、重点企业、特色基地、扶持政策等。每

个人全栈开发，前后端开发、数据库、云存储均由个人单独完成。
技术实现要点
3.1 数据存储与关联
数据库设计：采用微信自带MongoDB 存储数据；云存储存储用户上传的文件。
关联机制：通过 “唯一 ID + 关联表” 实现跨模块数据联动，例如 “竹产业规划 ID” 关联 “竹园区 ID”“竹企业 ID”；
动态更新：前端编辑页面采用富文本编辑器，支持上传图片、表格，数据提交后实时同步至数据库。
3.2 多终端适配
响应式布局：采用 Flexbox+Grid 布局，手机端（375px-414px）单列展示，大屏端（≥1920px）多列分栏；
大屏适配：优化字体大小（标题≥24px，正文≥16px）、增大间距（元素间距≥20px），避免内容拥挤；
投屏模式：新增 “投屏模式” 入口，点击后隐藏导航栏，突出核心展示内容（如招商项目、产业数据）。
3.3 权限控制
登录验证：通过微信企业号授权登录，自动识别用户角色（对接单位内部人员信息库）；