一,老规矩先看效果图

小程序端

1,首页

2,校园资讯

3,新闻详情

4,个人中心

5,宿舍维修

6,宿舍维修订单

7,饭卡充值

8,支付

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

9,充值记录

10,校园官网


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

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

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

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

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

    然后点击打开调试

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

11,图书借阅

12,图书借阅记录

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

13,修改学生信息

14,我的收藏


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

15,联系客服

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

16,反馈与建议

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

17,微信授权登录

登录前

登录后

管理后台

1,管理后台登录页

2,管理后台主页面

左侧菜单栏展开

左侧菜单栏收起

3,内容模型(拖拽生成数据库)

4,校园新闻管理

可以添加,修改,删除校园新闻

5,文章编辑器

支持富文本编辑

6,用户信息管理

7,搜索用户功能

8,用户充值记录管理

9,宿舍维修订单管理

10,更改维修订单状态

11,图书管理页

可以上架新图书,修改图书信息,删除图书

12,学生借阅管理页

二,技术选型

1,小程序前端

  • wxml
  • css
  • JavaScript

2,数据后台(云开发)

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

3,管理后台(cms)

  • cms

三,项目目录

3-1,pages页面目录

3-2,云函数目录

四,源码与数据的导入

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

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

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

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

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

4-4,cms的开通

4-5,news表别忘记改权限

4-6,books图书表别忘记改权限

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

后面会录视频讲解,敬请期待

小程序+云开发+cms实现校园管理系统,含图书借阅,饭卡充值,宿舍维修,校园资讯等功能相关推荐

  1. 微信小程序云开发CMS中WebHook功能的使用方法

    微信小程序云开发CMS中WebHook功能的使用方法 官方文档 Webhook 是什么呢,翻译过来就是网页钩子.它的用处是,当我们在CMS进行增添查改的操作后,会自动回调webhook函数,我们就可以 ...

  2. 垃圾分类微信小程序——云开发+CMS+微应用+百度智能云图片识别

    功能列表 1.0.0版本: 三个版本,一个APPID,登录页选择版本 登录,openid判断 社区居民用户注册,一房一主 工作/清洁人员账号绑定,一人一号,一号一人 用户首页,直接展示搜索功能,包括图 ...

  3. 微信小程序云开发CMS内容管理平台csv上传乱码或失败的解决方法

    一.新建Excel并编辑数据: 二.Excel 编辑好后另存为csv文件(直接导入微信小程序云开发数据库会出现中文乱码): 三.csv文件直接改后缀名为.txt,然后用记事本打开(如首行出现空字段需删 ...

  4. 微信小程序云开发———CMS

    CloudBase CMS (opens new window)是云开发推出的,基于 Node.js 的 Headless 内容管理平台,提供了丰富的内容管理功能,也就是对云数据库的可视化操作.基本的 ...

  5. 小程序云开发,CMS内容管理系统

    痛点: 由于小程序云开发更新数据的问题,1. 通过云开发控制台进行更改数据(不方便,不可视化),2.通过开发一个管理数据的小程序页面逻辑来实现更新(费时费成本,并且不一定做的好用) 好在现在腾讯官方提 ...

  6. 毕业设计——基于小程序云开发的校园二手交易平台(附源码)

    本系统基于微信小程序云开发,采用小程序原生框架,不需要后端开发,数据库和CMS云开发全帮你搞定,对后端开发能力薄弱的同学超友好的有木有,只要你学过HTML+CSS+JS就能实现所有功能. 一.功能介绍 ...

  7. 微信小程序云开发 · 从0搭建商业级校园跑腿平台(已开源)

    微信小程序云开发  ·  从零搭建商业级校园跑腿平台 小秃僧 新生代农民工,一枚准毕业的大四学生,热爱前端开发,做个有态度.有思想.有价值的公众号. 好久不更新了,再更新已是打工人! 我将分享用云开发 ...

  8. 小程序·云开发实战 - 校园约拍小程序

    创意来源于生活,之所以开发这个校园约拍小程序,是因为在摄影选修课上常听老师抱怨外出写生老找不到模特,许多大学生都想拥有一套专属自己记忆的摄影作品,记录下不会磨灭的美好回忆,可如何找到让自己满意的摄影师 ...

  9. 基于微信小程序云开发(校园许愿墙app)2.0稳定版,以发布上线

    大家好~我是c站的一个小博主,我会定期更新博文,本篇是围绕微信小程序基于腾讯云开发展开的一个项目,如果看着还不错,或者对您有帮助的话,可以进我的专栏看看我的小程序的其他作品https://blog.c ...

最新文章

  1. hive根据已有表创建新表_Hive基础之创建表
  2. rsync的配置应用
  3. Spring的新注解——Configuration、ComponentScan、Bean、Import、PropertySource || spring整合Junit分析
  4. 《CCNP TSHOOT(642-832)学习指南》一导读
  5. Android 系统构架(转)
  6. HADOOP-Checkpoint原理
  7. 抚摸斯蒂芬·金 (图)
  8. LeetCode:Sudoku Solver Valid Sudouku
  9. spring mvc教程_Spring MVC教程
  10. 宝塔/Linux下自动更新maccms到github原版的最新版
  11. sklearn 1.0.1官方文档教程
  12. 永恒之蓝(勒索病毒)
  13. [机缘参悟-39]:鬼谷子-第五飞箝篇 - 警示之二:赞美的六种类型,谨防享受赞美快感如同鱼儿享受诱饵。
  14. 嵌入式Linux红外遥控,一个简单的IAL分析(红外遥控)(转)
  15. sharding-jdbc之SQL改写
  16. 官宣|深圳新增6条新建地铁线路和100个站点
  17. 天龙八部科举答题问题和答案(全4/8)
  18. git 解决冲突后提交 fatal: cannot do a partial commit during a merge.
  19. 初级考试可以使用计算机吗,计算机初级考试的内容都有哪些
  20. MATLAB读dat文件中存储的十六进制数

热门文章

  1. 笔记本电脑和台式机电脑长时间不用后卡顿解决办法
  2. 能让你笑出八块腹肌的内涵手游|Cocos强势围观
  3. XML/XSD/XSLT
  4. 天池零基础入门NLP - 新闻文本分类Top1方案的bert4torch复现
  5. Qt中的消息通知和事件发送
  6. 如何快速的把所有蛋白质结构域信息爬取出来并保存到excel
  7. 【HTML5系列一】:HTML初识
  8. 国内top5知名贵金属期货交易平台排名(最新榜单大全)
  9. 网易的图片校验功能流程
  10. echart x轴标签偏移_echarts x 轴最后一个刻度右对齐