校园管理小程序 宿舍教室报修维修 图书借阅 校园新闻公告 校园论坛 表...

编程小石头

共 1884字,需浏览 4分钟

 ·

2023-07-13 19:42

一,老规矩先看效果图

1-1小程序端

登录页

75269158f639160e4ffad96edebd4acd.webp

注册页

0b1adafeca1deddf35138e8c6c0f40d5.webp

首页

e8a8738ff4f7ec9bc4dd1f8d48eba03a.webp

校园资讯

c5ea5e654d5cb1e3e55c2e8603ac4399.webp

新闻详情

8d828a9099f7b1384f8999e431ce9577.webp

校园论坛

98a649ff1cc6920f0dd9f4440eb67f6d.webp

校园表白墙

95e6715529c69ab7a1498b23e15568e7.webp

失物招领

3b606c0360bfae0c23ea10694a7c597b.webp

帖子详情和评论

39fcf44a89c2c75cfed5a01be658c6f3.webp

个人中心

41f862a79daf88fbfe4639d9a762a0d4.webp

宿舍教室维修报修

c16a9b7c964ef95af50c19272f0a04f2.webp
填写信息
09b7ea88def4d203560ee3fbf878ea1a.webp

我的维修订单

c507e2ccbaaa691f3c9f2b4951c5aef3.webp

饭卡充值

1a03716e15a9714559853b740bb418fb.webp

支付

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

充值记录

701ab1ed0c87a61d06a7507c1e476dcb.webp

校园官网

0e9a2775a21be87366ad21b29ce13fa8.webp

72c7660ada11feb9b6f7f90e3602ba16.webp

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

如果你是个人小程序的话,直接打开校园官网会报下面错误
eaed43435bf72ff6942094a4e67bce2c.webp
但是我们想在个人小程序里看校园官网怎么办呢?其实也是有方法的

  • 第一种方式:在模拟器里打开
    d968628f362b73db926051dfe213c1f5.webp
    这里只要勾选不校验合法域名,就可以在电脑模拟器上看到校园官网
    a5b3010a5ad3a6c61ca69ead7b63a7ed.webp

  • 第二种方式:在手机上打开,开启调试模式
    这里同样需要按上面第一种方式那样勾选 不校验合法域名。然后做如下操作。
    4ebea5e5fc85bb16c63e656ba3af2b4b.webp
    然后点击打开调试
    31c351bbdce5cbf021b6a6e413d1893c.webp
    然后再次进入校园官网,就可以打开官网了。

投票选举

9a923031b97d4ad630545ebce14acc57.webp
已截止
a97c75efe7f0426751f3f9eadf87b6a8.webp
02e28062a62a0f6d7c466a29e546ecff.webp
已投票,投完票可以实时的统计投票数和排名

8d5a49b7ad758bae6b89599e301f75c8.webp

图书借阅

cf7327b267e930d25f118d32aa0ac5e9.webp

图书借阅记录

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

修改头像和姓名

744df449bcc0189b74899b59425a4392.webp

我的收藏

9bf3774015f4a6d216ac9f6a2eef7a67.webp
这里记录我们收藏过的文章
aedf0a7331eac3de03c5d02d0717bfd2.webp

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

e077bd96178e8bd2f8790ecbfabf595d.webp

联系客服

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

反馈与建议

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

1-2,管理员端

管理员登录页

9a0aea33f88a9832a657a0c13599b1f8.webp

管理员主页

7e3a994b4b74db54f9bf4055a01880eb.webp

用户审核

待审核
92a306a0a0b549dcc3f24c45e1602bde.webp
已拒绝
49aa8146c9ef4f4652258847d9d44f53.webp
审核通过

227177c23351bbc7d42a086d5a60fbe4.webp

维修订单

7020d087b5fd501a991e501664e612b2.webp
安排师傅
f85c827c0a6739023727c88ae55d26b4.webp
已经安排
c7fcc4f019317e38ec8aa646b2b71d03.webp

发布文章咨询新闻公告

97f9ac410b0cbf496108aa5981acd3c9.webp
6359b4e9466a6ba869e67197c3baba88.webp

添加投票

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

1-3,数据库和数据表

0e500e24bf8a9d22e35691cdbf3c75b9.webp

二,技术选型

1,小程序前端

  • wxml

  • css

  • JavaScript

  • MINA原生小程序框架

2,数据后台(云开发)

  • 云开发

  • 云数据库

  • 云函数

  • 云存储

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

三,项目目录

3-1,pages页面目录

1664ab2c481520c0fce25d952a4d6d79.webp
9b175b45b5d3831f8475b323f108ee54.webp

3-2,云函数目录

571fadea62a4aa2e0f3e7ffdb5abbd32.webp

四,源码与数据的导入

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

1a15c265e1537b73d25df1bb20fcf064.webp

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

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

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

  • 1,在app.js里把env换成你自己的云开发环境id
    907c53d1d04ec43611bd2d20f3e220fd.webp

  • 2,选择和云开发环境id对应的云函数环境
    1b5e0005bd583c478c9101e7b97eaacb.webp

4-4,添加数据表

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

4-5,别忘记改表权限

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

832daba5acc7c1051302e176e6ee2465.webp

4-6,添加管理员

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

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

a4e93b9d14a33e47f12884d46e215c61.webp

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


浏览 56
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报