校园管理小程序 宿舍教室报修维修 图书借阅 校园新闻公告 校园论坛 表白墙 失物招领 饭卡充值 投票 登录注册 用户审核 包含管理员和用户端 云开发 数据库 维修小程序

一,老规矩先看效果图

1-1小程序端

登录页

注册页

首页

校园资讯

新闻详情

校园论坛

校园表白墙

失物招领

帖子详情和评论

个人中心

宿舍教室维修报修


填写信息

我的维修订单

饭卡充值

支付

可选择充值金额,由于我们这里没有开通微信支付,所以这里是模拟支付,如果想实现微信支付,需要用营业执照注册一个企业小程序,并且要开通微信支付。如果想实现真实支付,可以找石头哥定制改造。

充值记录

校园官网

我们这里校园官网是用webview实现得,所以需要是企业小程序,并且要在小程序里配置相关域名。

如果你是个人小程序的话,直接打开校园官网会报下面错误

但是我们想在个人小程序里看校园官网怎么办呢?其实也是有方法的

  • 第一种方式:在模拟器里打开

    这里只要勾选不校验合法域名,就可以在电脑模拟器上看到校园官网
  • 第二种方式:在手机上打开,开启调试模式
    这里同样需要按上面第一种方式那样勾选 不校验合法域名。然后做如下操作。

    然后点击打开调试

    然后再次进入校园官网,就可以打开官网了。

投票选举


已截止


已投票,投完票可以实时的统计投票数和排名

图书借阅

图书借阅记录

我们可以在图书借阅记录里还书,查看以往借阅历史

修改头像和姓名

我的收藏


这里记录我们收藏过的文章

我的维修订单可以查看维修师傅

联系客服

这里要注意的是,联系客服功能模拟器里没法查看,必须在手机上才可以查看

反馈与建议

这里要注意的是,反馈与建议功能模拟器里没法查看,必须在手机上才可以查看

1-2,管理员端

管理员登录页

管理员主页

用户审核

待审核

已拒绝

审核通过

维修订单


安排师傅

已经安排

发布文章咨询新闻公告


添加投票

可以设置投票主题,截止时间,介绍,选项可以随意添加活删除。

1-3,数据库和数据表

二,技术选型

1,小程序前端

  • wxml
  • css
  • JavaScript
  • MINA原生小程序框架

2,数据后台(云开发)

  • 云开发
  • 云数据库
  • 云函数
  • 云存储

云数据库是云开发自带的数据库(json类型的弱关系型的基于MongoDB的数据库)

三,项目目录

3-1,pages页面目录


3-2,云函数目录

四,源码与数据的导入

4-1,去网盘下载源码并解压

4-2,导入源码到小程序开发者工具

注意:导入的时候appid一定要换成你自己的。

4-3,初始化云开发环境

  • 1,在app.js里把env换成你自己的云开发环境id
  • 2,选择和云开发环境id对应的云函数环境

4-4,添加数据表

这里需要自己在云开发控制台的数据库里添加以下几个数据表
admin 管理员表
forum 论坛帖子
answer 论坛帖子回答
books 图书表
jieyue 图书借阅记录
news 校园新闻公告表
order 维修订单表
pay 饭卡充值记录表
user 用户表
vote 投票表

4-5,别忘记改表权限

其中有以下几个表,需要把表权限改为:所有用户可读,仅创建者可读写
admin
books
forum
news
user
vote

4-6,添加管理员

改完权限,记得添加一个默认的管理员到admin表

4-7,别忘记部署云函数

详细部署视频:https://www.bilibili.com/video/BV1tk4y1L7fM/

猜你喜欢

转载自blog.csdn.net/qiushi_1990/article/details/130680105