小程序做的公告信息管理系统

6 阅读1分钟

公告管理微信小程序

功能概述

  1. 管理员功能
    • 公告类别管理(增删改查)
    • 公告信息管理(增删改查)
  2. 数据存储
    • 纯前端实现
    • 使用全局变量存储数据
  3. 界面功能
    • 公告列表展示
    • 公告详情查看
    • 分类筛选

技术实现

  • 微信小程序原生开发
  • 使用app.js中的全局变量存储数据
  • 无后端连接,纯前端实现

文件结构

├── app.js # 全局逻辑和变量 ├── app.json # 全局配置 ├── app.wxss # 全局样式 ├── pages/ │ ├── index/ # 首页 │ ├── category/ # 类别管理 │ ├── notice/ # 公告管理 │ └── detail/ # 公告详情 └── README.md # 项目说明

使用说明

  1. 下载代码到微信开发者工具
  2. 无需额外配置
  3. 直接运行即可使用

完整功能说明

管理员功能

  1. 公告类别管理
    • 添加新类别
    • 编辑现有类别
    • 删除类别
  2. 公告管理
    • 创建新公告(需选择类别)
    • 编辑现有公告
    • 删除公告
    • 按类别筛选公告

用户功能

  1. 查看公告列表
  2. 按分类筛选公告
  3. 查看公告详情

数据持久化说明

虽然本应用使用全局变量存储数据,但实际使用时建议:

  1. 添加本地缓存功能(wx.setStorage/wx.getStorage)
  2. 或连接后端API实现数据持久化

如何扩展

  1. 添加用户登录功能
  2. 增加图片上传功能
  3. 实现公告置顶功能
  4. 添加搜索功能

1.png

2.png

3.png

4.png

5.png

6.png

7.png