微信小程序云开发实例 源码 部署详细流程[自带管理后台]

项目介绍

  • 小贝校招 项目是集校招资讯、内推、刷题、简历模板下载等功能于一体的小程序,基于微信原生+微信云开发+vant+colorui以及相关技术栈开发,自带图像云开发后台,不需要自己建网站。

  • 源代码全部开源,部署详细流程见下面介绍。** 代码不易,如果觉得项目不错的话可以给项目一个 Star ,谢谢各位的支持。**

  • 源码github地址:https://github.com/XiaokangLei/miniwork

  • 源码gitee地址:https://gitee.com/lxk2020/miniwork

项目模块

  • 基于腾讯云服务开发,微信云开发,原生微信,使用vant,colorui为UI的开发的小程序,后台基于微信云开项目。
  • [资讯模块]校招资讯,包含:查看,点赞,收藏,笔记,分享;
  • [题库模块]笔试面试题库,包含面试和随机刷题模块;
  • [签到模块]校招,包含精选(按发布时间)、热招(按浏览量)、倒计时(按最近截止简历投递时间)和校招宣讲会资讯四个模块;
  • [首页模块]内推,包含内推直招、简历模块和薪资待遇模块,待优化;
  • [我的模块]个人中心,包括个人收藏、点赞和笔记信息,签到。

项目预览地址

小程序

关注小程序:小贝校招,【微信小程序内搜索 [ 小贝校招 ] 即可体验】

后台cms系统

  • 地址:https://test-4gn9gu0ucc6657ba-1304273986.tcloudbaseapp.com/wx-cms/#/login?redirect=https%3A%2F%2Ftest-4gn9gu0ucc6657ba-1304273986.tcloudbaseapp.com%2Fwx-cms%2F%23%2Fhome
  • 账号:test
  • 密码:test12345
  • 说明:该账号仅供查看,无法修改内容

部署文档

1、下载导入

  • 下载release版本v1.0.0,解压zip,导入项目
  • 替换自己的AppID
    微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第1张图片
    微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第2张图片
    微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第3张图片

2、设置云开发环境

  • 在utils/config.js中替换自己的云环境
    微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第4张图片
    微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第5张图片
    微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第6张图片

3、开通内容管理

  • 内容管理为后台cms系统,需要开通按量付费[略坑]
    微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第7张图片
    微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第8张图片

  • 点击确定,需要几分钟时间
    微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第9张图片

  • 再次点击开通按钮
    微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第10张图片

  • 设置cms账号密码
    微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第11张图片

  • 焦急等待…
    微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第12张图片

  • 点击网址,进入后台管理页面
    微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第13张图片

  • 输入刚刚设置的账号密码
    微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第14张图片

  • 创建项目,项目id自己设定
    微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第15张图片

  • 导入miniwork/database目录中的模型:schema-export-tyjut65s.json
    微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第16张图片

  • 点击确定
    微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第17张图片

  • 回到开发工具中,点击云开发按钮进入云开发控制台,进入数据库中,可以看到刚刚导入的模型已经在数据库中创建

4、创建其他数据库

  • 创建点赞、收藏等数据库
    微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第18张图片
    微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第19张图片

  • 创建的数据库名和权限如下图所示,记得要创建图中的所有表,这里不再一一展示。
    微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第20张图片

5、上传部署云函数

  • 创建完所有数据库,再回到开发工具中,上传并部署项目中所有的云函数
    微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第21张图片

  • 所有的云函数如下图
    微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第22张图片

6、数据管理

  • 到此为止,基本部署工作已经完成,下面介绍向数据库中增加数据

  • 首先进入cms后台管理中,选择一个表名,点击导入数据,选择通过JSON导入
    微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第23张图片
    微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第24张图片

  • 这里我已经给出数据库样例,在miniwork/database文件夹中,json文件名对应数据库名,可以通过查看模型来查看数据库名,依次对应导入除schema-export-tyjut65s.json外的所有数据表
    微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第25张图片

  • 对包含图片的数据库,图片资源获取不到,需要手动导入
    微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第26张图片

  • 点击编辑
    微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第27张图片

  • 上传pic文件夹中的图片,也可自己上传其他图片
    微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第28张图片

  • 点击更新,依次修改完其他数据表
    微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第29张图片

  • 回到开发工具界面,点击刷新运行,即可看到所有界面

界面预览

微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第30张图片
微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第31张图片
微信小程序云开发实例 源码 部署详细流程[自带管理后台]_第32张图片

更多内容请移步至github源码

大家有任何问题或者建议都可以在 [issues] 中反馈给我,我慢慢完善项目。

你可能感兴趣的:(微信小程序,小程序,云原生,微信小程序)