基于微信小程序的在线考试系统平台+数据库

超、凢脫俗 2023-09-29 18:44 11阅读 0赞

[**源码下载地址**][Link 1]：https://download.csdn.net/download/gdutxiaoxu/87408191

### 在线借书平台 ###

在线借书平台微信小程序：连接读者与图书馆的借书平台、读者的图书资料库与书单系统。30+ 页面，多个可复用组件，微信小程序开发入门。提供本地 mock server 解决方案。

除此之外，还提供了使用 Taro 重构后的版本，仅包含三个示例页面。面向人群主要是 Taro/React/Redux 的初学者，目的是提供一个简单的实践项目，帮助理解 Taro 与 Redux 的配合方式与 Taro 的基本使用。技术栈：Taro + Taro UI + Redux + Webpack + ES6 + Mock

![图片][a37e435c9be6057fcb522919f8ddb1e2.png]

### 在线部署 ###

本项目提供了一个可以在线预览的小程序版本，扫码即可上手体验，这需要部署线上的 mock 服务。过去主要使用 [easy-mock][] 提供的在线平台，但现在这个项目已经不再维护。也有一些开发者提供的[个人服务器][Link 2]，但还是存在服务不可用的风险。如果自己购买一台服务器来运行 mock 服务，又会浪费资源。

在这个项目中，我使用微信开放平台的云开发能力来部署 mock server，成本极低，十分方便。操作步骤主要参考了[云托管文档 - 使用指南][-]，需要提前了解 Docker 与 Dockerfile 概念：

1.  开通云托管功能（按量计费），新建一个服务，命名为 `weapp`： [\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Nl65deCb-1675409371751)(null)\]][img-Nl65deCb-1675409371751_null]
2.  在 `/simplest-mock-server` 目录下创建 `Dockerfile` 文件，写入以下内容：
    
        # https://hub.docker.com/_/node
        FROM node:10.10.0-slim
        
        # Create and change to the app directory.
        WORKDIR /usr/src/app
        
        # Copy application dependency manifests to the container image.
        # A wildcard is used to ensure both package.json AND package-lock.json are copied.
        # Copying this separately prevents re-running npm install on every code change.
        COPY package*.json ./
        
        # Install production dependencies.
        RUN npm install --only=production
        
        RUN npm install -g gulp
        
        # Copy local code to the container image.
        COPY . ./
        
        # Run the web service on container startup.
        CMD [ "gulp", "mock" ]
3.  在第一步的服务中新建版本，上传 `/simplest-mock-server` 文件夹，监听端口设置为 `3000`：
    
    ![img][]
4.  小程序的 `onLaunch()` 中调用：`wx.cloud.init({ env: "环境id" })`
5.  修改小程序中调用接口的代码 `api/request.js`：
    
    ![img][img 1]

[**源码下载地址**][Link 1]：https://download.csdn.net/download/gdutxiaoxu/87408191

[Link 1]: https://download.csdn.net/download/gdutxiaoxu/87408191
[a37e435c9be6057fcb522919f8ddb1e2.png]: https://img-blog.csdnimg.cn/img_convert/a37e435c9be6057fcb522919f8ddb1e2.png
[easy-mock]: https://github.com/easy-mock/easy-mock
[Link 2]: https://github.com/easy-mock/easy-mock/issues/443
[-]: https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/container/guidance.html
[img-Nl65deCb-1675409371751_null]: https://github.com/imageslr/weapp-library/blob/master/assets/04-26-19-51-00.png
[img]: https://img-blog.csdnimg.cn/img_convert/f1c39589b4282d7e75917e123a826d36.png
[img 1]: https://img-blog.csdnimg.cn/img_convert/d9b32dbfcea7cd7f11e8cde420c4729c.png